:root{--charcoal: #121418;--dark-yellow: #f1c40f;--light-gray: #ecf0f1;--card-bg: #1c1f26;--font-color: #ecf0f1;--green: #2ecc71;--blue: #3498db;--orange: #e67e22;--gray: #95a5a6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--charcoal);color:var(--font-color);min-height:100vh}.sidebar{background:var(--card-glass);background:linear-gradient(180deg,#1e1e28f2,#14141efa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);color:#fff;height:100vh;width:80px;padding:1.5rem 1rem;transition:width .4s cubic-bezier(.2,0,0,1);overflow:hidden;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;box-shadow:4px 0 20px #0000004d}.sidebar.expanded{width:260px}.sidebar-header{display:flex;align-items:center;margin-bottom:3rem;white-space:nowrap;padding-left:.5rem;height:50px}.sidebar-icon{font-size:1.6rem;min-width:40px;display:inline-flex;justify-content:center;align-items:center;color:#ffffffb3;transition:all .3s ease}.sidebar-header .sidebar-icon{font-size:2rem;color:var(--dark-yellow);filter:drop-shadow(0 0 8px rgba(241,196,15,.4))}.sidebar-text{opacity:0;transform:translate(-10px);transition:all .3s ease;margin-left:1rem;font-weight:600;font-size:1rem}.sidebar-header .sidebar-text{font-family:Pacifico,cursive;font-size:1.8rem;color:#fff;margin-left:.8rem;letter-spacing:.5px;padding-top:.2rem}.sidebar.expanded .sidebar-text{opacity:1;transform:translate(0)}.sidebar-nav ul{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.nav-link{text-decoration:none;color:inherit;display:block}.nav-item{display:flex;align-items:center;padding:.8rem .5rem;border-radius:12px;cursor:pointer;white-space:nowrap;transition:all .2s ease;position:relative;overflow:hidden}.nav-item:hover{background:#ffffff14}.nav-item:hover .sidebar-icon{color:#fff;transform:scale(1.1)}.nav-item.active{background:linear-gradient(90deg,#3498db33,#3498db0d);border-left:3px solid #3498db}.nav-item.active .sidebar-icon{color:#3498db}.nav-item.active .sidebar-text{color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.logout-button .sidebar-icon{color:#e74c3c}.logout-button:hover{background:#e74c3c1a}.logout-button:hover .sidebar-icon{color:#ff6b6b}.app-layout{display:flex;background-color:var(--charcoal);color:var(--font-color)}.main-content{flex-grow:1;height:100vh;overflow-y:auto;padding:2rem}.page-loader-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--charcoal, #121418);position:relative;z-index:1000;overflow:hidden}.page-loader-emblem{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.page-loader-ring{position:absolute;border-radius:50%}.page-loader-ring.outer{width:100%;height:100%;border:2px solid transparent;border-top-color:#ffd33d;border-right-color:#ffd33d66;animation:loaderSpin 1.4s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 25px #ffd33d33}.page-loader-ring.inner{width:74%;height:74%;border:2px solid transparent;border-bottom-color:#e67e22;border-left-color:#e67e224d;animation:loaderSpinReverse 1.1s linear infinite}.page-loader-logo{display:flex;font-size:1.3rem;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 0 15px rgba(255,211,61,.4);animation:loaderPulse 1.8s ease-in-out infinite}.page-loader-logo .vzn-v,.page-loader-logo .vzn-z{color:#ffd33d}.page-loader-text{font-size:.95rem;color:#95a5a6;letter-spacing:1px;text-transform:uppercase;font-weight:600;animation:loaderFade 1.8s ease-in-out infinite alternate}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes loaderPulse{0%,to{transform:scale(.96);opacity:.85}50%{transform:scale(1.05);opacity:1}}@keyframes loaderFade{0%{opacity:.5}to{opacity:1}}.cookie-storage-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:960px;z-index:9999;background:#121418e0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,211,61,.25);border-radius:18px;padding:1.1rem 1.6rem;box-shadow:0 16px 45px #000000a6,0 0 20px #ffd33d14;animation:cookieSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes cookieSlideUp{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.cookie-storage-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-storage-icon{font-size:1.6rem;flex-shrink:0;line-height:1}.cookie-storage-text{flex:1}.cookie-storage-text p{margin:0;font-size:.92rem;line-height:1.55;color:#ecf0f1}.cookie-storage-text strong{color:#ffd33d;font-weight:600}.cookie-storage-link{color:#ffd33d;text-decoration:underline;text-underline-offset:3px;font-weight:500;transition:color .2s ease}.cookie-storage-link:hover{color:#fff}.cookie-storage-actions{flex-shrink:0}.cookie-storage-accept-btn{background:linear-gradient(135deg,#ffd33d,#e67e22);color:#121418;border:none;border-radius:100px;padding:.65rem 1.6rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #ffd33d40;white-space:nowrap}.cookie-storage-accept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd33d66}.cookie-storage-accept-btn:active{transform:translateY(0)}@media(max-width:768px){.cookie-storage-banner{bottom:1rem;width:calc(100% - 1.5rem);padding:1rem 1.2rem;border-radius:14px}.cookie-storage-content{flex-direction:column;align-items:flex-start;gap:1rem}.cookie-storage-icon{display:none}.cookie-storage-actions{width:100%}.cookie-storage-accept-btn{width:100%;text-align:center;padding:.75rem 1rem}}.landing-page{background-color:var(--charcoal);color:var(--font-color);font-family:var(--font-family, "Segoe UI", sans-serif);overflow-x:hidden}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.landing-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;z-index:100;background:#121418a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.nav-link-roadmap{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1.15rem;border-radius:30px;font-weight:700!important;font-size:1.05rem!important;text-decoration:none!important;color:#fff!important;background:transparent;z-index:1;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 14px #f1c40f40}.nav-link-roadmap:before{content:"";position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:conic-gradient(from 0deg,#ffd33d,#e67e22,#ff2a5f,#9b59b6,#3498db 280deg,#ffd33d 360deg);animation:swirlRotate 10s linear infinite;z-index:-2}.nav-link-roadmap:after{content:"";position:absolute;inset:2px;background:var(--charcoal);border-radius:28px;z-index:-1;transition:background .3s ease}.nav-link-roadmap:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 25px #ffd33d8c}.nav-link-roadmap:hover:after{background:#1a1e26d9}@keyframes swirlRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{font-size:2rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,var(--font-color),var(--dark-yellow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.vzn-logo-custom,.vzn-logo-small{font-family:inherit;font-weight:800!important;letter-spacing:-.5px;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:initial!important;color:#fff!important;text-decoration:none!important;opacity:1!important;display:inline-flex;align-items:center;transition:opacity .2s ease}.vzn-logo-small{font-size:1.35rem!important}.vzn-logo-custom{font-size:2rem!important}.vzn-logo-small:hover,.vzn-logo-custom:hover{opacity:.9!important}.logo.brandhub-header-logo{background:linear-gradient(to right,#e67e22,#f1c40f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;font-weight:400;font-family:Pacifico,cursive}.logo.brandhub-header-logo2{background:linear-gradient(to right,#e67e22,#f1c40f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:3.5rem;font-weight:400;font-family:Pacifico,cursive}.login-button{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--font-color);padding:.6rem 1.8rem;border-radius:30px;text-decoration:none;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-button:hover{background-color:var(--dark-yellow);color:var(--charcoal);border-color:var(--dark-yellow);transform:translateY(-2px);box-shadow:0 4px 15px #f1c40f4d}.mobile-menu-btn{display:none;background:none;border:none;color:var(--font-color);font-size:2rem;cursor:pointer;z-index:1001;padding:0;display:flex;align-items:center;justify-content:center}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#121418fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.open{opacity:1;pointer-events:all}.mobile-menu-overlay nav{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-menu-overlay button,.mobile-menu-overlay a{font-size:1.5rem!important}@media(max-width:768px){.header-nav-desktop,.landing-header nav:not(.mobile-nav){display:none!important}.vzn-logo-custom{font-size:1.6rem!important}.vzn-logo-small{font-size:1.25rem!important}}@media(min-width:769px){.mobile-menu-btn{display:none!important}}.hero-section{position:relative;height:100vh;min-height:800px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5%;overflow:hidden}.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.4;filter:brightness(.6) contrast(1.1)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(18,20,24,.15) 0%,var(--charcoal) 100%);z-index:2}.hero-content{position:relative;z-index:3;max-width:900px;background:#121418a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:4rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;align-items:center}.hero-status-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.15rem;background:#ffd33d1f;border:1px solid rgba(255,211,61,.35);border-radius:50px;color:#ffd33d;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.5rem}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#ffd33d;box-shadow:0 0 10px #ffd33d;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.hero-content h1{font-size:clamp(3rem,5vw,4.5rem);line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-1px}.hero-content .subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--light-gray);margin-bottom:2.5rem;font-weight:400;line-height:1.6}.hero-btn-group{display:flex;gap:1.25rem;justify-content:center;align-items:center;flex-wrap:wrap}.hero-roadmap-button{display:inline-flex;align-items:center;justify-content:center;padding:1.15rem 2.5rem;font-size:1.15rem;font-weight:700;border-radius:30px;text-decoration:none;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.hero-roadmap-button:hover{background:#ffffff2e;border-color:#ffffff73;transform:translateY(-3px);box-shadow:0 10px 25px #ffffff1a}.cta-button{background-color:var(--dark-yellow);color:var(--charcoal);padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;border-radius:30px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #f1c40f33}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #f1c40f66;background-color:#fff}.showcase-section{padding:7rem 5% 8rem;background:var(--charcoal);position:relative;z-index:3;overflow:hidden}.showcase-header{max-width:900px;margin:0 auto 3rem;text-align:center}.showcase-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.15rem;border-radius:999px;background:#ffd33d14;border:1px solid rgba(255,211,61,.3);color:#ffd33d;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1.25rem}.showcase-title{font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:var(--font-color);margin-bottom:1.75rem;line-height:1.2}.showcase-tabs{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.showcase-tab{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1.35rem;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#95a5a6;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1)}.showcase-tab:hover{color:#fff;border-color:#ffffff40;background:#ffffff0f}.showcase-tab.active{color:#ffd33d;background:#ffd33d1f;border-color:#ffd33d80;box-shadow:0 0 20px #ffd33d26}.showcase-tab-index{font-size:.8rem;font-weight:700;opacity:.7}.showcase-active-description{font-size:1.15rem;color:var(--light-gray);max-width:680px;margin:0 auto;line-height:1.6;min-height:2.8rem;transition:opacity .3s ease}.showcase-carousel-container{position:relative;max-width:1350px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.showcase-carousel-viewport{position:relative;width:100%;height:560px;display:flex;align-items:center;justify-content:center;perspective:1200px}.showcase-carousel-card{position:absolute;width:72%;max-width:880px;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s ease,filter .65s ease,box-shadow .65s ease;-webkit-user-select:none;user-select:none;border-radius:20px;overflow:hidden}.showcase-carousel-card.active{transform:translateZ(0) scale(1.03);z-index:10;opacity:1;filter:none;cursor:default;border:1px solid rgba(255,211,61,.45);box-shadow:0 25px 60px #000000b3,0 0 40px #ffd33d33}.showcase-carousel-card.prev{transform:translate3d(-38%,0,-60px) scale(.82);z-index:5;opacity:.42;filter:brightness(.65) blur(.5px);cursor:pointer;border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 35px #00000080}.showcase-carousel-card.next{transform:translate3d(38%,0,-60px) scale(.82);z-index:5;opacity:.42;filter:brightness(.65) blur(.5px);cursor:pointer;border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 35px #00000080}.showcase-carousel-card.prev:hover,.showcase-carousel-card.next:hover{opacity:.7;filter:brightness(.85)}.showcase-card-inner{position:relative;width:100%;background:#15181f;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.showcase-card-topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.6rem;background:#121418e6;border-bottom:1px solid rgba(255,255,255,.06)}.showcase-card-tag{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffd33d}.showcase-card-title{font-size:1.05rem;font-weight:600;color:#ecf0f1}.showcase-card-window-dots{display:flex;gap:6px}.showcase-window-dot{width:9px;height:9px;border-radius:50%;background:#fff3}.showcase-card-media{position:relative;aspect-ratio:16/9;width:100%;background:#121418;overflow:hidden}.showcase-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.showcase-carousel-card.active:hover .showcase-card-media img{transform:scale(1.02)}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#121418d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;box-shadow:0 8px 24px #0006}.carousel-nav-btn:hover{background:#ffd33d;color:#121418;border-color:#ffd33d;transform:translateY(-50%) scale(1.08);box-shadow:0 0 25px #ffd33d66}.carousel-nav-btn.prev-btn{left:2%}.carousel-nav-btn.next-btn{right:2%}.showcase-indicators{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:2rem}.showcase-indicator-dot{position:relative;width:44px;height:6px;border-radius:999px;background:#ffffff24;border:none;cursor:pointer;overflow:hidden;padding:0;transition:all .3s ease}.showcase-indicator-dot.active{width:68px;background:#ffffff38}.showcase-indicator-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:#ffd33d;border-radius:999px}.showcase-indicator-dot.active .showcase-indicator-progress{animation:indicatorTimer 3s linear forwards}.showcase-indicator-dot.active .showcase-indicator-progress.paused{animation-play-state:paused}@keyframes indicatorTimer{0%{width:0%}to{width:100%}}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.showcase-item{display:flex;flex-direction:column}.showcase-text{text-align:left;margin-bottom:1.5rem}.showcase-text h3{font-size:1.6rem;color:var(--font-color);margin-bottom:.5rem;font-weight:700}.showcase-text p{color:var(--light-gray);font-size:1.1rem;line-height:1.5}.showcase-img-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px #0006;aspect-ratio:16/9;background:#14171d;border:1px solid rgba(255,255,255,.08);transition:transform .4s ease,box-shadow .4s ease;width:100%}.showcase-item:hover .showcase-img-wrapper{transform:translateY(-10px);box-shadow:0 25px 45px #00000080}.showcase-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.showcase-item:hover .showcase-img-wrapper img{transform:scale(1.05)}@media(max-width:992px){.showcase-carousel-viewport{height:480px}.showcase-carousel-card{width:82%}.showcase-carousel-card.prev{transform:translate3d(-32%,0,-40px) scale(.85)}.showcase-carousel-card.next{transform:translate3d(32%,0,-40px) scale(.85)}}@media(max-width:768px){.showcase-section{padding:5rem 4% 5.5rem}.showcase-carousel-viewport{height:360px}.showcase-carousel-card{width:94%;max-width:none}.showcase-carousel-card.prev{transform:translate3d(-105%,0,0) scale(.8);opacity:0;pointer-events:none}.showcase-carousel-card.next{transform:translate3d(105%,0,0) scale(.8);opacity:0;pointer-events:none}.carousel-nav-btn{width:44px;height:44px}.carousel-nav-btn.prev-btn{left:6px}.carousel-nav-btn.next-btn{right:6px}.showcase-tab{padding:.5rem 1rem;font-size:.85rem}}@media(max-width:480px){.showcase-carousel-viewport{height:280px}.showcase-card-topbar{padding:.6rem 1rem}.showcase-card-title{font-size:.85rem}.showcase-indicator-dot{width:32px}.showcase-indicator-dot.active{width:48px}}.quote-section{padding:8rem 5%;background:var(--charcoal);text-align:center;position:relative;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.quote-container{max-width:800px;margin:0 auto}.quote-text{font-size:clamp(2rem,4vw,3rem);font-weight:300;font-style:italic;line-height:1.4;color:var(--font-color);margin-bottom:2rem}.quote-author{font-size:1.2rem;color:var(--dark-yellow);font-weight:600;text-transform:uppercase;letter-spacing:2px}.how-it-works{padding:8rem 5%;text-align:center}.section-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:4rem;letter-spacing:-.5px}.steps-container{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.step{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);max-width:350px;flex:1 1 300px;transition:transform .3s ease}.step:hover{transform:translateY(-5px);background:#ffffff0d}.step h3{color:var(--dark-yellow);font-size:1.5rem;margin-bottom:1rem}.step p{color:var(--light-gray);line-height:1.6}.roadmap-callout-section{padding:6rem 5%;background:var(--charcoal);display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.05)}.roadmap-callout-card{background:radial-gradient(circle at 50% 0%,#ffd33d17,#1a1e26f2 75%);border:1px solid rgba(255,211,61,.25);border-radius:24px;padding:4rem 3rem;max-width:900px;width:100%;text-align:center;box-shadow:0 25px 60px #0009,0 0 30px #ffd33d12;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.roadmap-callout-pill{display:inline-block;padding:.35rem 1rem;background:#ffd33d24;border:1px solid rgba(255,211,61,.4);color:#ffd33d;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.roadmap-callout-card h2{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;color:#fff;margin:0;line-height:1.25}.roadmap-callout-card p{color:var(--light-gray);font-size:1.15rem;line-height:1.6;max-width:650px;margin:0 0 1rem}.pricing-section{padding:8rem 5%;text-align:center;position:relative;border-top:1px solid rgba(255,255,255,.05)}.pricing-section .mobile-swipe-hint{display:none}.pricing-subtitle{color:var(--light-gray);font-size:1.15rem;max-width:620px;margin:-1.5rem auto 4rem;line-height:1.6}.plans-container{display:flex;justify-content:center;align-items:stretch;gap:2.25rem;flex-wrap:wrap;max-width:1240px;margin:0 auto}.plan-card{background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:3rem 2.25rem;border-radius:24px;border:1px solid rgba(255,255,255,.12);width:360px;display:flex;flex-direction:column;transition:all .4s ease;position:relative;text-align:left}.plan-card:hover{transform:translateY(-8px);border-color:#ffd33d61;box-shadow:0 20px 45px #0009,0 0 30px #ffd33d14}.plan-card.featured{background:radial-gradient(circle at 50% 0%,#ffd33d24,#1a1e26f2 75%);border:2px solid #ffd33d;box-shadow:0 25px 60px #000000b3,0 0 35px #ffd33d29;transform:scale(1.03);z-index:2}.plan-card.featured:hover{transform:scale(1.03) translateY(-8px);box-shadow:0 30px 70px #000c,0 0 45px #ffd33d40;border-color:#ffd33d}.plan-card.preview-tier{background:#ffffff05;border:1px solid rgba(255,255,255,.08);opacity:.84}.plan-card.preview-tier:hover{opacity:1;border-color:#ffffff38}.plan-badge{display:inline-block;padding:.35rem .85rem;border-radius:50px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.25rem;align-self:flex-start}.plan-badge.featured-badge{background:#ffd33d2e;border:1px solid rgba(255,211,61,.45);color:#ffd33d}.plan-badge.preview-badge{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--gray)}.plan-card h3{font-size:2rem;margin-top:0;margin-bottom:.25rem;font-weight:700;color:#fff}.plan-card-desc{color:var(--light-gray);font-size:.92rem;line-height:1.5;margin:0 0 1.25rem;min-height:42px}.plan-card .price{font-size:3.25rem;font-weight:800;margin:.5rem 0 1.5rem;color:#ffd33d;line-height:1.1}.plan-card .price span{font-size:1.15rem;color:var(--light-gray);font-weight:400}.plan-card .price.plan-tbd-price{font-size:2rem;font-weight:700;color:#fff;margin:.5rem 0 1.5rem}.plan-card .price.plan-tbd-price span{display:block;font-size:.92rem;color:var(--gray);margin-top:.35rem;font-weight:400}.plan-card ul{list-style:none;padding:0;margin:0 0 2rem;text-align:left;flex-grow:1}.plan-card ul li{margin-bottom:1.1rem;color:var(--light-gray);display:flex;align-items:center;font-size:1rem;line-height:1.4}.plan-card ul li:before{content:"✓";color:#ffd33d;font-weight:700;margin-right:12px;flex-shrink:0}.plan-card.preview-tier ul li:before{color:var(--gray)}.choose-plan-button{background:#ffd33d1f;border:1px solid rgba(255,211,61,.38);color:#ffd33d;padding:1.1rem 2rem;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.05rem;width:100%;transition:all .3s ease;text-align:center;display:inline-block;margin-top:auto}.choose-plan-button.active-cta{background:#ffd33d;color:#121418;border-color:#ffd33d;font-weight:800;box-shadow:0 4px 20px #ffd33d59}.choose-plan-button.active-cta:hover{background:#f1c40f;transform:translateY(-2px);box-shadow:0 8px 25px #ffd33d80}.plan-status-note{margin-top:auto;padding:1rem 1.25rem;border-radius:14px;background:#ffffff08;border:1px dashed rgba(255,255,255,.14);color:var(--gray);font-size:.88rem;font-weight:500;text-align:center;line-height:1.4}.landing-footer{text-align:center;padding:3.5rem 5%;border-top:1px solid rgba(255,255,255,.05);color:var(--gray);background:#0003}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}.footer-link{color:var(--light-gray);text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-link:hover{color:#ffd33d}@media(max-width:1024px){.hero-content h1{font-size:clamp(2.5rem,4vw,3.5rem)}}@media(max-width:768px){.pricing-section{overflow-x:hidden;padding:5rem 1.25rem}.pricing-section .mobile-swipe-hint{display:inline-block;font-size:.85rem;color:#ffd33d;background:#ffd33d1a;border:1px solid rgba(255,211,61,.25);padding:.35rem .95rem;border-radius:50px;margin-bottom:2rem;font-weight:600;letter-spacing:.5px}.plans-container{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.25rem!important;padding:.75rem 1.25rem 2rem!important;margin:0 -1.25rem!important;width:calc(100% + 2.5rem)!important;max-width:none!important;justify-content:flex-start!important;align-items:stretch!important;scrollbar-width:none;-ms-overflow-style:none}.plans-container::-webkit-scrollbar{display:none}.plan-card{flex:0 0 84vw!important;max-width:320px!important;min-width:260px!important;scroll-snap-align:center;scroll-snap-stop:always;padding:2.25rem 1.5rem!important;box-sizing:border-box}.plan-card.featured{order:-1;transform:none!important}.plan-card.featured:hover{transform:translateY(-4px)}.plan-card.reveal{opacity:1!important;transform:none!important}.showcase-grid{grid-template-columns:1fr!important;gap:2.5rem}.hero-content{padding:2.5rem 1.5rem}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--charcoal);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:24px;width:100%;max-width:450px;text-align:center;box-shadow:0 25px 50px #00000080;position:relative;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1.5rem;font-size:2rem;color:var(--light-gray);cursor:pointer;background:none;border:none;transition:color .3s ease}.modal-close:hover{color:#fff}.modal-content h2{color:#fff;font-size:2rem;margin-bottom:1rem;font-weight:800}.modal-content p{color:var(--light-gray);margin-bottom:1.25rem;line-height:1.5}.modal-subtext{font-size:.95rem;color:var(--light-gray);margin-bottom:2rem!important}.modal-roadmap-link{color:#ffd33d;text-decoration:underline;font-weight:600;transition:opacity .2s ease}.modal-roadmap-link:hover{opacity:.85}.modal-input{width:100%;padding:1rem 1.5rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#0003;color:#fff;font-size:1.1rem;margin-bottom:1rem;transition:border-color .3s ease}.modal-input:focus{outline:none;border-color:var(--dark-yellow)}.modal-error{color:#e74c3c;margin-bottom:1.5rem;font-size:.95rem}.modal-submit{width:100%;padding:1rem;border-radius:12px;border:none;background:var(--dark-yellow);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:opacity .3s ease,transform .2s ease}.modal-submit:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.modal-submit:disabled{opacity:.5;cursor:not-allowed}.vzn-page .logo.vzn-logo-custom{background:none;-webkit-text-fill-color:initial;color:inherit}.product-card{transition:transform .4s ease,box-shadow .4s ease}.product-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0006}@media(max-width:768px){.product-card{flex-direction:column!important;padding:2rem!important}}.contact-topic-chips{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.25rem}.topic-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.16);color:var(--light-gray);padding:.55rem 1.05rem;border-radius:50px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.topic-chip:hover:not(:disabled){background:#ffd33d1f;border-color:#ffd33d73;color:#fff;transform:translateY(-1px)}.topic-chip.active{background:#ffd33d2e;border-color:#ffd33d;color:#ffd33d;font-weight:600;box-shadow:0 0 16px #ffd33d38}.topic-chip:disabled{opacity:.6;cursor:not-allowed}.color-bends-container{position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;transform:translateZ(0);will-change:transform}.color-bends-container canvas{display:block;width:100%;height:100%;pointer-events:none}.africonnect-page .logo.africonnect-logo{background:linear-gradient(to right,#e67e22,#f1c40f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;font-weight:800;font-family:Pacifico,cursive;padding-right:.2em}.vzn-logo-small{font-size:1.35rem!important;opacity:1!important;text-decoration:none!important;font-weight:800!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:initial!important;color:#fff!important;display:inline-flex;align-items:center}.vzn-logo-small:hover{opacity:.9!important}.gallery-section{padding:8rem 5%;background:var(--charcoal);text-align:center}.hub-container{max-width:1400px;margin:0 auto;width:100%}.hub-header{margin-bottom:4rem}.hub-header h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:1rem;color:#fff}.hub-header p{font-size:1.2rem;color:var(--light-gray);max-width:600px;margin:0 auto}.mobile-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-items:start;justify-items:center}.gallery-item-wrapper{display:flex;flex-direction:column;align-items:center;max-width:300px;gap:1.5rem}.gallery-item-text{color:var(--light-gray);font-size:1.1rem;line-height:1.5;text-align:center;min-height:100px}.gallery-img{width:100%;max-width:300px;height:auto;aspect-ratio:9/19.5;object-fit:cover;border-radius:24px;border:4px solid #111;box-shadow:0 20px 40px #0006;background:#222;transition:transform .4s ease,box-shadow .4s ease}.gallery-img:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px #0009}.pacifico-title{font-family:Pacifico,cursive;font-weight:400;letter-spacing:1px}.brandhub-cta-section{padding:8rem 5%;background:var(--charcoal);text-align:center;border-top:1px solid rgba(255,255,255,.05)}.cta-container{max-width:1000px;margin:0 auto}.cta-container h2{font-size:clamp(3rem,5vw,4rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(to right,var(--font-color),var(--dark-yellow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-container .subtitle{font-size:1.2rem;color:var(--light-gray);margin-bottom:4rem}.brandhub-preview{margin-top:2rem;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:1rem}.desktop-preview{width:100%;height:auto;border-radius:8px;display:block;opacity:.9;transition:opacity .3s}.desktop-preview:hover{opacity:1}@media(max-width:1100px){.mobile-gallery{grid-template-columns:repeat(2,1fr)}}.mobile-swipe-hint{display:none}@media(max-width:768px){.header-brand-group{gap:.75rem!important}.africonnect-page .logo.africonnect-logo{font-size:1.65rem!important}.gallery-section{padding:4rem 1rem!important}.hub-container.hub-coming-soon{margin-top:3.5rem!important}.hub-header{margin-bottom:1.75rem!important}.hub-header h2{font-size:2.2rem!important}.hub-header p{font-size:1rem!important}.mobile-swipe-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#ffd33d;background:#ffd33d1f;border:1px solid rgba(255,211,61,.3);padding:.3rem .85rem;border-radius:50px;margin-top:.75rem;font-weight:600;letter-spacing:.5px}.mobile-gallery{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.25rem;padding:.5rem .5rem 1.5rem!important;justify-content:flex-start;align-items:stretch;scrollbar-width:none;-ms-overflow-style:none}.mobile-gallery::-webkit-scrollbar{display:none}.gallery-item-wrapper{flex:0 0 78vw;max-width:290px;min-width:240px;scroll-snap-align:center;scroll-snap-stop:always;gap:.75rem}.gallery-item-wrapper.reveal{opacity:1!important;transform:none!important}.gallery-item-text{font-size:.95rem;min-height:55px;line-height:1.4}.gallery-img{max-width:100%!important;border-radius:20px;border-width:3px}.brandhub-cta-section{padding:4rem 1rem!important}.cta-container .subtitle{margin-bottom:2rem!important}.hub-veil-wrapper.brandhub-veil-wrapper{min-height:520px}.brandhub-veil-wrapper .brandhub-preview{position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;border-radius:24px}.brandhub-veil-wrapper .desktop-preview{width:100%;height:100%;object-fit:cover;border-radius:24px}.brandhub-veil-wrapper .hub-veil-overlay{position:relative;min-height:520px;padding:1.5rem 1rem}.veil-glass-card{padding:1.75rem 1.25rem!important;gap:.9rem!important}.veil-title{font-size:1.35rem!important}.veil-description{font-size:.92rem!important;line-height:1.5!important}.veil-actions{flex-direction:column!important;width:100%!important;gap:.75rem!important}.veil-actions .cta-button,.veil-actions .veil-secondary-button{width:100%!important;padding:.85rem 1.25rem!important;font-size:.95rem!important}}.hub-header-badge{display:inline-block;padding:.35rem 1rem;background:#ffd33d1f;border:1px solid rgba(255,211,61,.35);color:#ffd33d;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.hub-veil-wrapper{position:relative;width:100%;border-radius:24px;overflow:hidden;margin-top:2rem}.veil-blurred-content{filter:blur(6px) brightness(.55);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .4s ease,opacity .4s ease}.hub-veil-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;z-index:5;background:radial-gradient(circle at center,#12141866,#121418d1)}.veil-glass-card{background:#1a1e26d9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,211,61,.28);box-shadow:0 25px 60px #000000bf,0 0 35px #ffd33d1a;border-radius:22px;padding:2.75rem 2.25rem;max-width:580px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.15rem;animation:fadeIn .4s ease}.veil-pill{display:inline-block;padding:.35rem 1rem;background:#ffd33d24;border:1px solid rgba(255,211,61,.4);color:#ffd33d;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.veil-title{font-size:clamp(1.4rem,2.8vw,1.85rem);font-weight:700;color:#fff;margin:0;line-height:1.3}.veil-description{color:var(--light-gray);font-size:1.05rem;line-height:1.6;margin:0;max-width:500px}.veil-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:.5rem}.veil-cta-button{margin:0!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.veil-secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease}.veil-secondary-button:hover{background:#ffffff29;border-color:#ffffff73;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.legal-page{background-color:var(--charcoal);color:var(--font-color);font-family:var(--font-family, "Segoe UI", sans-serif);min-height:100vh;display:flex;flex-direction:column}.legal-container{flex:1;max-width:900px;width:100%;margin:6rem auto 4rem;padding:2rem 5%}.legal-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:3rem;text-align:center;background:linear-gradient(to right,var(--font-color),var(--dark-yellow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.legal-content-card{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:4rem;box-shadow:0 20px 40px #0003}.legal-loading,.legal-error{text-align:center;padding:4rem 0;font-size:1.2rem;color:var(--light-gray)}.legal-skeleton-container{display:flex;flex-direction:column;gap:1.2rem;padding:1rem 0}.legal-skeleton-line{height:18px;background:#ffffff0d;border-radius:6px;position:relative;overflow:hidden;width:100%}.legal-skeleton-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.8s infinite}.legal-skeleton-line.title{height:32px;width:45%;margin-bottom:.8rem}.legal-skeleton-line.subtitle{height:22px;width:70%}.legal-skeleton-line.short{width:60%}.legal-skeleton-line.medium{width:80%}.legal-skeleton-space{height:1.5rem}@keyframes shimmer{0%{left:-100%}to{left:100%}}.legal-error{color:#e74c3c}.legal-html-content{line-height:1.8;color:var(--light-gray);font-size:1.1rem}.legal-html-content *{color:var(--light-gray)!important;background-color:transparent!important}.legal-html-content h1,.legal-html-content h2,.legal-html-content h3,.legal-html-content h4,.legal-html-content h5,.legal-html-content h6,.legal-html-content strong,.legal-html-content b,.legal-html-content h1 *,.legal-html-content h2 *,.legal-html-content h3 *,.legal-html-content strong *,.legal-html-content b *{color:#fff!important}.legal-html-content h1,.legal-html-content h2,.legal-html-content h3{margin-top:2.5rem;margin-bottom:1rem;font-weight:700}.legal-html-content h1:first-child,.legal-html-content h2:first-child{margin-top:0}.legal-html-content p{margin-bottom:1.5rem}.legal-html-content a,.legal-html-content a *{color:var(--blue)!important;text-decoration:none}.legal-html-content a:hover,.legal-html-content a:hover *{text-decoration:underline}.legal-html-content ul,.legal-html-content ol{margin-bottom:1.5rem;padding-left:2rem}.legal-html-content li{margin-bottom:.5rem}.legal-html-content blockquote{border-left:4px solid var(--dark-yellow);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;background:#ffffff0d!important;padding:1.5rem;border-radius:0 12px 12px 0}@media(max-width:768px){.legal-content-card{padding:2rem}}.milestone-tracker-card{position:relative;max-width:840px;margin:1.8rem auto 2.5rem;padding:1.6rem 2.2rem 2.4rem;background:#16161abf;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 20px 40px #00000073,inset 0 1px #ffffff1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:left;transition:border-color .3s ease,box-shadow .3s ease;z-index:3}.milestone-tracker-card:hover{border-color:#ffd33d4d;box-shadow:0 24px 48px #0000008c,0 0 24px #ffd33d1f,inset 0 1px #ffffff26}.milestone-tracker-header{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:2.2rem}.tracker-title-group{display:flex;flex-direction:column;gap:.35rem}.tracker-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffd33d}.tracker-pulse-dot{width:7px;height:7px;border-radius:50%;background:#ffd33d;box-shadow:0 0 8px #ffd33dcc;animation:tracker-radar 1.8s ease-in-out infinite}.tracker-heading{font-size:1.3rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.tracker-target-badge{background:#ffd33d14;border:1px solid rgba(255,211,61,.25);padding:.55rem 1.1rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.target-badge-text{font-size:.88rem;color:#f1f2f6;display:inline-flex;align-items:center;gap:.45rem}.target-badge-text strong{color:#ffd33d}.target-divider{color:#ffffff4d}.target-countdown{color:#e0e0e0}.target-countdown strong{color:#ffd33d}.milestone-track-wrapper{position:relative;padding-top:14px;padding-bottom:48px;margin:0 .5rem}.milestone-track-bar{position:relative;height:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.milestone-track-fill{position:relative;height:100%;background:linear-gradient(90deg,#ffd33d,#f39c12 55%,#e67e22);border-radius:12px;box-shadow:0 0 16px #ffd33d99;transition:width 1.2s cubic-bezier(.22,1,.36,1);min-width:6px}.fill-glow-head{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 12px #ffd33d,0 0 20px #e67e22}.fill-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:track-shimmer 2.5s infinite linear}@keyframes track-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.milestone-nodes-container{position:absolute;left:0;right:0;top:14px;height:12px;pointer-events:none}.milestone-node-item{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:default}.node-marker-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.node-marker{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.milestone-node-item.completed .node-marker{background:linear-gradient(135deg,#ffd33d,#e67e22);border:2px solid #ffffff;box-shadow:0 0 14px #ffd33dcc,0 0 4px #0009}.node-check-icon{width:13px;height:13px;color:#121214;stroke-width:4}.milestone-node-item.active-target .node-marker{background:#191812;border:2.5px solid #ffd33d;box-shadow:0 0 16px #ffd33db3}.node-target-dot{width:8px;height:8px;border-radius:50%;background:#ffd33d;box-shadow:0 0 8px #ffd33d}.node-radar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:2px solid #ffd33d;animation:radar-pulse 1.8s cubic-bezier(.25,1,.5,1) infinite;pointer-events:none;z-index:1}@keyframes radar-pulse{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.milestone-node-item.upcoming .node-marker{background:#161619;border:2px solid rgba(255,255,255,.22);box-shadow:0 2px 6px #0006}.node-upcoming-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59}.node-labels{position:absolute;top:32px;display:flex;flex-direction:column;align-items:center;text-align:center;white-space:nowrap;transition:transform .2s ease}.node-value{font-size:.95rem;font-weight:800;color:#e0e0e0;letter-spacing:-.01em}.milestone-node-item.completed .node-value{color:#ffd33d}.milestone-node-item.active-target .node-value{color:#fff;text-shadow:0 0 8px rgba(255,211,61,.6)}.node-name{font-size:.7rem;font-weight:500;color:#ffffff73;margin-top:1px}.milestone-node-item.completed .node-name{color:#ffd33db3}.milestone-node-item.active-target .node-name{color:#ffd33d;font-weight:600}@keyframes tracker-radar{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}@media(max-width:768px){.milestone-tracker-card{padding:1.4rem 1.2rem 2rem;margin:1.5rem .5rem 2rem}.milestone-tracker-header{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1.6rem}.tracker-target-badge{width:100%;box-sizing:border-box;text-align:center}.node-labels .node-name{display:none}.node-labels .node-value{font-size:.8rem}.node-marker-wrapper{width:26px;height:26px}.node-marker{width:20px;height:20px}.node-radar-ring{width:28px;height:28px}}@media(max-width:480px){.node-labels .node-value{font-size:.72rem}.tracker-heading{font-size:1.15rem}}.roadmap-hero{position:relative;padding:10rem 5% 4rem;text-align:center;overflow:hidden}.roadmap-hero .hero-overlay{z-index:1;pointer-events:none}.roadmap-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.roadmap-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;letter-spacing:-1px}.roadmap-hero-content .subtitle{font-size:clamp(1rem,2vw,1.3rem);color:var(--light-gray);line-height:1.6;margin-bottom:2rem}.roadmap-counters{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.user-counter{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.8rem 2rem;border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.user-counter .counter-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #2ecc7199;animation:pulse-dot 2s ease-in-out infinite}.user-counter .counter-dot.creator-dot{background:#3498db;box-shadow:0 0 8px #3498db99}.user-counter .counter-dot.brand-dot{background:#e67e22;box-shadow:0 0 8px #e67e2299}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.user-counter .counter-number{font-size:1.5rem;font-weight:800;color:var(--dark-yellow)}.user-counter .counter-label{font-size:.95rem;color:var(--light-gray)}.roadmap-auth-bar{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem;flex-wrap:wrap}.auth-signin-btn{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#e67e22,#f1c40f);color:var(--charcoal);border:none;padding:.75rem 1.8rem;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #f1c40f40;font-family:inherit}.auth-signin-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f1c40f66}.auth-action-secondary{display:inline-flex;align-items:center;gap:.6rem;background:#ffffff12;border:1px solid rgba(255,255,255,.18);color:#fff;padding:.75rem 1.5rem;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:inherit}.auth-action-secondary:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#ffffff59;box-shadow:0 6px 20px #0000004d}.auth-action-secondary.invest-btn:hover{border-color:#f1c40f99;color:var(--dark-yellow);box-shadow:0 6px 20px #f1c40f33}.auth-action-secondary.work-btn:hover{border-color:#3498db99;color:#5dade2;box-shadow:0 6px 20px #3498db33}.auth-action-secondary.tester-btn:hover{border-color:#2ecc7199;color:#2ecc71;box-shadow:0 6px 20px #2ecc7133}.auth-user-info{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:center}.auth-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--dark-yellow);object-fit:cover}.auth-user-name{color:var(--font-color);font-weight:600;font-size:.95rem}.auth-signout-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--light-gray);padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.auth-signout-btn:hover{border-color:#fff6;color:#fff}.roadmap-tabs-section{padding:0 5% 3rem;background:var(--charcoal)}.roadmap-tabs{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;max-width:700px;margin:0 auto;margin-top:2rem}.roadmap-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--light-gray);padding:.65rem 1.5rem;border-radius:30px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.roadmap-tab:hover{background:#ffffff14;border-color:#ffffff26}.roadmap-tab.active{background:linear-gradient(135deg,#e67e2233,#f1c40f33);border-color:#f1c40f66;color:var(--dark-yellow)}.roadmap-status-tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;max-width:750px;margin:1.2rem auto 0}.roadmap-status-tab{background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:var(--gray);padding:.45rem 1.1rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.roadmap-status-tab:hover{background:#ffffff0f;color:var(--light-gray);border-color:#ffffff1f}.roadmap-status-tab.active{background:#ffffff1a;border-color:#ffffff40;color:#fff}.roadmap-status-tab.active.discussion{background:#9b59b633;border-color:#9b59b680;color:#9b59b6}.roadmap-status-tab.active.planning{background:#3498db33;border-color:#3498db80;color:var(--blue)}.roadmap-status-tab.active.development{background:#e67e2233;border-color:#e67e2280;color:var(--orange)}.roadmap-status-tab.active.completed{background:#2ecc7133;border-color:#2ecc7180;color:var(--green)}.roadmap-features-section{padding:0 5% 6rem;background:var(--charcoal)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.features-empty{text-align:center;color:var(--gray);font-size:1.1rem;padding:4rem 2rem;grid-column:1 / -1}.features-grid-wrapper{position:relative;border-radius:20px}.features-veil{position:absolute;inset:0;background:#1a1a1a4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;display:flex;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;transition:all .3s ease}.features-veil:hover{background:#1a1a1a66}.features-veil-content{background:#0f0f0fb3;padding:2.5rem;border-radius:20px;text-align:center;max-width:420px;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 40px #0006;transform:translateY(0);transition:transform .3s ease}.features-veil:hover .features-veil-content{transform:translateY(-4px)}.features-veil-content h3{color:var(--font-color);font-size:1.5rem;margin-bottom:.8rem;font-weight:800}.features-veil-content p{color:var(--light-gray);font-size:.95rem;line-height:1.6}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:1.8rem;display:flex;gap:1.2rem;transition:all .35s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(241,196,15,.3),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.feature-card:hover:before{opacity:1}.feature-vote-col{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:50px;padding-top:.25rem}.vote-btn{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--gray)}.vote-btn:hover:not(:disabled){background:#ffffff14}.vote-btn.upvote:hover:not(:disabled),.vote-btn.upvote.voted{color:var(--green)}.vote-btn.downvote:hover:not(:disabled),.vote-btn.downvote.voted{color:#e74c3c}.vote-btn:disabled{opacity:.35;cursor:not-allowed}.vote-score{font-size:1.1rem;font-weight:800;color:var(--font-color);min-width:2ch;text-align:center}.vote-score.positive{color:var(--green)}.vote-score.negative{color:#e74c3c}.feature-card-content{flex:1;min-width:0}.feature-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.feature-card-title{font-size:1.15rem;font-weight:700;color:var(--font-color);line-height:1.3}.feature-status-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:.3rem .8rem;border-radius:20px;white-space:nowrap;flex-shrink:0}.feature-status-badge.discussion{background:#9b59b626;color:#9b59b6;border:1px solid rgba(155,89,182,.25)}.feature-status-badge.planning{background:#3498db26;color:var(--blue);border:1px solid rgba(52,152,219,.25)}.feature-status-badge.development{background:#e67e2226;color:var(--orange);border:1px solid rgba(230,126,34,.25)}.feature-status-badge.completed{background:#2ecc7126;color:var(--green);border:1px solid rgba(46,204,113,.25)}.feature-category-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:.6rem}.feature-card-desc{font-size:.95rem;color:var(--light-gray);line-height:1.55;margin-bottom:1rem;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-learn-more{background:none;border:1px solid rgba(255,255,255,.12);color:var(--light-gray);padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.feature-learn-more:hover{border-color:var(--dark-yellow);color:var(--dark-yellow);background:#f1c40f0f}.feature-modal-content{background:var(--charcoal);border:1px solid rgba(255,255,255,.1);padding:2.5rem;border-radius:24px;width:100%;max-width:550px;text-align:left;box-shadow:0 25px 60px #0009;position:relative;animation:modalFadeIn .3s ease;max-height:80vh;overflow-y:auto}.feature-modal-content::-webkit-scrollbar{width:6px}.feature-modal-content::-webkit-scrollbar-track{background:transparent}.feature-modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.feature-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.feature-modal-title{font-size:1.6rem;font-weight:800;color:var(--font-color);line-height:1.3}.feature-modal-desc{font-size:1.05rem;color:var(--light-gray);line-height:1.7;margin-bottom:2rem}.feature-modal-vote-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.06)}.feature-modal-vote-row .vote-btn{width:42px;height:42px}.feature-modal-vote-row .vote-score{font-size:1.3rem}.signin-modal-content{background:var(--charcoal);border:1px solid rgba(255,255,255,.1);padding:2.5rem;border-radius:24px;width:100%;max-width:420px;text-align:center;box-shadow:0 25px 60px #0009;position:relative;animation:modalFadeIn .3s ease}.signin-modal-content h2{font-size:1.8rem;font-weight:800;color:var(--font-color);margin-bottom:.5rem}.signin-modal-content .signin-subtitle{color:var(--light-gray);font-size:.95rem;margin-bottom:2rem;line-height:1.5}.signin-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.signin-form label{display:block;margin-bottom:.35rem;color:var(--light-gray);font-weight:500;font-size:.9rem}.signin-form .modal-input{margin-bottom:0}.signin-error{color:#e74c3c;font-size:.9rem;text-align:center}.signin-submit-btn{width:100%;padding:1rem;border-radius:12px;border:none;background:linear-gradient(135deg,#e67e22,#f1c40f);color:var(--charcoal);font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.signin-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f1c40f59}.signin-submit-btn:disabled{opacity:.6;cursor:not-allowed}.feature-card-skeleton{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:1.8rem;min-height:160px;position:relative;overflow:hidden}.feature-card-skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 1.8s infinite}@keyframes shimmer{to{left:100%}}@media(max-width:768px){.roadmap-hero{padding:8rem 5% 3rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:1.4rem}.user-counter{flex-direction:row;align-items:center;justify-content:center;gap:.6rem;padding:.55rem 1.25rem;max-width:100%}.user-counter .counter-number{font-size:1.35rem;line-height:1}.user-counter .counter-label{font-size:.9rem}.roadmap-tabs{gap:.5rem}.roadmap-tab{padding:.5rem 1rem;font-size:.85rem}}.roadmap-phasemap-section{padding:4rem 5%;background:var(--charcoal);position:relative;border-bottom:1px solid rgba(255,255,255,.06)}.phasemap-header{text-align:center;max-width:700px;margin:0 auto 3rem}.phasemap-header .section-tag{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--dark-yellow);background:#f1c40f1a;padding:.35rem 1rem;border-radius:20px;border:1px solid rgba(241,196,15,.2);margin-bottom:.8rem}.phasemap-header h2{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:var(--font-color);margin-bottom:.8rem}.phasemap-header p{font-size:1rem;color:var(--light-gray);line-height:1.6}.phase-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;position:relative}.phase-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:1.8rem 1.4rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:all .35s ease}.phase-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 30px #00000059}.phase-card.active-phase{background:linear-gradient(145deg,#e67e221f,#f1c40f14);border:1.5px solid rgba(241,196,15,.45);box-shadow:0 0 25px #f1c40f26}.phase-card.active-phase:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e67e22,#f1c40f)}.phase-card-top{margin-bottom:1.2rem}.phase-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.phase-tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--dark-yellow)}.phase-status-badge{font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.phase-status-badge.active{background:#2ecc712e;color:var(--green);border:1px solid rgba(46,204,113,.3);display:flex;align-items:center;gap:.4rem}.phase-status-badge.active .active-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse-dot 1.5s ease-in-out infinite}.phase-status-badge.upcoming{background:#ffffff0d;color:var(--gray);border:1px solid rgba(255,255,255,.1)}.phase-title{font-size:1.25rem;font-weight:800;color:var(--font-color);margin-bottom:.6rem;line-height:1.3}.phase-desc{font-size:.88rem;color:var(--light-gray);line-height:1.5;margin-bottom:1.2rem}.phase-milestones{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.phase-milestones li{font-size:.82rem;color:var(--light-gray);display:flex;align-items:center;gap:.5rem}.phase-milestones li svg{color:var(--dark-yellow);flex-shrink:0}.phase-action-btn{width:100%;padding:.7rem;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--font-color);font-family:inherit}.phase-action-btn.highlight{background:linear-gradient(135deg,#e67e22,#f1c40f);color:var(--charcoal);border:none;box-shadow:0 4px 15px #f1c40f40}.phase-action-btn.highlight:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f1c40f66}.phase-action-btn:hover:not(.highlight){border-color:var(--dark-yellow);color:var(--dark-yellow);background:#f1c40f0f}.interest-modal-content{background:var(--charcoal);border:1px solid rgba(255,255,255,.12);padding:2.5rem;border-radius:24px;width:100%;max-width:520px;text-align:left;box-shadow:0 25px 60px #000000b3;position:relative;animation:modalFadeIn .3s ease;max-height:90vh;overflow-y:auto}.interest-modal-content::-webkit-scrollbar{width:6px}.interest-modal-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.interest-modal-content h2{font-size:1.7rem;font-weight:800;color:var(--font-color);margin-bottom:.5rem}.interest-modal-content .interest-subtitle{color:var(--light-gray);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.interest-form{display:flex;flex-direction:column;gap:1.2rem}.interest-field-group{display:flex;flex-direction:column;gap:.4rem}.interest-field-group label{font-size:.88rem;font-weight:600;color:var(--light-gray)}.interest-field-group input[type=text],.interest-field-group input[type=email],.interest-field-group input[type=tel],.interest-field-group textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease;font-family:inherit}.interest-field-group textarea{resize:vertical;min-height:95px;line-height:1.5}.interest-field-group input:focus,.interest-field-group textarea:focus{border-color:var(--dark-yellow);background:#ffffff12;box-shadow:0 0 0 3px #f1c40f26}.interest-hint{font-size:.78rem;color:var(--gray)}.chip-group{display:flex;gap:.5rem;flex-wrap:wrap}.chip-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--light-gray);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:inherit}.chip-btn:hover{border-color:#ffffff40;color:#fff}.chip-btn.selected{background:linear-gradient(135deg,#e67e2240,#f1c40f40);border-color:var(--dark-yellow);color:var(--dark-yellow)}.modal-blurb-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--dark-yellow);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1.4rem;font-size:.88rem;color:var(--light-gray);line-height:1.55}.modal-blurb-box.work-blurb{border-left-color:#3498db}.modal-blurb-box p{margin:0}.consent-checkbox-row{display:flex;align-items:flex-start;gap:.75rem;margin-top:.3rem}.consent-checkbox-row input[type=checkbox]{width:18px;height:18px;margin-top:.15rem;accent-color:var(--dark-yellow);cursor:pointer;flex-shrink:0}.consent-checkbox-row label{font-size:.82rem;color:var(--light-gray);line-height:1.45;cursor:pointer}.interest-notice-banner{background:#3498db1a;border:1px solid rgba(52,152,219,.25);border-radius:14px;padding:.85rem 1rem;display:flex;gap:.75rem;align-items:flex-start}.interest-notice-banner svg{color:#3498db;flex-shrink:0;margin-top:.1rem}.interest-notice-banner p{font-size:.82rem;color:#d0e6f7;line-height:1.45;margin:0}.interest-submit-btn{width:100%;padding:.9rem;border-radius:12px;border:none;background:linear-gradient(135deg,#e67e22,#f1c40f);color:var(--charcoal);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.interest-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f1c40f59}.interest-submit-btn:disabled{opacity:.6;cursor:not-allowed}.interest-success-box{text-align:center;padding:1.5rem .5rem}.interest-success-icon{width:60px;height:60px;border-radius:50%;background:#2ecc7126;border:2px solid rgba(46,204,113,.4);color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}.interest-success-box h3{font-size:1.4rem;font-weight:800;color:var(--font-color);margin-bottom:.8rem}.interest-success-box p{font-size:.92rem;color:var(--light-gray);line-height:1.6;margin-bottom:1.5rem}@media(max-width:992px){.phase-timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.phase-timeline{grid-template-columns:1fr}}.notfound-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--charcoal);color:var(--font-color);position:relative;overflow-x:hidden}.notfound-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem 5rem;position:relative;text-align:center;z-index:1}.notfound-glow-circle{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,61,.12) 0%,rgba(230,126,34,.04) 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;filter:blur(40px)}.notfound-content{max-width:720px;width:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.notfound-badge{display:inline-block;padding:.4rem 1.2rem;background:#ffd33d1a;border:1px solid rgba(255,211,61,.3);border-radius:100px;color:#ffd33d;font-size:.95rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;box-shadow:0 0 20px #ffd33d33}.notfound-title{font-size:3.2rem;font-weight:800;line-height:1.15;margin-bottom:1.2rem;background:linear-gradient(135deg,#fff 40%,#ffd33d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.notfound-description{font-size:1.15rem;line-height:1.65;color:var(--gray);margin-bottom:2.5rem;max-width:560px}.notfound-actions{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:3.5rem}.notfound-primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.2rem;background:linear-gradient(135deg,#ffd33d,#e67e22);color:#121418;font-weight:700;font-size:1rem;border-radius:100px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ffd33d4d}.notfound-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffd33d73}.notfound-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ecf0f1;font-weight:600;font-size:1rem;border-radius:100px;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notfound-secondary-btn:hover{background:#ffffff1f;border-color:#ffd33d66;transform:translateY(-2px)}.notfound-quick-links{width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:2.5rem}.notfound-quick-title{display:block;color:var(--gray);font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1.5rem;font-weight:600}.notfound-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;width:100%}.notfound-card-link{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;background:#1c1f2699;border:1px solid rgba(255,255,255,.08);border-radius:16px;text-decoration:none;text-align:left;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notfound-card-link:hover{border-color:#ffd33d4d;background:#232832cc;transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.notfound-card-icon{font-size:1.8rem;flex-shrink:0}.notfound-card-link h4{margin:0;font-size:1rem;font-weight:700;color:#fff}.notfound-card-link p{margin:.2rem 0 0;font-size:.8rem;color:var(--gray)}@media(max-width:768px){.notfound-title{font-size:2.3rem}.notfound-links-grid{grid-template-columns:1fr}.notfound-container{padding:6rem 1.2rem 3rem}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:99999;pointer-events:none;max-width:420px;width:calc(100% - 3rem)}.toast-card{pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.15rem;border-radius:12px;background:#1a202cf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080;border:1px solid rgba(255,255,255,.1);animation:toast-slide-in .35s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease}@keyframes toast-slide-in{0%{transform:translate(120%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-card.toast-success{border-left:4px solid #2ecc71}.toast-card.toast-success .toast-icon{color:#2ecc71;font-size:1.25rem;display:flex;align-items:center}.toast-card.toast-error{border-left:4px solid #e74c3c}.toast-card.toast-error .toast-icon{color:#e74c3c;font-size:1.25rem;display:flex;align-items:center}.toast-card.toast-warning{border-left:4px solid #f59e0b}.toast-card.toast-warning .toast-icon{color:#f59e0b;font-size:1.25rem;display:flex;align-items:center}.toast-card.toast-info{border-left:4px solid var(--dark-yellow, #f1c40f)}.toast-card.toast-info .toast-icon{color:var(--dark-yellow, #f1c40f);font-size:1.25rem;display:flex;align-items:center}.toast-message{flex:1;font-size:.9rem;line-height:1.4;color:#f7fafc;font-weight:500}.toast-close-btn{background:transparent;border:none;color:#a0aec0;cursor:pointer;padding:.25rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.toast-close-btn:hover{color:#fff;background:#ffffff1a}