@font-face{font-family:'Inter';src:url('../resources/fonts/Inter_18pt-Medium.ttf') format('truetype');font-weight:100 900;font-style:normal;}:root{--bg-color:#121214;--bg-overlay:rgba(18,18,20,0.95);--surface:#1A1A1E;--surface-hover:#27272A;--primary:#C795ED;--primary-rgb:167,148,244;--primary-hover:#937ce6;--text-main:#FFFFFF;--text-muted:#8A8A93;--font-sans:'Inter',sans-serif;--font-cursive:'Great Vibes',cursive;--card-bg:rgba(22,22,26,0.9);--grid-color:rgba(255,255,255,0.06);--surface-light:rgba(22,22,26,0.6);--border-color:rgba(255,255,255,0.05);--glow-color-min:rgba(var(--primary-rgb),0.3);--glow-color-max:rgba(var(--primary-rgb),0.8);}.light-theme{--bg-color:#F4F4F5;--bg-overlay:rgba(244,244,245,0.95);--surface:#FFFFFF;--surface-hover:#E4E4E7;--text-main:#18181B;--text-muted:#71717A;--card-bg:rgba(255,255,255,0.9);--grid-color:rgba(0,0,0,0.06);--surface-light:rgba(255,255,255,0.6);--border-color:rgba(0,0,0,0.1);--glow-color-min:rgba(var(--primary-rgb),0.05);--glow-color-max:rgba(var(--primary-rgb),0.2);}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;overflow-x:hidden;width:100%;}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;letter-spacing:0.4px;overflow-x:hidden;width:100%;transition:background-color 0.4s ease,color 0.4s ease;opacity:0;animation:pageEnter 0.4s ease forwards;}@keyframes pageEnter{from{opacity:0;}to{opacity:1;}}body.page-exit{animation:pageExit 0.3s ease forwards;}@keyframes pageExit{from{opacity:1;}to{opacity:0;}}body *{transition:background-color 0.4s ease,border-color 0.4s ease,color 0.4s ease,box-shadow 0.4s ease;}a{text-decoration:none;color:inherit;}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);}.fade-in-up.visible{opacity:1;transform:translateY(0);}.pulse-glow{animation:pulse 2s infinite alternate;}@keyframes pulse{0%{filter:drop-shadow(0 0 10px var(--glow-color-min));}100%{filter:drop-shadow(0 0 25px var(--glow-color-max));}}.hover-scale{transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),background-color 0.2s;}.hover-scale:hover{transform:scale(1.05);}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-overlay);transition:background-color 0.3s;z-index:-2;}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;width:100%;position:sticky;top:0;z-index:100;}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(26,26,30,0.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.05);cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);color:var(--text-muted);position:relative;overflow:hidden;transform:translateZ(0);will-change:backdrop-filter;}.theme-toggle:hover{color:var(--text-main);transform:scale(1.05);background:rgba(255,255,255,0.1);}.theme-toggle svg{position:absolute;transition:opacity 0.15s ease-in-out;}.theme-toggle .icon-sun{opacity:0;}.theme-toggle .icon-moon{opacity:1;}.light-theme .theme-toggle .icon-sun{opacity:1;}.light-theme .theme-toggle .icon-moon{opacity:0;}.nav-center{position:absolute;left:50%;transform:translateX(-50%) translateZ(0);display:flex;align-items:center;background:rgba(26,26,30,0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.05);border-radius:16px;padding:6px 8px;gap:8px;box-shadow:none !important;will-change:transform,backdrop-filter;}.light-theme .theme-toggle,.light-theme .btn-secondary,.light-theme .badge,.light-theme .blur-panel,.light-theme .server-item{background:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.8);box-shadow:0 4px 24px rgba(0,0,0,0.05);}.light-theme .nav-center{background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none !important;}.light-theme .card-text{background:rgba(0,0,0,0.03);border-top-color:rgba(0,0,0,0.05);}.light-theme .step-line{background:rgba(0,0,0,0.08);}.light-theme .step-line.active{background:var(--primary);}.light-theme .footer{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.1);}.light-theme .footer-bottom{border-top-color:rgba(0,0,0,0.05);}.light-theme .f-brand .logo-btn{color:var(--text-main);}.light-theme .crown.crown-main{filter:drop-shadow(0 0 10px rgba(var(--primary-rgb),0.2));}.nav-link{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;font-weight:700;padding:8px 16px;border-radius:100px;transition:all 0.2s;position:relative;}.nav-link:hover{color:var(--text-main);}.nav-link.active{color:var(--text-main);}.nav-indicator{position:absolute;bottom:2px;left:0;height:2px;background:var(--primary);border-radius:2px;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),width 0.25s cubic-bezier(0.16,1,0.3,1),opacity 0.25s ease;pointer-events:none;}.nav-link.active .icon-xs{color:var(--primary);}.nav-right{display:flex;gap:12px;}.icon-xxs{width:12px;height:12px;}.icon-xs{width:14px;height:14px;}.icon-sm{width:16px;height:16px;}.icon-purple{color:var(--primary);width:16px;height:16px;}.text-muted{color:var(--text-muted);}.w-100{width:100%;justify-content:center;}.w-max{width:max-content;}.btn-primary,.btn-secondary,.logo-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:700;transition:all 0.2s;cursor:pointer;}.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:var(--primary-hover);color:#fff;}.btn-secondary{background:var(--surface-light);backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);border:1px solid var(--border-color);color:var(--text-main);}.logo-btn{color:#fff;background:var(--primary);padding:10px 24px;}.light-theme .logo-btn{color:#fff;}.btn-secondary:hover{color:var(--text-main);background:var(--surface-hover);}.btn-lg{padding:14px 28px;border-radius:16px;font-size:15px;}.blur-panel{background:rgba(26,26,30,0.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.05);}.hero{min-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;margin-top:-80px;}.tru.step-num-text{font-size:13px;font-weight:800;color:#777;}.step-dash{font-size:13px;font-weight:800;color:#444;}.step-label-text{font-size:13px;font-weight:700;color:#777;}.step-purple{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#121214;display:flex;align-items:center;justify-content:center;}.step-label-active{font-size:14px;font-weight:800;color:#fff;}.step.active{align-items:center;justify-content:center;}.step-line{flex:1;height:2px;background:rgba(255,255,255,0.05);margin:0 16px;transition:background 0.3s;}.cursive-text{color:var(--primary);}.trusted-tiny{font-size:11px;font-weight:700;color:#444;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px;}.badge{display:flex;align-items:center;gap:16px;background:rgba(26,26,30,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.05);border-radius:100px;padding:6px 20px 6px 6px;margin-bottom:32px;}.avatars{display:flex;}.avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);background-size:cover;background-position:center;margin-left:-8px;}.avatar:first-child{margin-left:0;}.badge-text{font-size:13px;font-weight:700;color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:16px;}.title{font-size:68px;font-weight:800;letter-spacing:-2px;margin-bottom:16px;}.subtitle{font-size:18px;color:var(--text-muted);margin-bottom:40px;font-weight:500;}.hero-actions{display:flex;gap:16px;}.server-marquee-container{width:100%;overflow:hidden;padding:24px 0;display:flex;}.server-marquee{display:flex;width:max-content;}.marquee-track{display:flex;gap:32px;padding-right:32px;flex-shrink:0;animation:scroll-seamless 30s linear infinite;}@keyframes scroll-seamless{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}.server-item{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--text-muted);padding:8px 16px 8px 8px;background:rgba(26,26,30,0.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.05);border-radius:100px;}.s-name{color:#555;}.server-icon{width:20px;height:20px;border-radius:4px;}.s-fallback{background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;}.s-fallback i{width:12px;height:12px;color:#555;}.features-page{padding:80px 24px 60px;max-width:1200px;margin:0 auto;}.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.card{background:var(--surface-light);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;}.expanded-video{grid-column:1 / -1;}.expanded-video .video-container{}.expanded-video .youtube-container iframe{width:100%;height:100%;border:none;}.card-steps{grid-column:span 2;}.card-text{padding:24px;border-top:1px solid rgba(255,255,255,0.05);background:rgba(20,20,24,0.4);}.card-text h3{font-size:16px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:8px;}.card-text p{font-size:14px;color:var(--text-muted);line-height:1.6;font-weight:500;}.video-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.video-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}.play-btn-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 30px rgba(0,0,0,0.5);transition:transform 0.2s;}.play-btn-circle:hover{transform:translate(-50%,-50%) scale(1.05);}.icon-play{color:#121214;width:24px;height:24px;margin-left:4px;}.settings-mockup{padding:24px;flex:1;display:flex;flex-direction:column;gap:12px;}.setting-row{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.03);padding:14px 20px;border-radius:12px;transition:transform 0.2s,background 0.2s;cursor:pointer;}.setting-row:hover{transform:scale(1.02);background:rgba(255,255,255,0.05);}.setting-name{font-size:14px;font-weight:700;color:var(--text-main);}.setting-row.disabled .setting-name{color:#555;}.toggle{width:30px;height:16px;background:rgba(255,255,255,0.1);border-radius:20px;position:relative;cursor:pointer;transition:background 0.3s;}.toggle.active{background:var(--primary);}.toggle::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:left 0.3s cubic-bezier(0.16,1,0.3,1);}.toggle.active::after{left:16px;}.icon-nav{display:flex;justify-content:center;gap:24px;margin:24px 0;}.nav-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:#555;cursor:pointer;transition:color 0.3s,transform 0.3s;}.nav-icon:hover{color:var(--text-muted);transform:scale(1.1);}.nav-icon.active{color:var(--text-main);transform:scale(1.1);}.nav-icon i{width:24px;height:24px;transition:all 0.3s;}.nav-icon.active i{width:52px;height:52px;color:var(--primary);filter:drop-shadow(0 0 15px rgba(var(--primary-rgb),0.3));background:transparent;padding:0;border:none;box-shadow:none;}.nav-label{font-size:13px;font-weight:700;opacity:0;transition:opacity 0.3s;}.nav-icon.active .nav-label{opacity:1;}.steps-timeline{display:flex;align-items:center;justify-content:space-between;padding:32px 48px;position:relative;overflow:hidden;}.steps-timeline::before{content:'';position:absolute;top:50%;left:0;width:48px;height:2px;background:var(--primary);transform:translateY(-50%);z-index:0;}.step{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;z-index:1;}.step::before{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:var(--primary);transform:translateY(-50%);z-index:-1;transition:background 0.3s;}.step.dark::before{background:rgba(255,255,255,0.05);}.light-theme .step.dark::before{background:rgba(0,0,0,0.1);}.step:hover .step-num{transform:scale(1.05);}.step-num{width:36px;height:36px;border-radius:50%;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--text-main);}.step-purple{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#121214;display:flex;align-items:center;justify-content:center;}.step-label{background:var(--surface-hover);padding:8px 18px;border-radius:20px;font-size:13px;font-weight:700;color:var(--text-main);}.step.dark .step-num{background:var(--surface);color:var(--text-muted);}.step.dark .step-label{background:var(--surface);color:var(--text-muted);}.step-line{flex:1;height:2px;background:rgba(255,255,255,0.05);margin:0;transition:background 0.3s;}.step-line.active{background:var(--primary);}.light-theme .step-line{background:rgba(0,0,0,0.1);}.reviews-section{padding:40px 24px 60px;max-width:1200px;margin:0 auto;text-align:center;}.trusted-text{font-size:14px;font-weight:700;color:#555;margin-bottom:32px;display:inline-block;}.reviews-container{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;position:relative;}.reviews-container::before,.reviews-container::after{content:'';position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none;}.reviews-container::before{left:0;background:linear-gradient(to right,var(--bg-color),transparent);}.reviews-container::after{right:0;background:linear-gradient(to left,var(--bg-color),transparent);}.reviews-marquee-box{display:flex;overflow:hidden;gap:16px;}.r-track,.r-track-reverse{display:flex;gap:16px;padding-right:16px;flex-shrink:0;min-width:max-content;}.r-track{animation:scroll-seamless 20s linear infinite;}.r-track-reverse{animation:scroll-seamless-reverse 20s linear infinite;}@keyframes scroll-seamless-reverse{0%{transform:translateX(-100%);}100%{transform:translateX(0);}}.review-card{background:var(--card-bg);border:1px solid rgba(255,255,255,0.05);border-radius:16px;padding:20px 24px;width:380px;flex-shrink:0;text-align:left;transition:background 0.3s,border-color 0.3s;}.review-card:hover{background:var(--surface-hover);border-color:rgba(var(--primary-rgb),0.2);}.r-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.r-user{display:flex;align-items:center;gap:12px;}.r-avatar{width:28px;height:28px;border-radius:6px;background-size:cover;}.r-name{font-weight:800;font-size:15px;}.r-rating{font-size:14px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:4px;}.r-rating .icon-star{width:14px;height:14px;color:#fff;fill:#fff;}.r-text{font-size:15px;font-weight:500;color:var(--text-muted);}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:800px;margin:0 auto;}.stat-card{background:var(--card-bg);border:1px solid rgba(255,255,255,0.05);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,0.2);}.stat-icon-wrapper{margin-bottom:8px;}.stat-icon-wrapper svg.icon-purple{width:28px;height:28px;}.stat-title{font-size:14px;font-weight:700;color:var(--text-muted);}.stat-val{font-size:28px;font-weight:800;}.video-section{padding:40px 24px 80px;max-width:1200px;margin:0 auto;}.video-card{padding:40px;}.v-header{margin-bottom:32px;text-align:center;}.v-header h3{font-size:28px;font-weight:800;margin-top:8px;}.update-card{padding:32px;}.timeline-visual{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-bottom:24px;}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:120px 24px 60px;max-width:900px;margin:0 auto;position:relative;}.rhombus-hero{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1400px;height:800px;background-image:repeating-linear-gradient(45deg,transparent,transparent 80px,var(--grid-color) 80px,var(--grid-color) 82px),repeating-linear-gradient(-45deg,transparent,transparent 80px,var(--grid-color) 80px,var(--grid-color) 82px);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 45%);z-index:-1;pointer-events:none;}.t-node{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;position:relative;}.t-node-title{font-size:13px;font-weight:700;color:var(--text-main);}.t-node-date{font-size:11px;font-weight:600;color:#555;}.t-dot{width:12px;height:12px;background:var(--primary);border-radius:50%;position:absolute;bottom:-20px;}.t-line{flex:1;height:2px;background:rgba(255,255,255,0.05);margin:0 12px;align-self:flex-end;margin-bottom:5px;}.t-node:not(.active) .t-node-title{color:#777;}.t-node:not(.active) .t-dot{background:transparent;border:2px solid #333;}.settings-wrapper{margin-bottom:0;}.s-controls{display:flex;flex-direction:column;gap:20px;}.s-group{padding:24px;}.s-group-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#777;margin-bottom:16px;}.s-icon-label{display:flex;align-items:center;gap:4px;color:#555;}.slider-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;margin-top:12px;position:relative;}.slider-row span:nth-child(2){color:#777;font-size:12px;}.slider-track{position:absolute;bottom:-8px;left:0;width:100%;height:2px;background:rgba(255,255,255,0.05);border-radius:2px;}.slider-fill{height:100%;background:var(--primary);border-radius:2px;}.btn-group{display:flex;gap:8px;margin-top:16px;}.s-btn{flex:1;padding:8px;background:#202024;border:1px solid rgba(255,255,255,0.05);border-radius:8px;color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer;transition:all 0.2s;font-family:inherit;}.s-btn.transparent{background:transparent;border:none;}.s-btn.active,.s-btn:hover:not(.transparent){background:var(--primary);color:#121214;}.compat-card{padding:32px;}.compat-img-container{width:100%;height:160px;border-radius:12px;overflow:hidden;margin-bottom:20px;}.compat-img-container img{width:100%;height:100%;object-fit:cover;}.version-pills{display:flex;justify-content:space-between;margin-bottom:20px;}.v-pill{font-size:12px;font-weight:700;color:#555;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all 0.2s;}.v-pill.active,.v-pill:hover{background:var(--primary);color:#121214;}.compat-status{margin-top:16px;font-size:13px;font-weight:600;color:#555;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;}.status-dot{width:8px;height:8px;background:#4CAF50;border-radius:50%;display:inline-block;box-shadow:0 0 10px rgba(76,175,80,0.4);}.perf-card{padding:32px;}.legend{font-size:12px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:8px;}.dot-default,.dot-client{width:8px;height:8px;border-radius:50%;display:inline-block;}.dot-default{background:#444;}.dot-client{background:var(--primary);}.chart-mockup{display:flex;align-items:flex-end;justify-content:space-between;height:120px;margin-top:20px;gap:4px;}.bar{flex:1;background:var(--primary);border-radius:4px 4px 0 0;transition:height 0.5s;cursor:pointer;}.bar:hover{filter:brightness(1.2);}.configs-card{padding:32px;grid-column:2;grid-row:3;overflow:hidden;position:relative;}.configs-fan{display:flex;position:relative;height:120px;margin-top:20px;}.config-item{position:absolute;bottom:0;width:180px;background:rgba(30,30,36,0.9);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform 0.3s;}.c-icon{background:var(--primary);padding:8px;border-radius:8px;color:#111;display:flex;align-items:center;justify-content:center;}.c-icon i{width:16px;height:16px;}.c-text strong{display:block;font-size:14px;font-weight:800;color:#fff;}.c-text span{font-size:11px;font-weight:600;color:#777;}.c1{right:120px;transform:scale(0.85) translateY(10px);opacity:0.5;z-index:1;}.c2{right:80px;transform:scale(0.9) translateY(5px);opacity:0.7;z-index:2;}.c3{right:40px;transform:scale(0.95) translateY(2px);opacity:0.9;z-index:3;}.c-main{right:0;z-index:4;box-shadow:-10px 0 30px rgba(0,0,0,0.5);}.configs-card:hover .config-item{transform:translateX(-20px);}.configs-card:hover .c-main{transform:translateX(0) scale(1.05);}.cta-section{padding:40px 24px 80px;max-width:1200px;margin:0 auto;}.cta-box{background:var(--card-bg);border:1px solid rgba(255,255,255,0.05);border-radius:24px;padding:48px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;}.cta-left{max-width:500px;z-index:2;}.cta-left h2{font-size:32px;font-weight:800;margin-bottom:12px;}.cta-left p{font-size:15px;color:var(--text-muted);line-height:1.6;font-weight:500;margin-bottom:24px;}.cta-left .btn-primary{width:100%;max-width:380px;justify-content:center;}.cta-right{display:flex;align-items:center;gap:16px;z-index:2;}.crown{color:var(--primary);}.crown.c1{width:24px;height:24px;opacity:0.3;}.crown.c2{width:32px;height:32px;opacity:0.6;}.crown.crown-main{width:64px;height:64px;opacity:1;}.crown.c3{width:32px;height:32px;opacity:0.6;}.crown.c4{width:24px;height:24px;opacity:0.3;}.footer{background:var(--card-bg);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.05);border-radius:24px;padding:40px 48px 24px;max-width:1200px;margin:40px auto;width:calc(100% - 48px);}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px;}.f-brand .logo-btn{padding:0;background:transparent;font-size:20px;}.f-links{display:flex;gap:60px;flex-wrap:wrap;}.f-col h4{font-size:14px;font-weight:800;margin-bottom:16px;color:var(--text-muted);}.f-col a{display:block;font-size:14px;font-weight:600;color:#999;margin-bottom:12px;transition:color 0.2s;}.f-col a:hover{color:var(--text-main);}.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,0.05);padding-top:24px;}.footer-bottom span{font-size:13px;font-weight:600;color:#555;}.f-socials{display:flex;gap:16px;}.f-socials a{color:#555;transition:color 0.2s;}.f-socials a:hover{color:var(--text-main);}.f-socials i{width:18px;height:18px;}@media (max-width:900px){.bento-grid{grid-template-columns:1fr;}.perf-card,.configs-card,.settings-detail-card{grid-column:1;}.cta-box{flex-direction:column;text-align:center;gap:40px;}.cta-left{max-width:100%;display:flex;flex-direction:column;align-items:center;}.f-links{gap:40px;}}@keyframes arbuzFadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes arbuzFadeIn{from{opacity:0;}to{opacity:1;}}.auth-arbuz-wrapper{display:flex;min-height:100vh;width:100%;background:var(--bg-color);font-family:var(--font-sans);}.auth-arbuz-left{flex:1;position:relative;background:url('https://forala.space/img/arbuz_bg.png') no-repeat center center / cover;display:flex;flex-direction:column;justify-content:space-between;padding:40px 60px;animation:arbuzFadeIn 1s ease forwards;}.auth-arbuz-left::after{content:'';position:absolute;top:0;right:0;bottom:0;width:200px;background:linear-gradient(to right,transparent,var(--bg-color));pointer-events:none;}.auth-arbuz-logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#fff;text-decoration:none;z-index:1;}.auth-arbuz-logo i{color:var(--primary);}.mirrored-text{display:inline-block;transform:scaleX(-1);}.auth-arbuz-hero-text{z-index:1;max-width:500px;animation:arbuzFadeInUp 0.8s ease forwards 0.2s;opacity:0;}.auth-arbuz-hero-text h1{font-size:36px;font-weight:600;line-height:1.2;color:#fff;}.auth-arbuz-hero-text h1 span{color:var(--primary);font-weight:700;}.auth-arbuz-right{width:480px;background:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative;z-index:1;animation:arbuzFadeInUp 0.8s ease forwards 0.1s;opacity:0;}.auth-arbuz-form-container{width:100%;max-width:340px;}.auth-arbuz-header{text-align:center;margin-bottom:40px;}.auth-arbuz-header h2{font-size:32px;font-weight:600;margin-bottom:8px;color:var(--text-main);}.auth-arbuz-header p{font-size:13px;color:#8b8f97;}.auth-arbuz-header p a{color:var(--primary);text-decoration:none;font-weight:600;}.arbuz-form-group{margin-bottom:24px;}.arbuz-label-row{display:flex;justify-content:space-between;margin-bottom:8px;}.arbuz-label-row label{font-size:13px;color:var(--text-muted);}.arbuz-label-row a{font-size:13px;color:var(--primary);text-decoration:none;}.arbuz-input-wrapper{position:relative;display:flex;align-items:center;}.arbuz-input-wrapper > svg{position:absolute;left:16px;color:var(--text-muted);width:20px;height:20px;pointer-events:none;transition:color 0.2s;}.arbuz-input-wrapper:focus-within > svg{color:var(--primary);}.arbuz-input-wrapper input{flex:1;width:100%;padding:16px 16px 16px 48px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);font-family:inherit;font-size:14px;transition:all 0.2s;}.arbuz-input-wrapper input:focus{outline:none !important;box-shadow:none !important;border-color:rgba(120,120,120,0.3) !important;background:rgba(32,32,32,0.95);}.light-theme .arbuz-input-wrapper input:focus{border-color:rgba(120,120,120,0.3) !important;background:rgba(240,240,240,0.95);}.arbuz-btn{width:100%;background:var(--primary);color:#fff;border:none;padding:16px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;transition:all 0.2s;}.arbuz-btn:hover{filter:brightness(1.1);}.arbuz-captcha{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border:1px solid var(--border-color);padding:12px 16px;border-radius:12px;margin-bottom:24px;color:var(--text-main);font-size:13px;}@media (max-width:900px){.auth-arbuz-wrapper{flex-direction:column;}.auth-arbuz-left{min-height:300px;padding:30px;}.auth-arbuz-left::after{top:auto;left:0;right:0;bottom:0;width:100%;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-color));}.auth-arbuz-right{width:100%;flex:1;padding:30px 20px;}}.profile-navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:transparent;border-bottom:none;position:sticky;top:0;z-index:100;}.profile-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#fff;text-decoration:none;}.profile-brand i{color:var(--primary);}.profile-nav-center{display:flex;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:30px;padding:4px;}.profile-nav-tab{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:20px;color:var(--text-muted);font-weight:600;font-size:14px;transition:all 0.3s ease;}.profile-nav-tab:hover{color:#fff;}.profile-nav-tab.active{background:rgba(255,255,255,0.08);color:#fff;}.profile-nav-right{display:flex;align-items:center;gap:16px;}.profile-btn-home,.profile-btn-logout{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none;text-decoration:none;}.profile-btn-home{background:transparent;color:var(--text-muted);}.profile-btn-home:hover{color:#fff;}.profile-btn-logout{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.2);color:#ef4444;}.profile-btn-logout:hover{background:#ef4444;color:#fff;box-shadow:0 0 15px rgba(239,68,68,0.3);}.profile-container{max-width:1000px;margin:80px auto;padding:0 24px;display:grid;grid-template-columns:320px 1fr;gap:40px;min-height:calc(100vh - 360px);}.profile-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:0 8px 32px rgba(0,0,0,0.2);}.user-main-card{display:flex;flex-direction:column;align-items:center;text-align:center;height:fit-content;}.avatar-glow-wrapper{position:relative;width:120px;height:120px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--primary),#d946ef);box-shadow:0 0 20px var(--glow-color-min);margin-bottom:24px;animation:avatarPulse 3s infinite alternate;}@keyframes avatarPulse{0%{box-shadow:0 0 15px var(--glow-color-min);}100%{box-shadow:0 0 30px var(--glow-color-max);}}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--surface);}.profile-username{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;}.profile-email-wrapper{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;margin-bottom:32px;}.profile-email-wrapper button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color 0.2s;padding:4px;display:flex;}.profile-email-wrapper button:hover{color:var(--primary);}.profile-download-btn{width:100%;background:var(--primary);color:#fff;border:none;border-radius:12px;padding:16px;font-size:15px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all 0.2s;box-shadow:0 4px 15px var(--glow-color-min);}.profile-download-btn:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--glow-color-max);}.profile-details-card{display:flex;flex-direction:column;gap:16px;}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:rgba(255,255,255,0.02);border:1px solid var(--border-color);border-radius:12px;transition:background-color 0.2s ease;}.detail-row:hover{background:rgba(255,255,255,0.04);}.detail-label{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:14px;font-weight:600;}.detail-label i{color:var(--primary);}.detail-value-wrapper{display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;font-weight:600;}.role-badge{background:rgba(var(--primary-rgb),0.15);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(var(--primary-rgb),0.3);}.hwid-text{font-family:monospace;color:var(--text-muted);background:rgba(0,0,0,0.2);padding:4px 8px;border-radius:6px;letter-spacing:0.5px;}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color 0.2s,transform 0.2s;padding:4px;display:flex;}.icon-btn:hover{color:var(--primary);transform:scale(1.1);}.light-theme .profile-navbar{background:transparent;}.light-theme .profile-brand{color:var(--text-main);}.light-theme .profile-username{color:var(--text-main);}.light-theme .detail-value-wrapper{color:var(--text-main);}.light-theme .hwid-text{background:rgba(0,0,0,0.05);color:var(--text-muted);}.light-theme .detail-row{background:#fff;}.light-theme .detail-row:hover{background:rgba(0,0,0,0.01);}@media (max-width:900px){.profile-container{grid-template-columns:1fr;gap:24px;margin:20px auto;}.profile-navbar{padding:16px 20px;flex-direction:column;gap:16px;}.profile-nav-center{order:3;width:100%;justify-content:center;}.profile-nav-tab{flex:1;justify-content:center;}}.auth-centered-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px 24px;z-index:2;position:relative;}.auth-centered-card{background:transparent;border:none;box-shadow:none;width:100%;max-width:480px;padding:0;transition:transform 0.3s ease;animation:arbuzFadeInUp 0.8s ease forwards;}.light-theme .auth-centered-card{box-shadow:none;}.auth-centered-card:hover{box-shadow:none;}.auth-centered-header{text-align:center;margin-bottom:32px;}.auth-centered-header h2{font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:8px;color:var(--text-main);}.auth-centered-header p{font-size:14px;color:var(--text-muted);font-weight:500;}.auth-centered-header p a{color:var(--primary);font-weight:700;transition:color 0.2s;}.auth-centered-header p a:hover{color:var(--primary-hover);text-decoration:underline;}.password-toggle-btn{position:absolute;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color 0.2s;display:flex;align-items:center;justify-content:center;padding:4px;}.password-toggle-btn:hover{color:var(--text-main);}.password-toggle-btn i,.password-toggle-btn svg{width:14px;height:14px;}.arbuz-input-wrapper input{padding-right:60px;}.auth-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;}.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid var(--border-color);}.auth-divider:not(:empty)::before{margin-right:1em;}.auth-divider:not(:empty)::after{margin-left:1em;}.sk3d-id-btn{width:100%;background:var(--surface-light);border:1px solid var(--border-color);color:var(--text-main);padding:16px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:all 0.2s ease;font-family:inherit;}.light-theme .sk3d-id-btn{background:#fff;border-color:rgba(0,0,0,0.1);}.sk3d-id-btn:hover{background:var(--surface-hover);border-color:var(--text-muted);}.light-theme .sk3d-id-btn:hover{background:#f4f4f5;}.sk3d-id-btn i{width:18px;height:18px;color:var(--primary);}@media (max-width:580px){.auth-centered-card{padding:0;border-radius:0;}.auth-centered-header h2{font-size:28px;}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:11000;pointer-events:none;max-width:420px;width:calc(100% - 48px);}.toast{background:rgba(30,30,32,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:14px;color:#ffffff;box-shadow:0 10px 30px rgba(0,0,0,0.25);position:relative;transform:translateX(120%);opacity:0;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease;pointer-events:auto;cursor:pointer;width:fit-content;}.light-theme .toast{background:rgba(242,242,247,0.85);border-color:rgba(0,0,0,0.08);color:#1c1c1e;box-shadow:0 10px 30px rgba(0,0,0,0.08);}.toast.show{transform:translateX(0);opacity:1;}.toast-icon-wrapper{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.toast-icon-wrapper i{display:flex !important;align-items:center;justify-content:center;width:12px !important;height:12px !important;margin:0 !important;padding:0 !important;}.toast-icon-wrapper svg{display:block !important;width:12px !important;height:12px !important;stroke-width:3.5px !important;color:#ffffff !important;margin:0 !important;padding:0 !important;}.toast.error .toast-icon-wrapper{background:#ff5b60;}.toast-right-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:14px;}.toast-right-icon-wrapper i{display:flex !important;align-items:center;justify-content:center;width:14px !important;height:14px !important;margin:0 !important;padding:0 !important;}.toast-right-icon-wrapper svg{display:block !important;width:14px !important;height:14px !important;stroke-width:3.5px !important;color:#34c759 !important;margin:0 !important;padding:0 !important;}.toast.info .toast-icon-wrapper{background:#007aff;}.toast-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;}.toast-title{font-size:14px;font-weight:600;color:#ffffff;line-height:1.3;}.light-theme .toast-title{color:#1c1c1e;}.toast-message{font-size:13px;font-weight:500;color:#a1a1a6;line-height:1.3;margin-top:2px;}.light-theme .toast-message{color:#8e8e93;}.ctrl-s-video-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:100000;display:flex;align-items:center;justify-content:center;opacity:0;animation:ctrlSFadeIn 0.3s ease forwards;}@keyframes ctrlSFadeIn{from{opacity:0;}to{opacity:1;}}.ctrl-s-video-overlay.fade-out{animation:ctrlSFadeOut 0.3s ease forwards;}@keyframes ctrlSFadeOut{from{opacity:1;}to{opacity:0;}}.ctrl-s-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.ctrl-s-video-player{width:100%;height:100%;object-fit:cover;background:#000;}.ctrl-s-video-close{position:absolute;top:24px;right:24px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.1);color:#fff;font-size:32px;width:54px;height:54px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10001;transition:background 0.2s,transform 0.2s,border-color 0.2s;}.ctrl-s-video-close:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);transform:scale(1.05);}.btn-powerful{padding:16px 36px !important;font-size:16px !important;border-radius:16px !important;text-transform:uppercase;letter-spacing:0.5px;box-shadow:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important;}.btn-powerful:hover{transform:scale(1.05) translateY(-2px);box-shadow:none;}::view-transition-old(root){animation:250ms cubic-bezier(0.4,0,0.2,1) both fade-out;}::view-transition-new(root){animation:250ms cubic-bezier(0.4,0,0.2,1) both fade-in;mix-blend-mode:normal;}@keyframes fade-out{from{opacity:1;}to{opacity:0;}}@keyframes fade-in{from{opacity:0;}to{opacity:1;}}.captcha-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffff;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#313131;transition:opacity 0.5s ease,visibility 0.5s ease;}.captcha-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;}.dark-theme .captcha-overlay{background:#121214;color:#e3e3e3;}.captcha-container{width:100%;max-width:800px;padding:0 40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-top:-80px;}.captcha-header-wrapper{display:flex;align-items:center;gap:16px;margin-bottom:24px;}.captcha-logo{height:48px;width:auto;}.captcha-domain{font-size:32px;font-weight:700;color:#000000;}.dark-theme .captcha-domain{color:#ffffff;}.captcha-title{font-size:26px;font-weight:600;margin-bottom:12px;color:#1a1a1a;}.dark-theme .captcha-title{color:#f1f1f1;}.captcha-desc{font-size:14px;line-height:1.6;color:#595959;margin-bottom:32px;max-width:680px;}.dark-theme .captcha-desc{color:#a0a0a0;}.captcha-widget-wrapper{margin-bottom:32px;min-height:80px;display:flex;align-items:center;justify-content:flex-start;width:100%;}.captcha-spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#000000;border-radius:50%;animation:captcha-spin 1s linear infinite;}.dark-theme .captcha-spinner{border-color:#303030;border-top-color:#ffffff;}@keyframes captcha-spin{to{transform:rotate(360deg);}}.captcha-error{color:#d93025;font-size:14px;margin-top:12px;font-weight:500;}.dark-theme .captcha-error{color:#ff6b6b;}.captcha-footer{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);text-align:center;width:100%;font-size:12px;color:#727272;line-height:1.8;}.dark-theme .captcha-footer{color:#8c8c8c;}.captcha-footer a{color:#0051c3;text-decoration:underline;cursor:pointer;}.dark-theme .captcha-footer a{color:#7ca8ff;}.captcha-footer-divider{margin:0 8px;color:#d0d0d0;}.dark-theme .captcha-footer-divider{color:#404040;}.theme-transitioning,.theme-transitioning *:not(.theme-toggle):not(.theme-toggle *){transition:none !important;}.mobile-menu-trigger{display:none;background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:8px;align-items:center;justify-content:center;transition:transform 0.2s;z-index:1001;}.mobile-menu-trigger:hover{transform:scale(1.05);}.mobile-menu-trigger svg{stroke:currentColor;fill:none;}.mobile-menu-drawer{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:var(--bg-overlay);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-color);box-shadow:-10px 0 30px rgba(0,0,0,0.5);z-index:1000;transition:right 0.4s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;padding:100px 24px 40px;box-sizing:border-box;}.mobile-menu-drawer.active{right:0;}body.menu-active{overflow:hidden;}.drawer-content{display:flex;flex-direction:column;gap:40px;height:100%;}.drawer-links{display:flex;flex-direction:column;gap:16px;background:transparent !important;border:none !important;position:static !important;transform:none !important;box-shadow:none !important;padding:0 !important;}.drawer-links .nav-link{font-size:15px;padding:12px 18px;border-radius:12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;}.light-theme .drawer-links .nav-link{background:rgba(0,0,0,0.02);border:1px solid rgba(0,0,0,0.05);}.drawer-buttons{display:flex;flex-direction:column;gap:12px;margin-top:auto;}.drawer-buttons .btn-primary,.drawer-buttons .btn-secondary{width:100%;justify-content:center;padding:14px;box-sizing:border-box;}.hamburger-icon line{transition:transform 0.3s,opacity 0.3s;transform-origin:center;}.mobile-menu-open .line-top{transform:translateY(6px) rotate(45deg);}.mobile-menu-open .line-middle{opacity:0;}.mobile-menu-open .line-bottom{transform:translateY(-6px) rotate(-45deg);}@media (max-width:900px){.navbar{padding:16px 20px;}.navbar .nav-center{display:none !important;}.navbar .nav-right >:not(.theme-toggle):not(.mobile-menu-trigger){display:none !important;}.mobile-menu-trigger{display:flex;}.hero{padding:80px 20px 40px !important;min-height:auto;margin-top:0;overflow:hidden;}.title{font-size:38px !important;letter-spacing:-1px;}.subtitle{font-size:15px !important;margin-bottom:28px;}.hero-actions{flex-direction:column;width:100%;max-width:300px;gap:12px;}.hero-actions .btn-lg{width:100%;justify-content:center;padding:12px 20px;}.badge{padding:5px 12px 5px 5px;margin-bottom:20px;gap:8px;}.badge-text{font-size:11px;padding-left:8px;}.cards-grid{grid-template-columns:1fr !important;gap:16px;}.card-steps{grid-column:span 1 !important;}.steps-timeline{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px;}.steps-timeline::before,.step-line{display:none !important;}.step{width:100%;}.step-label{flex:1;text-align:left;}.reviews-section{padding:40px 20px;}.reviews-marquee-box{gap:12px;}.review-card{width:290px;padding:16px 20px;}.r-text{font-size:13px;}.stats-grid{grid-template-columns:1fr !important;gap:12px;}.stat-card{padding:20px;}.timeline-visual{flex-direction:column;gap:28px;align-items:flex-start;padding-left:20px;border-left:2px solid rgba(255,255,255,0.05);padding-bottom:12px;}.light-theme .timeline-visual{border-left-color:rgba(0,0,0,0.1);}.t-line{display:none !important;}.t-node{align-items:flex-start;text-align:left;}.t-dot{left:-27px;top:4px;bottom:auto;}.footer-content{flex-direction:column;gap:32px;margin-bottom:32px;}.f-links{gap:32px;justify-content:space-between;width:100%;}.footer-bottom{flex-direction:column;gap:16px;text-align:center;padding-top:20px;}}@media (max-width:480px){.cta-box{padding:32px 20px;}.cta-left h2{font-size:24px;}.crown.crown-main{width:48px;height:48px;}}
/* Hide duplicate robot profile button */
.profile-btn-navbar, .nav-right .profile-btn-navbar { display: none !important; }


/* Sticky footer guarantee */
html { height: 100%; }
body { min-height: 100vh; min-height: 100dvh; display: flex !important; flex-direction: column !important; }
main, .hero, .features-page, .admin-wrap, .media-container, .profile-container, .faq-container, .auth-centered-wrapper { flex: 1 0 auto; }
footer.footer, .footer {
  margin-top: auto !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  display: block !important;
}

/* Navbar Hover Dropdown */
.nav-item-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.nav-item-dropdown .dropdown-arrow {
  margin-left: 4px;
  transition: transform 0.25s ease;
}
.nav-item-dropdown:hover .dropdown-arrow {
  transform: rotate(180deg);
}
.nav-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 175px;
  background: rgba(18, 18, 22, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  padding: 6px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5), 0 0 20px rgba(199, 149, 237, 0.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-item-dropdown:hover .nav-dropdown-menu,
.nav-item-dropdown:focus-within .nav-dropdown-menu,
.nav-item-dropdown.open .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.nav-dropdown-menu::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}
.dropdown-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 12px;
  border-radius: 9px;
  text-decoration: none;
  color: var(--text-main, #ffffff);
  font-size: 13px;
  font-weight: 500;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.dropdown-item:hover {
  background: rgba(199, 149, 237, 0.12);
  color: #c795ed;
  transform: translateX(2px);
}
.dropdown-item svg,
.dropdown-item i {
  width: 14px;
  height: 14px;
  color: var(--primary, #c795ed);
  opacity: 0.85;
  flex-shrink: 0;
}
.dropdown-item:hover svg,
.dropdown-item:hover i {
  opacity: 1;
  transform: scale(1.08);
}
/* Backward compatibility if child elements exist */
.dropdown-item .dropdown-icon {
  display: contents;
}
.dropdown-item .dropdown-icon svg,
.dropdown-item .dropdown-icon i {
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
.dropdown-item .dropdown-info {
  display: contents;
}
.dropdown-item .dropdown-title {
  font-size: 13px;
  font-weight: 500;
}
.dropdown-item .dropdown-desc {
  display: none !important;
}
.dropdown-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
  margin: 4px 6px;
}
.light-theme .nav-dropdown-menu {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
}
.light-theme .dropdown-item:hover {
  background: rgba(199, 149, 237, 0.15);
}
.light-theme .dropdown-divider {
  background: rgba(0, 0, 0, 0.06);
}


/* ==========================================================================
   FLOATING PILL NAVBAR (Screenshots 1 & 2 design)
   ========================================================================== */
.navbar-pill-wrapper {
  position: fixed;
  top: 18px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 10000;
  pointer-events: none;
  padding: 0 16px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}

.navbar-pill-wrapper.nav-hidden {
  transform: translateY(-130%);
  opacity: 0;
  pointer-events: none;
}

.hero-gradient-text {
  background: linear-gradient(92deg, #f6ecff 0%, #ddb6ff 26%, #b678ff 52%, #f0a6ff 78%, #f6ecff 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 22px rgba(182, 120, 255, 0.35));
  display: inline-block;
  font-weight: 800;
  animation: forala-title-shimmer 7s ease-in-out infinite;
}

.light-theme .hero-gradient-text {
  background: linear-gradient(92deg, #3b1d63 0%, #7c3aed 45%, #c026d3 80%, #3b1d63 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 14px rgba(124, 58, 237, 0.22));
}

.navbar-pill {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 980px;
  height: 54px;
  padding: 6px 10px 6px 8px;
  background: rgba(18, 18, 22, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 100px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.03);
  position: relative;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.light-theme .navbar-pill {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

/* Left: Brand Logo (Static, unclickable, no background, no hover zoom) */
.nav-pill-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px 4px 6px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-decoration: none;
  pointer-events: none;
  user-select: none;
  flex-shrink: 0;
  transform: none !important;
}

.light-theme .nav-pill-logo {
  background: transparent !important;
  color: #18181b;
}

.nav-pill-logo:hover {
  background: transparent !important;
  border: none !important;
  transform: none !important;
}

.nav-pill-logo-img, .nav-pill-logo img {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  object-fit: cover;
  display: block;
}

.nav-pill-logo-icon {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: #181822;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 14px;
  color: #fff;
}

/* Center Navigation Links with Underline Indicator '_' */
.nav-pill-links {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  padding-bottom: 2px;
}

/* Static underline indicator '_' under active category */
.nav-pill-line-indicator {
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 2px;
  border-radius: 9999px;
  background: var(--primary, #c795ed);
  box-shadow: 0 0 10px rgba(199, 149, 237, 0.6);
  pointer-events: none;
  opacity: 0;
  z-index: 5;
  transition: opacity 0.2s ease, width 0.24s cubic-bezier(0.16, 1, 0.3, 1), transform 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}

.light-theme .nav-pill-line-indicator {
  background: var(--primary, #c795ed);
  box-shadow: 0 1px 6px rgba(199, 149, 237, 0.5);
}

.nav-pill-links .nav-pill-link,
.nav-pill-links .nav-item-dropdown {
  position: relative;
  z-index: 2;
}

.nav-pill-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 8px;
  color: var(--text-muted, #94a3b8);
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.18s ease, background-color 0.18s ease;
  cursor: pointer;
  position: relative;
  background: transparent;
}

/* Hover on inactive link: subtle translucent tint without moving the underline */
.nav-pill-link:hover:not(.active) {
  color: #e2d1f7 !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.light-theme .nav-pill-link:hover:not(.active) {
  color: #5b21b6 !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

.nav-pill-link.active {
  color: var(--text-main, #ffffff) !important;
  font-weight: 700;
}

.light-theme .nav-pill-link.active {
  color: #18181b !important;
}

.nav-pill-link svg, .nav-pill-link i {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  opacity: 0.85;
  transition: color 0.18s ease;
}

.nav-pill-link.active svg, .nav-pill-link.active i {
  color: var(--primary, #c795ed);
  opacity: 1;
}

.nav-pill-link:hover:not(.active) svg, .nav-pill-link:hover:not(.active) i {
  color: #d8b4fe;
  opacity: 0.95;
}

/* Right Section Controls */
.nav-pill-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Sleek Theme Switcher (Reference Screenshot matching) */
.theme-switch-slider {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 48px;
  height: 26px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  cursor: pointer;
  padding: 2px;
  transition: all 0.25s ease;
  user-select: none;
  box-sizing: border-box;
}

.light-theme .theme-switch-slider {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.theme-switch-icon,
.theme-slider-icon {
  width: 11px;
  height: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  color: rgba(255, 255, 255, 0.45);
  transition: color 0.25s ease, opacity 0.25s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.theme-switch-icon svg,
.theme-slider-icon svg,
.theme-switch-icon i,
.theme-slider-icon i {
  width: 11px;
  height: 11px;
}
.theme-switch-icon.sun,
.theme-slider-icon.sun { left: 6px; }
.theme-switch-icon.moon,
.theme-slider-icon.moon { right: 6px; }

.theme-switch-thumb,
.theme-slider-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(199, 149, 237, 0.35);
  border: 1px solid rgba(199, 149, 237, 0.45);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease;
  z-index: 1;
}

/* In dark mode: thumb on moon (right side) */
.theme-switch-slider.dark .theme-switch-thumb,
.theme-switch-slider.dark .theme-slider-thumb,
body:not(.light-theme) .theme-switch-slider .theme-switch-thumb,
body:not(.light-theme) .theme-switch-slider .theme-slider-thumb {
  transform: translateX(22px);
  background: rgba(199, 149, 237, 0.35);
}
.theme-switch-slider.dark .theme-switch-icon.moon,
.theme-switch-slider.dark .theme-slider-icon.moon,
body:not(.light-theme) .theme-switch-icon.moon,
body:not(.light-theme) .theme-slider-icon.moon {
  color: #ffffff;
  opacity: 1;
}

/* In light mode: thumb on sun (left side) */
.light-theme .theme-switch-slider .theme-switch-thumb,
.light-theme .theme-switch-slider .theme-slider-thumb {
  transform: translateX(0);
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.light-theme .theme-switch-slider .theme-switch-icon.sun,
.light-theme .theme-switch-slider .theme-slider-icon.sun {
  color: #f59e0b;
  opacity: 1;
}
.light-theme .theme-switch-slider .theme-switch-icon.moon,
.light-theme .theme-switch-slider .theme-slider-icon.moon {
  color: rgba(0, 0, 0, 0.35);
}

/* Sleek Language switch pill */
.lang-switch-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 9px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 100px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
  box-sizing: border-box;
}

.light-theme .lang-switch-btn {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.08);
  color: #52525b;
}

.lang-switch-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(199, 149, 237, 0.35);
  color: #ffffff;
}
.light-theme .lang-switch-btn:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #18181b;
}

/* User Auth / Sign in button (Screenshot 2) */
.nav-pill-auth-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 16px;
  border-radius: 100px;
  background: rgba(199, 149, 237, 0.18);
  border: 1px solid rgba(199, 149, 237, 0.35);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.light-theme .nav-pill-auth-btn {
  color: #18181b;
  background: rgba(199, 149, 237, 0.22);
}

.nav-pill-auth-btn:hover {
  background: var(--primary, #c795ed);
  border-color: var(--primary, #c795ed);
  color: #121214;
  transform: scale(1.02);
}

/* Logged in User Pill (Screenshot 4) */
.nav-pill-user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 3px 14px 3px 4px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  color: var(--text-main, #ffffff);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.light-theme .nav-pill-user {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
  color: #18181b;
}

.nav-pill-user:hover {
  background: rgba(199, 149, 237, 0.15);
  border-color: rgba(199, 149, 237, 0.35);
}

.nav-pill-user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid var(--primary, #c795ed);
  background: #1a1a1e;
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
}

.nav-pill-user-dot {
  display: none !important;
}

/* Reposition dropdown for floating pill */
.navbar-pill .nav-dropdown-menu {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  border-radius: 18px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 24px rgba(199, 149, 237, 0.15);
}

.navbar-pill .nav-item-dropdown:hover .nav-dropdown-menu,
.navbar-pill .nav-item-dropdown.open .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* Mobile adjustments */
@media (max-width: 860px) {
  .nav-pill-links {
    display: none;
  }
  .navbar-pill {
    max-width: calc(100% - 24px);
  }
}

/* ==========================================================================
   Minimalist Toast Notifications (Screenshot 2)
   ========================================================================== */
.toast-container {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  z-index: 999999 !important;
  pointer-events: none !important;
  max-width: 420px !important;
  width: calc(100% - 48px) !important;
}

.toast {
  pointer-events: auto !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 18px 12px 14px !important;
  background: #151518 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5) !important;
  color: #fff !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transform: translateY(16px) scale(0.96) !important;
  opacity: 0 !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
  width: fit-content !important;
  max-width: 100% !important;
}

.light-theme .toast {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08) !important;
  color: #18181b !important;
}

.toast.show {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
}

.toast.toast-hide {
  transform: translateY(12px) scale(0.96) !important;
  opacity: 0 !important;
}

.toast.warning {
  border-color: rgba(245, 158, 11, 0.25) !important;
}

.toast.success {
  border-color: rgba(199, 149, 237, 0.25) !important;
}

.toast.error {
  border-color: rgba(239, 68, 68, 0.25) !important;
}

.toast.info {
  border-color: rgba(199, 149, 237, 0.25) !important;
}

.toast-icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.toast-body {
  flex: 1 !important;
  min-width: 0 !important;
}

.toast-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: -0.1px !important;
  margin-bottom: 2px !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

.light-theme .toast-title {
  color: #18181b !important;
}

.toast-msg {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

.light-theme .toast-msg {
  color: #64748b !important;
}

/* ── Hero status pill + live stats ── */
.hero-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;
  border-radius: 100px;
  background: rgba(199,149,237,0.08);
  border: 1px solid rgba(199,149,237,0.25);
  font-size: 13px;
  font-weight: 600;
  color: var(--text-main);
  margin-bottom: 18px;
  backdrop-filter: blur(8px);
}
.hero-status-pill .pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 0 rgba(74,222,128,0.6); animation: heroPulse 2s infinite; }
@keyframes heroPulse { 70% { box-shadow: 0 0 0 8px rgba(74,222,128,0); } 100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); } }
.hero-ver { font-size: 12px; color: var(--text-muted); border: 1px solid var(--border-color); border-radius: 6px; padding: 1px 7px; }
.hero-stats { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 30px; }
.hero-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.hero-stat b { font-size: 26px; font-weight: 800; color: var(--text-main); font-variant-numeric: tabular-nums; }
.hero-stat span { font-size: 12.5px; color: var(--text-muted); }
.hero-stat-divider { width: 1px; height: 34px; background: var(--border-color); }

/* ── Stats band + pack banner ── */
.stats-band { max-width: 1100px; margin: 0 auto; padding: 40px 24px 10px; }
.stats-band-inner { display: flex; align-items: center; justify-content: center; gap: 26px; padding: 22px; border-radius: 20px; background: var(--card-bg); border: 1px solid var(--border-color); }
.stat-item { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.stat-item b { font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.stat-item span { font-size: 12.5px; color: var(--text-muted); }
.stat-divider { width: 1px; height: 32px; background: var(--border-color); }
.pack-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 18px; padding: 22px 26px; border-radius: 20px; text-decoration: none; background: linear-gradient(135deg, rgba(199,149,237,0.16), rgba(139,92,246,0.08)); border: 1px solid rgba(199,149,237,0.35); transition: transform 200ms cubic-bezier(0.23,1,0.32,1), border-color 200ms; }
.pack-banner:hover { transform: translateY(-2px); border-color: rgba(199,149,237,0.6); }
.pack-eyebrow { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.14em; color: #c795ed; margin-bottom: 4px; }
.pack-title { font-size: 17px; font-weight: 700; color: var(--text-main); }
.pack-cta { flex-shrink: 0; padding: 12px 22px; border-radius: 12px; background: var(--primary); color: #fff; font-weight: 700; font-size: 14px; }
@media (max-width: 640px) {
  .pack-banner { flex-direction: column; align-items: stretch; text-align: left; }
  .stats-band-inner { gap: 14px; padding: 16px; }
}

/* ── Native controls: force dark rendering (fixes white spinners / dropdowns) ── */
:root { color-scheme: dark; }
.light-theme { color-scheme: light; }
input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
select option, select optgroup { background-color: #14141a; color: #e8e8ef; }
.light-theme select option, .light-theme select optgroup { background-color: #ffffff; color: #1a1a22; }
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(0.65); cursor: pointer; }
.light-theme input[type="date"]::-webkit-calendar-picker-indicator,
.light-theme input[type="time"]::-webkit-calendar-picker-indicator,
.light-theme input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: none; }