@import "https://fonts.googleapis.com/css2?family=Codec+Pro:wght@300;400;500;700;900&family=Aileron:wght@300;400;600&family=Montserrat:wght@300;400;500;700;900&display=swap";
:root{--primary:#143d7c;--primary-light:#009fe3;--accent:#ffcd00;--background:#fff;--foreground:#171717;--off-white:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;color:var(--foreground);background:var(--background);scroll-behavior:smooth;font-family:Aileron,Montserrat,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:Codec Pro,Montserrat,sans-serif}a{color:inherit;text-decoration:none;transition:all .3s}.navbar{z-index:1000;background:0 0;padding:2rem 4rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);background:#ffffffeb;padding:1rem 4rem;box-shadow:0 4px 30px #0000000d}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.navbar-logo{transition:filter .4s}.navbar.scrolled .navbar-logo{filter:none}.navbar-links{align-items:center;gap:2.5rem;display:flex}.navbar-links a{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:600;transition:color .3s;position:relative}.navbar.scrolled .navbar-links a{color:var(--primary)}.navbar-links a:hover{color:var(--primary-light)}.btn-portal{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;padding:.6rem 1.2rem}.navbar.scrolled .btn-portal{background:var(--primary);border-color:var(--primary);color:#fff!important}.navbar.scrolled .btn-portal:hover{background:var(--primary-light);border-color:var(--primary-light);color:#fff!important}.menu-toggle{cursor:pointer;z-index:101;flex-direction:column;gap:5px;display:none}.bar{background-color:#fff;width:25px;height:2px;transition:all .3s}.navbar.scrolled .bar{background-color:var(--primary)}.hero-section{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:.8;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-overlay{z-index:1;background:linear-gradient(#0009 0%,#0003 50%,#0009 100%);position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.hero-logo-container{animation:1.2s ease-out forwards fadeIn}.hero-logo{filter:drop-shadow(0 4px 10px #0006);max-width:100%;height:auto}.hero-divider{opacity:0;background:#fff;width:50px;height:2px;margin-top:2rem;animation:1s cubic-bezier(.16,1,.3,1) .5s forwards slideUp}.scroll-indicator{z-index:2;opacity:.6;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.mouse{border:2px solid #fff;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.wheel{background:#fff;border-radius:2px;width:4px;height:8px;animation:2s cubic-bezier(.15,.41,.69,.94) infinite scrollWheel}.intro-section{background:var(--off-white);text-align:center;padding:8rem 2rem}.intro-container{max-width:900px;margin:0 auto}.intro-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:.4em;margin-bottom:2rem;font-size:.85rem;font-weight:700}.intro-title{color:#2d3748;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.3}.highlight-text{color:var(--primary-light);font-style:italic;font-weight:500}.dots-container{justify-content:center;gap:1rem;margin-top:3.5rem;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot-primary{background:var(--primary)}.dot-light{background:var(--primary-light)}.dot-accent{background:var(--accent)}.footer-section{color:#fff;background:#0a0a0a;padding:6rem 2rem 3rem;position:relative}.footer-container{flex-direction:column;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:flex}.footer-logo{opacity:.9}.footer-grid{text-align:left;flex-wrap:wrap;justify-content:space-between;gap:3rem;width:100%;display:flex}.footer-col{flex-direction:column;flex:1;gap:1rem;min-width:250px;display:flex}.footer-heading{text-transform:uppercase;letter-spacing:.15em;color:var(--primary-light);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.footer-text{color:#a0aec0;transition:color .3s}.social-links{gap:1.5rem;display:flex}.social-link{color:#a0aec0;font-size:.95rem;position:relative}.social-link:after{content:"";background-color:var(--primary-light);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.social-link:hover{color:#fff}.social-link:hover:after{width:100%}.footer-divider{background:#ffffff14;width:100%;height:1px}.footer-bottom{opacity:.4;letter-spacing:.05em;justify-content:space-between;align-items:center;width:100%;font-size:.75rem;display:flex}.footer-credits{text-transform:uppercase}.contact-form-section{background:#fff;padding:8rem 2rem}.form-container{max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:4rem}.form-title{color:var(--primary);margin-bottom:1rem;font-size:2.5rem}.form-subtitle{color:#666;font-size:1.1rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-size:.85rem;font-weight:700}.form-group input,.form-group textarea{background:var(--off-white);border:1px solid #e2e8f0;border-radius:4px;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 0 3px #009fe31a}.submit-btn{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:1.2rem;font-size:1rem;font-weight:700;transition:background .3s,transform .2s}.submit-btn:hover{background:var(--primary-light);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;background:#cbd5e0;transform:none}.form-success-msg{color:#2f855a;text-align:center;background:#f0fff4;border:1px solid #c6f6d5;border-radius:4px;margin-top:1.5rem;padding:1rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (max-width:900px){.navbar{padding:1.5rem 2rem}.navbar.scrolled{padding:1rem 2rem}.menu-toggle{display:flex}.navbar-links{background:#fff;flex-direction:column;justify-content:center;width:280px;height:100vh;padding:3rem;transition:right .4s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 30px #0000001a}.navbar-links.active{right:0}.navbar-links a,.navbar.scrolled .navbar-links a{color:var(--primary)}.bar.open:first-child{background-color:var(--primary);transform:translateY(7px)rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){background-color:var(--primary);transform:translateY(-7px)rotate(-45deg)}.form-group-row{grid-template-columns:1fr}.footer-grid{text-align:center;justify-content:center}.footer-col{align-items:center}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}
