.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;background-color:#000000;height:calc(var(--navbar-height) + env(safe-area-inset-top, 0px));padding-top:env(safe-area-inset-top,0);display:flex;align-items:center}.navbar.scrolled{background-color:#000000;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 5px 20px rgba(0,0,0,.3)}.navbar.navbar--light{background-color:#eef0f2;border-bottom:1px solid #d8dbe0}.navbar.navbar--light.scrolled{background-color:#eef0f2;box-shadow:0 1px 0 #d8dbe0}.navbar.navbar--hidden{transform:translateY(-100%);box-shadow:none}.navbar.navbar--light .menu-btn{color:#1a1a1a}.navbar.navbar--light .menu-btn:hover{color:#000000;background:rgba(0,0,0,.05)}.navbar.navbar--light .desktop-nav>a{color:#1a1a1a}.navbar.navbar--light .desktop-nav>a:hover{color:#000000}.navbar.navbar--light .desktop-nav>a:after{background:#000000}.navbar.navbar--light .company-name{color:#000000;font-weight:700}.navbar.navbar--light .company-domain{color:#555555}.navbar.navbar--light .logo-triangle{filter:none}.navbar.navbar--light .logo-triangle path{stroke:#000000}.navbar.navbar--light .nav-cta-btn{background:#000000;color:#ffffff;box-shadow:none;border-radius:2px}.navbar.navbar--light .nav-cta-btn:hover{background:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.15)}.navbar.navbar--minimal,.navbar.navbar--minimal.scrolled{background-color:transparent;border-bottom:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.navbar.navbar--minimal .desktop-nav,.navbar.navbar--minimal .menu-btn,.navbar.navbar--minimal .nav-cta-btn,.navbar.navbar--minimal .sign-in-btn{display:none!important}.navbar.navbar--minimal .navbar-container{justify-content:flex-start}.navbar.navbar--minimal .navbar-logo{margin-left:0}:root:not([data-theme=dark]) .navbar.navbar--minimal{height:160px}:root:not([data-theme=dark]) .navbar.navbar--minimal .navbar-container{justify-content:center;align-items:center}:root:not([data-theme=dark]) .navbar.navbar--minimal .navbar-logo{margin:0;flex-direction:column;align-items:center;gap:10px}:root:not([data-theme=dark]) .navbar.navbar--minimal .navbar-logo:hover{transform:none}:root:not([data-theme=dark]) .navbar.navbar--minimal .logo-triangle{width:60px;height:60px}[data-theme=dark] .navbar.navbar--minimal .company-name{color:#00f0ff}[data-theme=dark] .navbar.navbar--minimal .company-domain{color:#ffffff}[data-theme=dark] .navbar.navbar--minimal .logo-triangle{filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}[data-theme=dark] .navbar.navbar--minimal .logo-triangle path{stroke:#00f0ff}:root:not([data-theme=dark]) .navbar.navbar--minimal .company-name{color:#00b8c4;font-size:20px;font-weight:600;letter-spacing:-.4px}:root:not([data-theme=dark]) .navbar.navbar--minimal .company-domain{color:#1a1a1a;font-size:20px;font-weight:500;letter-spacing:-.3px}:root:not([data-theme=dark]) .navbar.navbar--minimal .logo-triangle{filter:drop-shadow(0 0 8px rgba(0,184,196,.25))}:root:not([data-theme=dark]) .navbar.navbar--minimal .logo-triangle path{stroke:#00b8c4;stroke-width:4}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:0 32px;height:100%;width:100%;position:relative}.menu-btn{position:fixed;left:24px;background:none;border:none;color:rgba(255,255,255,.85);cursor:pointer;padding:10px;display:none;align-items:center;justify-content:center;transition:color .2s ease,background .2s ease;border-radius:8px;z-index:1100}.navbar .menu-btn{top:calc((var(--navbar-height) - 44px) / 2 + env(safe-area-inset-top, 0px))}.menu-btn:hover{color:#ffffff;background:rgba(255,255,255,.1)}.menu-btn.menu-open{color:#1a1a1a;top:20px;left:236px}.menu-btn.menu-open:hover{background:rgba(0,0,0,.08)}.sign-in-btn{position:relative;background:none;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.85);cursor:pointer;padding:8px 16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;font-size:14px;font-weight:500;flex-shrink:0}.sign-in-btn:hover{color:#00f0ff;border-color:#00f0ff;background:rgba(0,240,255,.1)}.nav-cta-btn{background:linear-gradient(135deg,#00f0ff,#0080ff);color:#000000;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 10px rgba(0,240,255,.3)}.nav-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,240,255,.4)}.desktop-nav{display:flex;align-items:center;gap:32px;flex:1 1;justify-content:center}.desktop-nav>a{color:rgba(255,255,255,.85);text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.3px;padding:8px 0;position:relative;transition:color .2s ease}.desktop-nav>a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#00f0ff,#0080ff);transition:width .3s ease}.desktop-nav>a:hover{color:#ffffff}.desktop-nav>a:hover:after{width:100%}.desktop-dropdown{position:relative}.desktop-dropdown-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:rgba(255,255,255,.85);font-size:15px;font-weight:500;letter-spacing:.3px;cursor:pointer;padding:8px 0;transition:color .2s ease}.desktop-dropdown-toggle:hover{color:#ffffff}.desktop-dropdown-toggle svg{transition:transform .2s ease}.desktop-dropdown:hover .desktop-dropdown-toggle svg{transform:rotate(180deg)}.desktop-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(10,10,10,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 0;min-width:200px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;transform:translateX(-50%) translateY(10px);box-shadow:0 10px 40px rgba(0,0,0,.4);z-index:1000}.desktop-dropdown:hover .desktop-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.desktop-dropdown-item{display:block;padding:10px 20px;color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;transition:all .2s ease}.desktop-dropdown-item:hover{color:#00f0ff;background:rgba(0,240,255,.1);padding-left:24px}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998}.menu-overlay.visible{opacity:1;visibility:visible}.navbar-menu{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;height:100dvh;background:#f5f5f5;border-right:1px solid rgba(0,0,0,.08);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999;display:flex;flex-direction:column}.navbar-menu.open{transform:translateX(0)}.sidebar-header{padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.sidebar-greeting{font-size:20px;font-weight:600;color:#000000;letter-spacing:-.02em}.sidebar-greeting .welcome-text{color:#0077b6}.sidebar-footer{display:flex;align-items:center;gap:12px;padding:24px 32px;background:#0a0a0a;margin-top:auto}.sidebar-logo{flex-shrink:0;filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}.sidebar-logo path{stroke:#00f0ff}.sidebar-company-name{font-size:14px;font-weight:500;color:rgba(255,255,255,.7);letter-spacing:.02em}.navbar-menu nav{display:flex;flex-direction:column;padding:16px;margin-top:16px;gap:8px}.navbar-menu nav a{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#000000;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.01em;transition:all .2s ease;border-radius:12px;background:transparent}.navbar-menu nav a:hover{color:#008090;background:rgba(0,128,144,.1);transform:translateX(4px)}.navbar-menu nav a:active{background:rgba(0,128,144,.15);transform:translateX(4px) scale(.98)}.navbar-menu nav a svg{width:20px;height:20px;flex-shrink:0;transition:all .2s ease;color:#000000}.navbar-menu nav a:hover svg{opacity:1;color:#008090}.navbar-menu nav a.sidebar-cta{background:linear-gradient(135deg,#00f0ff,#0080ff);color:#000000;font-weight:600;margin-top:8px;justify-content:center}.navbar-menu nav a.sidebar-cta:hover{background:linear-gradient(135deg,#00d4e0,#0070e0);color:#000000;transform:translateX(0) scale(1.02)}.navbar-menu nav a.sidebar-cta svg{color:#000000}.nav-dropdown{width:100%}.dropdown-toggle{display:flex;align-items:center;gap:14px;padding:14px 18px;color:#000000;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.01em;transition:all .2s ease;border-radius:12px;background:transparent;cursor:pointer;width:100%}.dropdown-toggle.open,.dropdown-toggle:hover{color:#008090;background:rgba(0,128,144,.1)}.dropdown-toggle svg:first-child{width:20px;height:20px;flex-shrink:0}.dropdown-arrow{width:16px;height:16px;margin-left:auto;transition:transform .3s ease}.dropdown-toggle.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 8px;margin-left:34px}.dropdown-menu.open{max-height:500px;padding:8px}.dropdown-item{display:block;width:100%;padding:10px 16px;color:#333333;text-decoration:none;font-size:14px;font-weight:400;text-align:left;transition:all .2s ease;border-radius:8px;background:transparent;border:none;cursor:pointer;margin-bottom:2px}.dropdown-item:hover{color:#008090;background:rgba(0,128,144,.08);padding-left:20px}.dropdown-item:last-child{margin-bottom:0}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:transform .2s ease;padding:0}.navbar-logo:hover{transform:translateY(-2px)}@media screen and (min-width:1024px){.navbar-logo{position:fixed;left:32px;top:0;height:calc(var(--navbar-height) + env(safe-area-inset-top, 0px));padding-top:env(safe-area-inset-top,0);z-index:1101}.navbar-logo:hover{transform:translateY(-2px)}}.logo-triangle{height:40px;width:40px;filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}.logo-text{display:flex;flex-direction:row;align-items:baseline;line-height:1.2;gap:0}.company-name{font-weight:600;color:#00f0ff}.company-domain,.company-name{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;letter-spacing:-.3px}.company-domain{font-weight:400;color:#ffffff}.menu-items{display:flex;list-style:none;gap:32px;margin:0;padding:0;height:100%;align-items:center}.menu-items li a{font-size:15px;font-weight:500;letter-spacing:.5px;color:rgba(255,255,255,.85);text-decoration:none;transition:all .2s ease;padding:6px 0;position:relative}.menu-items li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#00f0ff;transition:width .3s ease}.menu-items li a:hover{color:#ffffff}.menu-items li a:hover:after{width:100%}.cta-button{background:linear-gradient(90deg,#00f0ff,#0080ff);color:#000000!important;padding:10px 20px!important;border-radius:4px;font-weight:600!important;letter-spacing:.5px;box-shadow:0 2px 12px rgba(0,240,255,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,240,255,.4)!important}.cta-button:after{display:none!important}.navbar-actions{gap:20px}.navbar-actions,.user-menu{display:flex;align-items:center}.user-email{font-size:14px;color:rgba(255,255,255,.8);margin-right:12px}.action-button{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffff;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:500;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.action-button:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.mobile-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer}.mobile-toggle span{width:100%;height:2px;background-color:#ffffff;transition:all .3s ease;border-radius:1px}.login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000}.login-form-container{width:100%;max-width:400px;background-color:rgba(10,20,30,.95);border-radius:8px;padding:32px;position:relative;border:1px solid rgba(0,240,255,.2);box-shadow:0 10px 30px rgba(0,0,0,.5)}.close-button{position:absolute;top:16px;right:16px;background:none;border:none;color:rgba(255,255,255,.6);font-size:20px;cursor:pointer;transition:color .2s ease}.close-button:hover{color:#ffffff}.login-form-container h2{margin-bottom:24px;color:#ffffff;font-size:20px;text-align:center}.error-message{background-color:rgba(255,0,0,.1);color:#ff6b6b;padding:10px;border-radius:4px;margin-bottom:16px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:rgba(255,255,255,.8);font-size:14px}.form-group input{width:100%;padding:12px;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#ffffff;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:#00f0ff;box-shadow:0 0 0 2px rgba(0,240,255,.2)}.login-submit-button{width:100%;padding:14px;background:linear-gradient(90deg,#00f0ff,#0080ff);color:#000000;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px}.login-submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,240,255,.4)}.login-footer{margin-top:20px;text-align:center;font-size:14px}.login-footer a{color:#00f0ff;text-decoration:none;transition:color .2s ease}.login-footer a:hover{color:#ffffff;text-decoration:underline}@media screen and (max-width:1024px){.desktop-nav,.nav-cta-btn{display:none}.menu-btn{display:flex}.navbar-container{justify-content:center}.sign-in-btn{position:fixed;right:24px;top:calc(var(--navbar-height) / 2);transform:translateY(-50%)}}@media screen and (max-width:768px){.navbar{height:var(--navbar-height)}.navbar-container{padding:0 20px;justify-content:center}.menu-btn{display:flex;left:20px}.sign-in-btn{right:20px}.logo-image{height:40px}.logo-triangle{height:40px;width:40px}.navbar-logo{padding:16px;gap:0}.logo-text{display:none}.company-domain,.company-name{font-size:16px}}@media screen and (max-width:480px){.navbar{height:var(--navbar-height)}.navbar-container{padding:0 16px}.menu-btn{left:16px}.sign-in-btn{right:16px;padding:6px 12px;font-size:13px}.logo-image{height:35px}.logo-triangle{height:32px;width:32px}.navbar-logo{padding:12px}.company-domain,.company-name{font-size:14px}.login-form-container{padding:24px 16px;max-width:90%}}.page-transition-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.page-transition-overlay.active{opacity:1;visibility:visible}.transition-content{display:flex;flex-direction:column;align-items:center;gap:24px;transform:scale(.9);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.page-transition-overlay.active .transition-content{transform:scale(1);opacity:1}.transition-logo{width:60px;height:52px;animation:logoPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,240,255,.6))}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,240,255,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(0,240,255,.9));transform:scale(1.05)}}.transition-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#00f0ff;border-radius:50%;animation:transitionSpin .8s linear infinite}@keyframes transitionSpin{to{transform:rotate(1turn)}}.transition-text{color:rgba(255,255,255,.8);font-size:16px;font-weight:500;letter-spacing:.5px;animation:textFade 1.5s ease-in-out infinite}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}.footer{background-color:#0c0f16;padding:70px 0 30px;border-top:1px solid rgba(255,255,255,.05);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(0,128,255,.05),rgba(0,0,0,0) 60%);z-index:0}.container{width:100%;max-width:1440px;padding:0 32px;margin:0 auto;position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:1fr 2fr;grid-gap:4rem;gap:4rem;margin-bottom:3rem}.footer-logo{display:flex;flex-direction:column;align-items:flex-start}.footer-logo-container{display:flex;align-items:flex-end;gap:12px;margin-bottom:1rem}.footer-logo-triangle{width:32px;height:28px;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(0,240,255,.4));margin-bottom:2px}.footer-logo-text{display:flex;flex-direction:row;align-items:baseline;gap:6px;line-height:1}.footer-company-name{font-weight:600;color:#00f0ff}.footer-company-domain,.footer-company-name{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;letter-spacing:-.5px}.footer-company-domain{font-weight:400;color:#ffffff}.footer-tagline{font-size:.95rem;color:rgba(255,255,255,.6);margin-bottom:1.5rem;max-width:240px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.footer-links-column h4{font-size:1.1rem;font-weight:500;color:#0080ff;margin-bottom:1.5rem;letter-spacing:.5px}.footer-links-column ul{list-style:none;padding:0}.footer-links-column li{margin-bottom:.8rem}.footer-links-column a{font-size:.95rem;color:rgba(255,255,255,.7);transition:all .2s ease;text-decoration:none;position:relative;display:inline-block}.footer-links-column a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#0080ff;transition:width .2s ease}.footer-links-column a:hover{color:#ffffff}.footer-links-column a:hover:after{width:100%}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-bottom,.social-icons{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:rgba(255,255,255,.7);transition:all .3s ease}.social-icon:hover{background:rgba(0,128,255,.1);border-color:#0080ff;color:#0080ff;transform:translateY(-2px)}.copyright p{font-size:.9rem;color:rgba(255,255,255,.5)}@media screen and (max-width:992px){.footer-content{grid-template-columns:1fr;gap:3rem}.footer-logo{align-items:center;text-align:center}.footer-logo-container{justify-content:center}.footer-tagline{max-width:100%;text-align:center}}@media screen and (max-width:768px){.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-bottom{flex-direction:column;text-align:center}.social-icons{justify-content:center;margin-bottom:1rem}}@media screen and (max-width:576px){.footer-links{grid-template-columns:1fr;text-align:center}.footer-links-column h4{margin-bottom:1rem}.footer-links-column a:after{left:50%;transform:translateX(-50%)}}