@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,700;1,700&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#7ec8bb;font-family:Poppins,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;padding:20px}.logo-container{padding-left:35px}.nav-sphere{align-items:center;background-color:#e27d60;border:3px solid #f3ffff;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.logo{height:50px}.buttons-container{align-items:center;display:flex;justify-content:center}.nav-button{background-color:#e27d60;border:none;border-radius:5px;color:#f3ffff;cursor:pointer;font-size:16px;font-weight:700;margin:5px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.nav-button:hover{background-color:#cc6649}.active-link{border-bottom:7px solid #f3ffff;border-top:7px solid #f3ffff}.vertical-nav .buttons-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;left:0;position:fixed;top:0;width:200px}.fixed-arrow{background-color:#7ec8bb;border:2px solid #f3ffff;border-radius:50%;box-shadow:0 0 10px #00000080;height:auto;padding:10px;width:120px;z-index:1}.arrow-container,.fixed-arrow{bottom:20px;left:20px;position:fixed}.arrow-container{display:flex;flex-direction:column}.fixed-arrow:hover{background-color:#57b7a9;transition:all .3s ease}.hamburger{display:none}@media (max-width:900px){.navbar{display:flex;justify-content:space-between;padding:20px}.arrow-container,.vertical-nav .buttons-container{display:none}.logo-container{align-items:center;display:flex}.logo{height:40px}.buttons-container{display:none}.hamburger{cursor:pointer;display:block;flex-direction:column;height:25px;justify-content:space-around;margin-bottom:20px;width:30px;z-index:100}.hamburger div{background-color:#f3ffff;height:3px;margin:6px 0 7px;transition:.4s;width:30px}.mobile-menu{align-items:flex-start;background-color:#7ec8bb;box-shadow:-2px 0 5px #0003;display:flex;flex-direction:column;padding:10px;position:fixed;right:12px;top:90px;z-index:99}.nav-button-mobile{background-color:#e27d60;border:none;border-radius:5px;color:#f3ffff;cursor:pointer;font-size:16px;font-weight:700;margin:5px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.active-link{border-bottom:7px solid #f3ffff;border-top:7px solid #f3ffff}}@media (max-width:400px){.navbar{display:flex;justify-content:space-between;padding:20px}.arrow-container{display:none}.logo-container{align-items:center;display:flex}.logo{height:40px}.buttons-container{display:none}.hamburger{cursor:pointer;display:block;flex-direction:column;height:25px;justify-content:space-around;margin-bottom:20px;width:30px;z-index:100}.hamburger div{background-color:#f3ffff;height:3px;margin:6px 0 7px;transition:.4s;width:30px}.mobile-menu{align-items:flex-start;background-color:#7ec8bb;box-shadow:-2px 0 5px #0003;display:flex;flex-direction:column;padding:10px;position:fixed;right:12px;top:90px;z-index:99}.nav-button-mobile{background-color:#e27d60;border:none;border-radius:5px;color:#f3ffff;cursor:pointer;font-size:16px;font-weight:700;margin:5px;padding:10px 20px;text-decoration:none;transition:background-color .3s}.active-link{border-bottom:7px solid #f3ffff;border-top:7px solid #f3ffff}.nav-sphere{position:relative;right:30px}}.experience-2d{height:100vh;overflow:hidden;position:relative;width:100vw}.experience-canvas{display:block;height:100%;width:100%}.experience-loading{align-items:center;background:linear-gradient(180deg,#f0f0f0,#e0e0e0);display:flex;height:100vh;justify-content:center;width:100vw}.loading-text{color:#333;font-size:24px;font-weight:500}.experience-instructions{background:#ffffffe6;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:300px;padding:20px;position:absolute;right:20px;top:70px;z-index:10}.hamburger-menu{position:absolute;right:20px;top:20px;z-index:15}.hamburger-button{background:#ffffffe6;border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:18px;padding:10px 15px;transition:all .3s ease}.hamburger-button:hover{background:#fff;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.hamburger-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.hamburger-dropdown{background:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.hamburger-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.hamburger-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.hamburger-item:hover{background:#0000000d}.hamburger-item:first-child{border-radius:8px 8px 0 0}.hamburger-item:last-child{border-radius:0 0 8px 8px}.contact-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.contact-form-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}.contact-form-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.contact-form-container h2{color:#2c3e50;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.contact-form-header .close-contact-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.contact-form-header .close-contact-button:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.contact-form-container p{color:#6c757d;font-size:14px;font-weight:400;line-height:1.5;margin-bottom:20px;text-align:center}.contact-form-container .form-row{display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.contact-form-container .form-group{flex:1 1}.contact-form-container label{color:#2c3e50;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.contact-form-container input[type=email],.contact-form-container input[type=tel],.contact-form-container input[type=text],.contact-form-container textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.contact-form-container input[type=email]:hover,.contact-form-container input[type=tel]:hover,.contact-form-container input[type=text]:hover,.contact-form-container textarea:hover{background:#fafbfc;border-color:#dee2e6}.contact-form-container .email,.contact-form-container .message-container,.contact-form-container .phone{margin-bottom:15px}.contact-form-container .message-input{font-family:inherit;line-height:1.5;min-height:80px;resize:vertical;width:100%}.contact-form-container input[type=email]:focus,.contact-form-container input[type=tel]:focus,.contact-form-container input[type=text]:focus,.contact-form-container textarea:focus{background:#fff;border-color:#e27d60;box-shadow:0 0 0 3px #e27d601a;outline:none;transform:translateY(-1px)}.contact-form-buttons{border-top:1px solid #e9ecef;display:flex;justify-content:center;margin-top:25px;padding-top:20px}.contact-form-container button[type=submit]{background:linear-gradient(135deg,#e27d60,#cc6649);border:none;border-radius:8px;box-shadow:0 4px 15px #e27d604d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;min-width:120px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.contact-form-container button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.contact-form-container button[type=submit]:hover:before{left:100%}.contact-form-container button[type=submit]:hover{background:linear-gradient(135deg,#cc6649,#b85a3f);box-shadow:0 6px 20px #e27d6066;transform:translateY(-2px)}.experience-instructions h2{color:#333;font-size:18px;margin:0 0 10px}.experience-instructions p{color:#666;font-size:14px;line-height:1.4;margin:5px 0}.instructions-button{background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;position:absolute;right:80px;top:20px;transition:all .3s ease;z-index:10}.instructions-button:hover{background:#f8f8f8;border-color:#bbb;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.instructions-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.zone-indicator{align-items:center;background:#fffc;border:2px solid #007bff;border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:absolute;transition:all .3s ease;z-index:5}.zone-indicator:hover{background:#fffffff2;border-color:#0056b3;transform:scale(1.05)}.zone-indicator span{color:#333;font-size:12px;font-weight:500;padding:5px;text-align:center}@media (max-width:900px){.experience-2d{display:none}}.project-info{padding:20px}.modal-content .close-button{background-color:initial;border:none;color:#f3ffff;cursor:pointer;font-size:16px;padding:10px;position:absolute;right:10px;top:-30px;z-index:1051}.modal-content .close-button:hover{color:#d6e6e6}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:0;width:90%}.auth-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.auth-modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.auth-close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.auth-close-button:hover{background-color:#f3f4f6;color:#374151}.auth-form{padding:0 24px 24px}.auth-forgot-password-content,.auth-success-content,.auth-verification-content{padding:0 24px 24px;text-align:center}.forgot-password-icon,.success-icon,.verification-icon{font-size:48px;margin-bottom:16px}.forgot-password-icon{color:#f59e0b}.verification-email{background-color:#f3f4f6;border-radius:6px;color:#374151;font-weight:500;margin:12px 0;padding:8px 12px;word-break:break-all}.success-highlight{color:#059669;font-weight:600;margin:16px 0 8px}.forgot-password-link{margin-bottom:16px;text-align:right}.forgot-password-link .auth-toggle-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;margin:0;padding:0;text-decoration:underline}.forgot-password-link .auth-toggle-button:hover{color:#374151}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:24px}.loading-spinner{border:2px solid #f3f4f6;height:24px;width:24px}.verification-steps{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.verification-steps p{color:#374151;font-weight:500;margin:0 0 12px}.verification-steps ol{color:#6b7280;margin:0;padding-left:20px}.verification-steps li{margin-bottom:8px}.auth-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.auth-error,.auth-success{font-size:.875rem;margin-bottom:16px;padding:12px}.auth-success{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.auth-submit-button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:16px;padding:12px 24px;transition:background-color .2s;width:100%}.auth-submit-button:hover:not(:disabled){background-color:#2563eb}.auth-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.auth-toggle{border-top:1px solid #e5e7eb;margin-top:16px;padding:16px 24px 24px;text-align:center}.auth-toggle p{color:#6b7280;font-size:.875rem;margin:0}.auth-toggle-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:underline;transition:color .2s}.auth-toggle-button:hover{color:#2563eb}@media (max-width:480px){.auth-modal{margin:20px;width:95%}.auth-forgot-password-content,.auth-form,.auth-modal-header,.auth-success-content,.auth-toggle,.auth-verification-content{padding-left:20px;padding-right:20px}}.chat-widget{background-color:#fff;border:2px solid #e27d60;border-radius:15px;box-shadow:0 8px 25px #0003;display:flex;flex-direction:column;height:450px;overflow:hidden;position:fixed;right:50px;top:50%;transform:translateY(-50%);width:350px;z-index:999}.chat-header{align-items:center;background-color:#2196f3;display:flex;justify-content:space-between;padding:15px;position:relative}.chat-header h2{color:#fff;font-size:16px;font-weight:500;margin:0}.user-indicator{color:#fffc;font-size:11px;font-weight:400;left:15px;max-width:200px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:5px;white-space:nowrap}.chat-header-actions{align-items:center;display:flex;gap:8px}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:400;padding:4px 8px;transition:all .2s}.logout-button:hover{background:#ffffff4d;border-color:#ffffff80}.close-button{align-items:center;background:none;border-radius:4px;color:#fff;display:flex;font-size:24px;height:30px;justify-content:center;opacity:.8;position:relative;transition:background-color .2s;width:30px}.close-button:hover{background-color:#ffffff1a;opacity:1}.chat-messages{background-color:#f5f5f5;flex-grow:1;gap:10px;overflow-y:auto;padding:15px}.chat-messages,.message{display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-bubble{border-radius:15px;font-size:14px;line-height:1.4;max-width:80%;padding:8px 12px}.message.user .message-bubble{background-color:#e3f2fd;border-radius:15px 15px 0 15px;color:#000}.message.bot .message-bubble{background-color:#eee;border-radius:15px 15px 15px 0;color:#000}.message-bubble.typing{display:flex;gap:4px;min-width:50px;padding:12px}.dot{animation:bounce 1.4s ease-in-out infinite;background:#999;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-form{background-color:#fff;border-radius:0 0 10px 10px;border-top:1px solid #eee;display:flex;gap:10px;padding:15px}.chat-input{border:1px solid #ddd;border-radius:20px;flex-grow:1;font-size:14px;outline:none;padding:8px 12px}.chat-input:focus{border-color:#2196f3}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{background-color:#2196f3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.send-button:hover{background-color:#1976d2}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.chat-close-section{background-color:#f8f9fa;border-top:1px solid #eee;padding:15px;text-align:center}.chat-close-button{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s;width:100%}.chat-close-button:hover{background-color:#c82333}.chat-close-button:active{background-color:#bd2130}.homeContainer{color:#f3ffff;height:500px}.desktop-experience-container{background:#7ec8bb;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.desktop-experience-container .logo-container{left:20px;position:absolute;top:20px;z-index:1002}.desktop-experience-container .nav-sphere{align-items:center;background-color:#e27d60;border:3px solid #f3ffff;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.desktop-experience-container .logo{height:50px}.experience-content{align-items:center;display:flex;gap:60px;height:100%;justify-content:center;width:100%}.character-section{align-items:center;display:flex;flex-direction:column;gap:20px}.character-name{color:#fff;font-size:2.2rem;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 4px #0000004d}.greeting-character{height:auto;width:300px;z-index:1001}.welcome-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:40px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:40px}.experience-button-container{text-align:center}.experience-title{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.experience-subtitle{color:#ffffffe6;font-size:1rem;font-weight:400;margin-bottom:30px}.load-experience-button{background:linear-gradient(45deg,#d46a4f,#e27d60);border:none;border-radius:40px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:1px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.load-experience-button:hover{background:linear-gradient(45deg,#d46a4f,#e27d60);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.load-experience-button:active{box-shadow:0 2px 10px #0003;transform:translateY(0)}.mobile-content{display:block}.home-title-mobile-1,.home-title-mobile-2{display:none}.home-section-grids{grid-gap:20px;display:grid;grid-template-areas:"home-left home-left home-right home-right";height:300px;justify-content:center;margin-bottom:30px;width:100%}.home-left-grid{grid-area:home-left;padding:20px}.home-left-grid,.home-right-grid{align-items:center;height:auto;justify-content:center;width:500px}.home-right-grid{display:flex;grid-area:home-right}.welcome_message_container{justify-content:center;margin-left:60px;padding-top:70px}.welcome_message_container p{font-size:20px;font-weight:500;margin-top:20px}@media (max-width:900px){.desktop-experience-container{display:none!important}.mobile-content{display:block}.home-section-grids{grid-gap:20px;display:grid;grid-template-areas:"home-top home-top" "home-left home-left" "home-right home-right";height:auto;justify-content:center;margin-bottom:30px;width:100%}.home-top-grid{grid-area:home-top}.home-left-grid,.home-top-grid{align-items:center;justify-content:center;padding:20px;width:500px}.home-left-grid{grid-area:home-right;height:auto;margin-top:-250px}.home-right-grid{align-items:center;display:flex;grid-area:home-left;height:auto;justify-content:center;margin-top:-100px;width:500px}.home-title{display:none}.home-title-mobile-1{display:block;text-align:center;z-index:0}.welcome_message_container{justify-content:center;margin-left:55px;padding-top:70px;width:400px}.working{height:auto;width:200px}.welcome_message_container p{font-size:18px;font-weight:500;margin-top:20px}}@media (min-width:901px){.desktop-experience-container{display:flex!important}.mobile-content{display:none!important}}@media (max-width:400px){.home-section-grids{grid-gap:20px;display:grid;grid-template-areas:"home-top home-top" "home-left home-left" "home-right home-right";height:300px;justify-content:center;margin-bottom:30px;width:100%}.home-top-grid{grid-area:home-top}.home-left-grid,.home-top-grid{align-items:center;justify-content:center;padding:20px;width:200px}.home-left-grid{display:flex;grid-area:home-right;height:auto;margin-top:-220px}.home-right-grid{align-items:center;display:flex;grid-area:home-left;height:auto;justify-content:center;margin-top:-105px;width:300px}.home-title{display:none}.home-title-mobile-1{display:flex;justify-content:center;text-align:center;z-index:0}.welcome_message_container{justify-content:center;margin-left:55px;padding-top:70px;width:300px}.working{height:auto;width:200px}.welcome_message_container p{font-size:18px;font-weight:500;margin-top:20px;width:300px}}.loading-screen{background:#7ec8bb url(/static/media/loadingv3.5781552d15d03d8c2dad.gif) no-repeat 50%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.aboutContainer{color:#f3ffff;height:500px}.about-section-grids{grid-gap:20px;display:grid;grid-template-areas:"home-left home-left home-right home-right";height:300px;justify-content:center;margin-bottom:30px;width:100%}.about-left-grid{grid-area:home-right;padding:20px}.about-left-grid,.about-right-grid{align-items:center;height:500px;justify-content:center;width:500px}.about-right-grid{display:flex;grid-area:home-left}.about_message_container{justify-content:center;margin-left:60px;max-height:400px;overflow-y:auto;padding:20px;scrollbar-color:#f5b6ca #f3ffff;scrollbar-width:thin}.about_message_container::-webkit-scrollbar{height:16px;width:10px}.about_message_container::-webkit-scrollbar-track{background:#f3ffff}.about_message_container::-webkit-scrollbar-thumb{background-color:#c38d9e;border-radius:20px}.working{height:auto;width:340px}.about_message_container p{font-size:18px;font-weight:500;margin-top:20px}.about-top-grid{display:none}@media (max-width:900px){.about-section-grids{grid-gap:20px;display:grid;grid-template-areas:"home-top home-top" "home-left home-left" "home-right home-right";height:300px;justify-content:center;margin-bottom:30px;width:100%}.about-top-grid{align-items:center;display:flex;grid-area:home-top;justify-content:center;padding:20px;width:500px}.about-title-mobile{display:block;margin-top:20px;text-align:center}.about_message{display:none}.about-left-grid{grid-area:home-right;margin-top:-20px;padding:20px;width:435px}.about-left-grid,.about-right-grid{align-items:center;height:500px;justify-content:center}.about-right-grid{display:flex;grid-area:home-left;margin-top:-110px;width:500px}.about-message-container{margin-left:60px;padding-top:70px}.about-message-container p{font-size:20px;font-weight:500;margin-top:20px}}.projectsContainer{color:#f3ffff;height:100%}.projects_container{align-items:center;display:flex;height:60vh;justify-content:center}.inner-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,auto)}.portfolio-instructions{background-color:#e27d60;border-radius:5px;box-shadow:0 2px 4px #0003;margin:20px;padding:10px;position:fixed;right:0;top:0}.sphere-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(3,100px);position:absolute}.sphere{align-items:center;background-color:#e27d60;border-radius:50%;box-shadow:0 15px 15px #0003;display:flex;height:110px;justify-content:center;overflow:hidden;width:110px}.sphere-image{height:100%;object-fit:cover;width:auto}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.modal-content{grid-gap:20px;background-color:#7ec8bb;border-radius:5px;box-shadow:0 4px 6px #0003;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:500px;padding:20px;position:relative;width:700px}.project-info{max-height:400px;overflow-y:auto;padding:20px 10px 20px 20px;scrollbar-color:#f5b6ca #f3ffff;scrollbar-width:thin}.project-info::-webkit-scrollbar{width:8px}.project-info::-webkit-scrollbar-track{background:#f3ffff}.project-info::-webkit-scrollbar-thumb{background-color:#c38d9e;border-radius:20px}.project-info h2{color:#e27d60;font-size:23px;font-weight:700;margin-bottom:10px;margin-top:0}.project-info ul{padding-left:20px}.project-info li{color:#e4f3f3;font-size:16px;font-weight:700;margin-bottom:10px}.project-image img{border-radius:5px;height:auto;width:100%}.close-button{background-color:initial;border:none;color:#f3ffff;cursor:pointer;font-size:16px;padding:10px;position:absolute;right:10px;top:-30px;z-index:1051}.close-button:hover{color:#d6e6e6}@media (max-width:900px){.portfolio-grids{grid-gap:20px;display:grid;grid-template-areas:"port-left port-left" "port-right port-right";height:300px;justify-content:center;margin-bottom:30px;width:100%}.portfolio-instructions{align-items:center;background-color:#e27d60;border-radius:5px;box-shadow:0 2px 4px #0003;grid-area:port-left;justify-content:center;margin:auto;padding:20px;position:relative;top:30px;width:max(90%,300px)}.projects_container{align-items:center;display:flex;grid-area:port-right;height:60vh;justify-content:center}}@media (max-width:400px){.portfolio-grids{grid-gap:20px;display:grid;grid-template-areas:"port-left port-left" "port-right port-right";height:300px;justify-content:center;margin-bottom:30px;width:100%}.portfolio-instructions{align-items:center;background-color:#e27d60;border-radius:5px;box-shadow:0 2px 4px #0003;grid-area:port-left;justify-content:center;margin:auto;padding:30px;position:relative;top:30px;width:max(50%,300px)}.projects_container{align-items:center;display:flex;grid-area:port-right;height:45vh;justify-content:center}.sphere-container{gap:25px}.modal-content{grid-gap:20px;background-color:#7ec8bb;border-radius:5px;box-shadow:0 4px 6px #0003;display:grid;gap:20px;grid-template-areas:"project-image project-image" "project-info project-info";height:500px;padding:20px;position:relative;width:700px}.project-info{grid-area:project-info;margin-top:-70px;max-height:400px;overflow-y:auto;padding:20px 10px 20px 20px;scrollbar-color:#f5b6ca #f3ffff;scrollbar-width:thin}.project-image{display:flex;grid-area:project-image;justify-content:center;padding:20px}.project-image img{border-radius:5px;height:auto;margin-top:-60px;width:60%}}.contactContainer{height:100%}.contact-form{align-items:center;display:flex;height:50vh;justify-content:center}.form{background-color:#f3ffff;border-radius:10px;height:600px;margin:auto;max-width:600px;padding:20px;width:100%}.form div{margin-bottom:10px}.form label{display:block;font-weight:700;margin-bottom:5px}.form input[type=email],.form input[type=tel],.form input[type=text],.form textarea{border:1px solid #ccc;border-radius:5px;padding:10px;width:50%}.form .form-row{display:flex;justify-content:space-between}.form .form-group{flex:1 1;margin-right:10px}.form .form-group:last-child{margin-right:0}.form button{background-color:#e27d60;border:none;border-radius:5px;color:#f3ffff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;text-decoration:none}.form button:hover{background-color:#cc6649}input[type=email]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{border-color:#cc6649;box-shadow:0 0 5px #4caf5080;outline:none}input[type=email]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#a9a9a9;font-style:italic}.message-input{width:200px}.form p{font-size:16px;margin-bottom:50px}@media (max-width:768px){.form{height:auto;max-width:400px;width:100%}body,html{min-height:100vh;overflow-y:scroll}}@media (max-width:400px){.form{height:auto;max-width:300px;width:100%}}.email-verification-container{align-items:center;background:#7ec8bb;display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-card{animation:slideIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:40px;text-align:center;width:100%}.verification-error,.verification-loading,.verification-success{align-items:center;display:flex;flex-direction:column;gap:20px}.loading-spinner{border:4px solid #f3f4f6;height:50px;width:50px}.error-icon,.success-icon{font-size:64px;margin-bottom:16px}.error-icon{color:#ef4444}.email-verification-card h2{color:#111827;font-size:1.875rem;font-weight:600;margin:0}.email-verification-card p{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0}.verification-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.primary-button,.secondary-button{border-radius:8px;font-size:1rem;min-width:120px;padding:12px 24px}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}@media (max-width:640px){.email-verification-card{margin:10px;padding:24px}.email-verification-card h2{font-size:1.5rem}.email-verification-card p{font-size:1rem}.verification-actions{align-items:center;flex-direction:column}.primary-button,.secondary-button{max-width:200px;width:100%}}.password-reset-container{align-items:center;background:#7ec8bb;display:flex;justify-content:center;min-height:100vh;padding:20px}.password-reset-card{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;padding:40px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.reset-error,.reset-form,.reset-loading,.reset-success{text-align:center}.error-icon,.reset-icon,.success-icon{font-size:48px;margin-bottom:16px}.reset-icon{color:#f59e0b}.error-icon{color:#dc2626}.success-icon{color:#10b981}.reset-error h2,.reset-form h2,.reset-loading h2,.reset-success h2{color:#111827;font-size:1.75rem;font-weight:600;margin:0 0 12px}.reset-error p,.reset-form p,.reset-loading p,.reset-success p{color:#6b7280;line-height:1.6;margin:0 0 24px}.reset-form-content{margin:24px 0;text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.reset-error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:16px;padding:12px}.reset-submit-button{background-color:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:16px;padding:12px 24px;transition:background-color .2s;width:100%}.reset-submit-button:hover:not(:disabled){background-color:#b91c1c}.reset-submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.reset-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.primary-button,.secondary-button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.primary-button{background-color:#3b82f6;color:#fff}.primary-button:hover{background-color:#2563eb}.secondary-button{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.secondary-button:hover{background-color:#e5e7eb}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:32px;margin:0 auto 16px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.password-reset-container{padding:16px}.password-reset-card{padding:24px}.reset-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}}.App{min-height:100vh;position:relative}.chat-button{background-color:#4a90e2;border:none;border-radius:25px;bottom:30px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;position:fixed;right:30px;transition:all .2s;z-index:999}.chat-button:hover{background-color:#357abd;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}
/*# sourceMappingURL=main.267557d5.css.map*/