:root{--primary: #32d74b;--primary-hover: #28b83f;--primary-glow: rgba(50, 215, 75, .35);--primary-subtle: rgba(50, 215, 75, .1);--primary-border: rgba(50, 215, 75, .25);--accent-cyan: #00f2fe;--accent-blue: #4facfe;--bg-dark: #07090e;--bg-surface: #0d1117;--bg-card: rgba(18, 22, 31, .7);--bg-card-hover: rgba(24, 30, 42, .9);--bg-glass: rgba(13, 17, 23, .85);--text-white: #ffffff;--text-main: #e6edf3;--text-dim: #8b949e;--text-muted: #6e7681;--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .22);--border-glow: rgba(50, 215, 75, .4);--grid-line: rgba(255, 255, 255, .035);--danger: #f85149;--danger-bg: rgba(248, 81, 73, .12);--warning: #e3b341;--warning-bg: rgba(227, 179, 65, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition: all .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: all .5s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:Prompt,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;background-position:center center;color:var(--text-main);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6,.font-outfit{font-family:Outfit,Prompt,Inter,sans-serif;color:var(--text-white);line-height:1.25}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}.nav-wide-container{max-width:1380px}.landing-page-root{position:relative;min-height:100vh}.bg-glow-orb{position:fixed;width:650px;height:650px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1;opacity:.25}.glow-top-right{top:-200px;right:-150px;background:radial-gradient(circle,var(--primary) 0%,rgba(0,242,254,.2) 50%,transparent 70%)}.glow-mid-left{top:40%;left:-200px;background:radial-gradient(circle,rgba(0,242,254,.3) 0%,rgba(79,172,254,.1) 50%,transparent 70%)}.glow-bottom-right{bottom:-150px;right:5%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.6rem;font-weight:600;font-size:.95rem;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:var(--transition);white-space:nowrap;position:relative;-webkit-user-select:none;user-select:none;flex-shrink:0}.btn-sm{padding:.45rem 1rem;font-size:.82rem}.btn-md{padding:.7rem 1.5rem;font-size:.92rem}.btn-lg{padding:.85rem 1.85rem;font-size:1rem}.btn-block{width:100%}.btn-primary{background-color:var(--primary);color:#051408;box-shadow:0 4px 18px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 28px #32d74b73;color:#000}.btn-outline{background-color:#ffffff0a;border-color:var(--border);color:var(--text-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{background-color:#ffffff17;border-color:#ffffff4d;transform:translateY(-2px)}.btn-glass{background-color:#00f2fe14;border-color:#00f2fe40;color:var(--accent-cyan);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-glass:hover{background-color:#00f2fe26;border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 20px #00f2fe40}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{color:var(--text-white);background:#ffffff0d}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:1.25rem}.section-badge.mini{margin-bottom:.5rem;font-size:.75rem;padding:.25rem .75rem}.section-header{text-align:center;max-width:860px;margin:0 auto 4.5rem}.section-header h2{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;margin-bottom:1.2rem;letter-spacing:-.5px}.section-header p{font-size:1.12rem;color:var(--text-dim);line-height:1.75}.main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:var(--transition);border-bottom:1px solid transparent;padding:.9rem 0}.main-header.scrolled{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.65rem 0;box-shadow:0 10px 30px #00000059}.nav-container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.logo-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0}.logo-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(50,215,75,.2) 0%,transparent 70%);border-radius:var(--radius-sm)}.logo-img{width:30px;height:30px;object-fit:contain}.logo-text-group{display:flex;align-items:baseline;gap:.35rem}.logo-text{font-family:Outfit,sans-serif;font-weight:800;font-size:1.38rem;color:var(--text-white);letter-spacing:-.5px;white-space:nowrap}.logo-tag{font-family:Outfit,sans-serif;font-weight:700;font-size:.72rem;color:var(--primary);background:var(--primary-subtle);border:1px solid var(--primary-border);padding:.1rem .35rem;border-radius:4px;white-space:nowrap}.nav-links-wrapper{display:flex;align-items:center;flex-grow:1;justify-content:center}.nav-links{display:flex;align-items:center;gap:1.35rem;flex-wrap:nowrap}.nav-links a{text-decoration:none;color:var(--text-dim);font-weight:500;font-size:.88rem;transition:var(--transition);position:relative;white-space:nowrap;flex-shrink:0}.nav-links a:hover{color:var(--text-white)}.nav-highlight-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-white)!important;font-weight:600!important}.nav-badge-link{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .8rem;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);border-radius:var(--radius-full);color:var(--accent-cyan)!important;font-size:.8rem!important;font-weight:600!important;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:var(--transition)}.nav-badge-link:hover{background:#00f2fe26;border-color:var(--accent-cyan)}.pulse-dot{width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan);animation:pulseGlow 2s infinite;flex-shrink:0}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.lang-switcher-pills{display:inline-flex;align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-full);padding:2px;gap:2px;flex-shrink:0;white-space:nowrap}.lang-pill{background:transparent;border:none;color:var(--text-dim);padding:.3rem .65rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap}.lang-pill.active{background:var(--primary);color:#000;box-shadow:0 2px 8px var(--primary-glow)}.lang-pill:hover:not(.active){color:var(--text-white)}.nav-actions-desktop{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-actions-mobile{display:none}.mobile-toggle-btn{display:none;background:transparent;border:none;color:var(--text-white);font-size:1.4rem;cursor:pointer;padding:.4rem;flex-shrink:0}.hero-section{position:relative;padding:9.5rem 0 5.5rem;text-align:center;overflow:hidden}.hero-grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 15%,rgba(50,215,75,.08) 0%,transparent 60%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:960px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.25rem;background:#32d74b1a;border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);font-size:.85rem;font-weight:600;margin-bottom:1.75rem;box-shadow:0 0 20px #32d74b26}.hero-title{font-size:clamp(2.4rem,5.2vw,4.2rem);font-weight:800;line-height:1.16;letter-spacing:-1px;margin-bottom:1.5rem}.hero-title-gradient{background:linear-gradient(135deg,#ffffff 0%,var(--primary) 65%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:clamp(1.02rem,1.8vw,1.18rem);color:var(--text-dim);line-height:1.75;max-width:780px;margin:0 auto 1.75rem}.hero-pills-row{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:0 auto 2.25rem;max-width:920px}.hero-pill-item{display:inline-flex;align-items:center;gap:.45rem;background:#ffffff0a;border:1px solid var(--border);padding:.38rem .85rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:var(--text-main);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-pill-item i{color:var(--primary);font-size:.85rem}.hero-actions-group{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.hero-trust-bar{display:flex;align-items:center;justify-content:center;margin-bottom:4rem}.trust-label{font-size:.86rem;color:var(--text-dim);display:flex;align-items:center;gap:.5rem}.trust-label i{color:var(--primary)}.hero-dashboard-container{position:relative;max-width:1080px;margin:0 auto;perspective:1200px}.dashboard-frame{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:10px;box-shadow:0 40px 100px #000000bf,0 0 50px #32d74b14;transform:rotateX(6deg);transition:var(--transition-slow)}.dashboard-frame:hover{transform:rotateX(0) translateY(-8px);border-color:#32d74b4d}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#0006;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.8rem;color:var(--text-dim)}.window-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.dot-blue{background:#4facfe}.window-address{display:flex;align-items:center;gap:.4rem;font-family:monospace;font-size:.78rem;color:var(--text-muted)}.window-status{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;color:var(--primary);letter-spacing:.5px}.status-live-indicator{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.dashboard-image-wrapper{position:relative;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.dashboard-img{width:100%;height:auto;display:block}.dashboard-overlay-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 65%,rgba(7,9,14,.6) 100%);pointer-events:none}.floating-card{position:absolute;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.1rem;background:#0d1117e0;border:1px solid var(--border-glow);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 40px #0009;z-index:5;animation:floatUpDown 6s ease-in-out infinite}.float-left-top{top:15%;left:-20px;animation-delay:0s}.float-right-bottom{bottom:12%;right:-20px;animation-delay:2s}.float-right-top{top:12%;right:-15px;animation-delay:4s}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.icon-shield{background:var(--primary-subtle);color:var(--primary)}.icon-bolt{background:#00f2fe1f;color:var(--accent-cyan)}.icon-user{background:#4facfe1f;color:var(--accent-blue)}.floating-text{display:flex;flex-direction:column;text-align:left}.floating-title{font-size:.85rem;font-weight:700;color:var(--text-white)}.floating-desc{font-size:.72rem;color:var(--text-dim)}.stats-section{padding:5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:radial-gradient(circle at 50% 50%,rgba(13,17,23,.9) 0%,var(--bg-dark) 100%)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem 1.5rem;text-align:center;transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-6px);border-color:var(--primary-border);background:var(--bg-card-hover);box-shadow:0 15px 35px #0006,0 0 25px #32d74b14}.stat-icon-wrapper{width:48px;height:48px;background:var(--primary-subtle);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--primary);font-size:1.3rem}.stat-value{font-family:Outfit,sans-serif;font-size:clamp(2.2rem,3.5vw,3rem);font-weight:800;background:linear-gradient(135deg,#ffffff 30%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.4rem;letter-spacing:-1px}.stat-label{font-size:.92rem;font-weight:700;color:var(--text-white);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-desc{font-size:.82rem;color:var(--text-dim);line-height:1.5}.comparison-section{padding:8rem 0}.comparison-table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 25px 60px #0006}.comparison-table-header{display:grid;grid-template-columns:1.2fr 1.4fr 1.4fr;background:#00000080;border-bottom:1px solid var(--border);padding:1.5rem 2rem;font-weight:700;align-items:center}.comp-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:700}.vpn-badge{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,81,73,.3)}.ztna-badge{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--primary-border);box-shadow:0 0 15px #32d74b26}.comparison-row{display:grid;grid-template-columns:1.2fr 1.4fr 1.4fr;padding:1.75rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);align-items:center;transition:var(--transition)}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:#ffffff06}.feature-title-group{display:flex;align-items:center;gap:.75rem}.feature-icon-mini{width:36px;height:36px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--text-dim);flex-shrink:0}.feature-name{font-weight:700;font-size:.98rem;color:var(--text-white)}.comp-cell-content{display:flex;align-items:flex-start;gap:.85rem;font-size:.92rem;line-height:1.6}.status-indicator{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;margin-top:2px}.status-indicator.bad{background:var(--danger-bg);color:var(--danger)}.status-indicator.good{background:var(--primary-subtle);color:var(--primary)}.vpn-content .cell-text{color:var(--text-dim)}.ztna-content .cell-text{color:var(--text-main);font-weight:500}.personas-section{padding:8rem 0;background:radial-gradient(circle at 50% 50%,rgba(0,242,254,.04) 0%,transparent 60%)}.personas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.persona-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.75rem 2.25rem;transition:var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column}.persona-card:hover{transform:translateY(-6px);border-color:var(--primary-border);background:var(--bg-card-hover);box-shadow:0 20px 45px #0006}.persona-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.persona-icon-circle{width:52px;height:52px;border-radius:14px;background:var(--primary-subtle);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.4rem;flex-shrink:0}.persona-role{font-size:1.35rem;font-weight:800;margin-bottom:.25rem}.persona-tagline{font-size:.85rem;color:var(--text-dim)}.persona-points-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;flex-grow:1}.persona-points-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.92rem;color:var(--text-main)}.persona-points-list li i{color:var(--primary);margin-top:3px;flex-shrink:0;font-size:.85rem}.products-section{padding:8rem 0;background:radial-gradient(circle at 50% 30%,rgba(22,101,52,.08) 0%,transparent 70%)}.products-tabs-nav{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:3.5rem}.product-tab-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-dim);font-weight:600;font-size:.92rem;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-tab-btn:hover{color:var(--text-white);border-color:#ffffff40;background:#ffffff0f}.product-tab-btn.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--text-white);box-shadow:0 0 25px #32d74b33}.tab-live-dot{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan)}.product-showcase-card{display:grid;grid-template-columns:1.15fr 1fr;gap:3.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;box-shadow:0 30px 80px #00000080}.product-badge-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.product-badge-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;background:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.product-role-tag{font-size:.75rem;color:var(--text-dim);background:#ffffff0a;border:1px solid var(--border);padding:.3rem .75rem;border-radius:var(--radius-full)}.product-title{font-size:2.2rem;font-weight:800;margin-bottom:1rem}.product-desc{color:var(--text-dim);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.product-features-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:2.5rem}.product-feature-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text-main)}.feature-check-icon{color:var(--primary);font-size:1.05rem;margin-top:1px}.terminal-window{background:#090c10;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 60px #0009}.terminal-header{display:flex;align-items:center;justify-content:space-between;background:#161b22;padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-title{font-size:.8rem;color:var(--text-dim);font-family:monospace}.terminal-tag{font-size:.68rem;font-weight:700;color:var(--primary);background:var(--primary-subtle);padding:.15rem .5rem;border-radius:4px}.terminal-body{padding:1.5rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.88rem;line-height:1.7;color:#a5d6ff;overflow-x:auto}.terminal-body pre{margin:0}.features-section{padding:8rem 0}.features-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-modern-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.75rem 2rem;transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.feature-modern-card:hover{transform:translateY(-8px);border-color:var(--primary-border);background:var(--bg-card-hover);box-shadow:0 20px 45px #0006,0 0 30px #32d74b14}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.feature-icon-box{width:54px;height:54px;background:var(--primary-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.4rem}.feature-tag-pill{font-size:.72rem;font-weight:700;color:var(--text-dim);background:#ffffff0d;border:1px solid var(--border);padding:.25rem .65rem;border-radius:var(--radius-full)}.feature-card-title{font-size:1.4rem;font-weight:700;margin-bottom:.85rem}.feature-card-desc{color:var(--text-dim);font-size:.95rem;line-height:1.65}.how-it-works-section{padding:8rem 0;background:radial-gradient(circle at 50% 50%,rgba(13,17,23,.8) 0%,var(--bg-dark) 100%)}.how-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem}.how-step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem 2.25rem;transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column}.how-step-card:hover{transform:translateY(-8px);border-color:var(--primary-border);background:var(--bg-card-hover);box-shadow:0 20px 45px #0006}.step-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.step-badge-number{width:48px;height:48px;background:var(--primary);color:#051408;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:800;font-size:1.35rem;flex-shrink:0;box-shadow:0 0 20px var(--primary-glow)}.step-header-line{flex-grow:1;height:2px;background:linear-gradient(90deg,var(--primary-border),transparent)}.step-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem}.step-description{color:var(--text-dim);font-size:.98rem;line-height:1.65;margin-bottom:1.75rem;flex-grow:1}.step-tip-box{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1.1rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.82rem;color:var(--primary)}.step-tip-box i{margin-top:2px;flex-shrink:0}.solutions-section{padding:8rem 0}.solutions-list{display:flex;flex-direction:column;gap:6rem}.solution-row{display:grid;grid-template-columns:1fr 1.15fr;gap:4.5rem;align-items:center}.solution-row:nth-child(2n){direction:rtl}.solution-row:nth-child(2n) .solution-content-side{direction:ltr}.solution-image-side{position:relative}.solution-img-frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 70px #00000080;transition:var(--transition-slow)}.solution-img-frame:hover{transform:scale(1.02);border-color:var(--primary-border)}.solution-img{width:100%;height:auto;display:block}.solution-overlay-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 40%,rgba(7,9,14,.5) 100%);pointer-events:none}.solution-category-tag{display:inline-block;font-size:.78rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.solution-heading{font-size:2.2rem;font-weight:800;margin-bottom:1.25rem}.solution-desc{font-size:1.05rem;color:var(--text-dim);line-height:1.7;margin-bottom:2rem}.solution-bullets{list-style:none;display:flex;flex-direction:column;gap:.9rem}.solution-bullets li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-white);font-weight:500}.bullet-icon{color:var(--primary);font-size:1.1rem}.pricing-section{padding:8rem 0;background:radial-gradient(ellipse at 50% 10%,rgba(50,215,75,.06) 0%,transparent 60%)}.pricing-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch;margin-bottom:6rem}.pricing-tier-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem 2.25rem;display:flex;flex-direction:column;transition:var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative}.pricing-tier-card:hover{transform:translateY(-8px);border-color:#ffffff4d}.pricing-tier-card.featured{background:#090e15;border:2px solid var(--primary);box-shadow:0 0 50px #32d74b2e,0 25px 60px #0009}.featured-ribbon{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--primary);color:#051408;padding:.4rem 1.4rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.tier-header{margin-bottom:2rem}.tier-name{font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.tier-desc{color:var(--text-dim);font-size:.92rem}.tier-price-box{margin-bottom:2.25rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.price-big{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;color:var(--text-white);display:block;line-height:1;margin-bottom:.4rem}.price-sub{color:var(--text-dim);font-size:.85rem}.tier-features-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;flex-grow:1}.tier-features-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.92rem;color:var(--text-main)}.tier-features-list li i{color:var(--primary);margin-top:3px;flex-shrink:0}.sku-specs-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:6rem}.sku-specs-header{text-align:center;margin-bottom:2.5rem}.sku-specs-header h3{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.sku-specs-header p{color:var(--text-dim)}.sku-table-wrapper{overflow-x:auto}.modern-sku-table{width:100%;border-collapse:collapse;text-align:left}.modern-sku-table th{padding:1.25rem 1.5rem;color:var(--text-dim);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)}.modern-sku-table td{padding:1.35rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.modern-sku-table tr:last-child td{border-bottom:none}.sku-cell-name{font-weight:700}.sku-pill-badge{display:inline-block;padding:.35rem .9rem;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-white);font-weight:700}.sku-cell-cpu,.sku-cell-conn{color:var(--text-main);font-weight:500}.sku-cell-usecase{color:var(--text-dim);font-size:.88rem;max-width:320px}.sku-cell-price{font-family:Outfit,sans-serif;font-weight:800;font-size:1.25rem;color:var(--primary)}.thb-sub{font-size:.85rem;color:var(--text-dim);font-weight:500}.sku-table-note{text-align:center;color:var(--text-muted);font-size:.82rem;margin-top:1.5rem}.calculator-wrapper{max-width:1100px;margin:0 auto}.calculator-container-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 30px 80px #00000080}.calculator-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.calc-title-group h3{font-size:2rem;font-weight:800;margin-bottom:.4rem}.calc-title-group p{color:var(--text-dim);font-size:.95rem}.currency-selector-pills{display:flex;align-items:center;gap:.8rem}.currency-label{font-size:.85rem;color:var(--text-dim)}.pills-group{display:inline-flex;background:#0006;border:1px solid var(--border);border-radius:var(--radius-full);padding:3px;gap:3px}.currency-pill{background:transparent;border:none;color:var(--text-dim);padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;cursor:pointer;transition:var(--transition)}.currency-pill.active{background:var(--primary);color:#000;box-shadow:0 2px 8px var(--primary-glow)}.calculator-main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3.5rem;align-items:stretch}.calc-controls-pane{display:flex;flex-direction:column;justify-content:space-between}.calc-control-block{margin-bottom:1.85rem}.control-header-label{display:block;font-size:.9rem;font-weight:700;color:var(--text-white);margin-bottom:.85rem}.sku-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.sku-card-btn{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;text-align:left;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:.35rem}.sku-card-btn:hover{background:#ffffff12;border-color:#ffffff40}.sku-card-btn.active{background:var(--primary-subtle);border-color:var(--primary);box-shadow:0 0 15px #32d74b26}.sku-card-btn .sku-top{display:flex;align-items:baseline;justify-content:space-between}.sku-card-btn .sku-title{font-weight:700;font-size:.95rem;color:var(--text-white)}.sku-card-btn .sku-price-tag{font-family:Outfit,sans-serif;font-weight:800;font-size:.9rem;color:var(--primary)}.sku-card-btn .sku-price-tag small{font-size:.65rem;color:var(--text-dim)}.sku-card-btn .sku-spec{font-size:.72rem;color:var(--text-dim)}.sku-card-btn .sku-desc{font-size:.7rem;color:var(--text-muted);line-height:1.35}.slider-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:38px;margin-bottom:.85rem}.label-name{font-size:.88rem;font-weight:600;color:var(--text-white);display:flex;align-items:center;gap:.45rem;white-space:nowrap;flex-shrink:0}.label-name i{color:var(--primary)}.input-number-badge{display:inline-flex;align-items:center;gap:.35rem;background:#0006;border:1px solid var(--border);padding:.28rem .7rem;border-radius:var(--radius-full);font-size:.8rem;color:var(--text-dim);flex-shrink:0;white-space:nowrap}.inline-num-input{width:48px;background:transparent;border:none;color:var(--primary);font-family:Outfit,sans-serif;font-weight:700;font-size:.95rem;text-align:right;outline:none}.inline-num-small{width:32px}.inline-num-input::-webkit-inner-spin-button,.inline-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-slider-modern{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-full);outline:none}.range-slider-modern::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 15px var(--primary-glow);transition:var(--transition)}.range-slider-modern::-webkit-slider-thumb:hover{transform:scale(1.25)}.calc-two-col-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.calc-two-col-row .calc-control-block{margin-bottom:0}.calc-result-pane{background:#090d14;border:1px solid var(--primary-border);border-radius:var(--radius-xl);padding:2.75rem 2.25rem;box-shadow:0 20px 50px #0009,0 0 30px #32d74b14;display:flex;flex-direction:column;justify-content:center}.result-card-inner{display:flex;flex-direction:column;text-align:center}.savings-badge-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;background:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);font-size:.8rem;font-weight:700;margin-bottom:1.25rem}.result-caption{font-size:.78rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.result-big-price{font-family:Outfit,sans-serif;font-weight:800;display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:2rem}.currency-unit{font-size:1.8rem;color:var(--primary)}.price-number{font-size:3.4rem;line-height:1;color:var(--text-white)}.price-period{font-size:1rem;color:var(--text-dim)}.cost-breakdown-box{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;text-align:left}.breakdown-item{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.breakdown-name{display:flex;align-items:center;gap:.5rem;color:var(--text-dim)}.breakdown-val{font-family:Outfit,sans-serif;font-weight:700;color:var(--text-white)}.calc-why-payg{background:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:var(--radius-md);padding:1rem;margin-bottom:2rem;text-align:left}.why-payg-header{font-size:.85rem;font-weight:700;color:var(--primary);margin-bottom:.35rem}.why-payg-body{font-size:.78rem;color:var(--text-main);line-height:1.5}.faq-section{padding:8rem 0}.faq-accordion-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-accordion-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.faq-accordion-item:hover{border-color:#fff3}.faq-accordion-item.open{border-color:var(--primary-border);background:var(--bg-card-hover);box-shadow:0 10px 30px #0000004d}.faq-question-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;background:transparent;border:none;color:var(--text-white);font-size:1.1rem;font-weight:700;text-align:left;cursor:pointer;gap:1rem}.faq-toggle-icon{width:32px;height:32px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-dim);flex-shrink:0;transition:var(--transition)}.faq-accordion-item.open .faq-toggle-icon{background:var(--primary);color:#000;transform:rotate(180deg)}.faq-answer-container{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}.faq-accordion-item.open .faq-answer-container{max-height:500px}.faq-answer-content{padding:0 2rem 1.6rem;color:var(--text-dim);font-size:.98rem;line-height:1.7}.cta-section{padding:6rem 0 8rem}.cta-card-box{background:linear-gradient(135deg,#101726,#07090e);border:1px solid var(--border);border-radius:var(--radius-xl);padding:5.5rem 3.5rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.cta-glow-effect{position:absolute;top:-50%;left:25%;width:50%;height:200%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);opacity:.15;pointer-events:none}.cta-content-inner{position:relative;z-index:2;max-width:780px;margin:0 auto}.cta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.1rem;background:var(--primary-subtle);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);font-size:.82rem;font-weight:700;margin-bottom:1.5rem}.cta-heading{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;margin-bottom:1.25rem}.cta-description{font-size:1.12rem;color:var(--text-dim);margin-bottom:2.75rem;line-height:1.7}.cta-actions-group{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap}.main-footer{background:#040608;border-top:1px solid var(--border);padding:6rem 0 3rem}.footer-top-grid{display:grid;grid-template-columns:2fr 1.1fr 1.3fr 1.1fr;gap:4rem;margin-bottom:4.5rem}.footer-tagline{color:var(--text-dim);font-size:.95rem;line-height:1.65;margin:1.25rem 0 1.5rem;max-width:340px}.footer-tech-badges{display:flex;gap:.5rem;flex-wrap:wrap}.tech-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:var(--text-dim);background:#ffffff0a;border:1px solid var(--border);padding:.25rem .65rem;border-radius:var(--radius-full)}.footer-links-col h4{font-size:1.05rem;font-weight:700;color:var(--text-white);margin-bottom:1.5rem}.footer-links-col ul{list-style:none;display:flex;flex-direction:column;gap:.85rem}.footer-links-col ul a{text-decoration:none;color:var(--text-dim);font-size:.92rem;transition:var(--transition);display:inline-flex;align-items:center;gap:.45rem}.footer-links-col ul a:hover{color:var(--primary);transform:translate(3px)}.footer-bottom-bar{padding-top:2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.85rem}.version-tag{font-family:monospace;color:var(--primary)}.footer-social-links{display:flex;gap:.75rem}.social-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim);text-decoration:none;transition:var(--transition)}.social-btn:hover{color:var(--primary);border-color:var(--primary-border);background:var(--primary-subtle);transform:translateY(-2px)}.downloads-hero{padding:10rem 0 5rem;text-align:center}.downloads-hero-title{font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:800;margin-bottom:1.25rem}.downloads-hero-subtitle{font-size:1.15rem;color:var(--text-dim);max-width:680px;margin:0 auto}.desktop-downloads-section{padding:4rem 0 6rem}.os-downloads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.os-download-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem 2.25rem;display:flex;flex-direction:column;transition:var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative}.os-download-card:hover{transform:translateY(-8px);border-color:#ffffff4d}.os-download-card.featured-os{border-color:var(--primary);box-shadow:0 0 40px #32d74b1f}.featured-os-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:#051408;padding:.3rem 1.1rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:800;text-transform:uppercase}.os-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.os-icon-box{width:54px;height:54px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem}.win-icon{background:#00a4ef1f;color:#00a4ef}.mac-icon{background:#ffffff1a;color:#fff}.linux-icon{background:#feca571f;color:#feca57}.os-version-tag{font-size:.75rem;font-weight:600;color:var(--text-dim)}.os-name{font-size:1.6rem;font-weight:800;margin-bottom:.75rem}.os-desc{color:var(--text-dim);font-size:.95rem;line-height:1.6;margin-bottom:1.75rem;flex-grow:1}.os-specs-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.spec-pill{font-size:.8rem;color:var(--text-main);display:flex;align-items:center;gap:.45rem}.spec-pill i{color:var(--primary)}.cli-downloads-section,.gateway-downloads-section{padding:6rem 0}.binary-table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;overflow-x:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.binary-table{width:100%;border-collapse:collapse;text-align:left}.binary-table th{padding:1.25rem 1.5rem;color:var(--text-dim);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)}.binary-table td{padding:1.35rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.binary-table tr:last-child td{border-bottom:none}.table-os-cell{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--text-white)}.format-tag{font-size:.8rem;color:var(--text-dim);background:#ffffff0a;padding:.2rem .6rem;border-radius:4px}.table-download-btn{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary);font-weight:700;text-decoration:none;font-size:.9rem;transition:var(--transition)}.table-download-btn:hover{color:var(--primary-hover);transform:translate(3px)}.install-guide-section{padding:6rem 0 8rem}.guide-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}.guide-step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem 1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column}.guide-step-num{width:38px;height:38px;background:var(--primary-subtle);border:1px solid var(--primary-border);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:800;font-size:1.1rem;margin-bottom:1.25rem}.guide-step-title{font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.guide-step-desc{color:var(--text-dim);font-size:.88rem;line-height:1.6;flex-grow:1}.code-snippet-box{margin-top:1rem;background:#090c10;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:monospace;font-size:.78rem;color:#a5d6ff}.copy-snippet-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem;transition:var(--transition)}.copy-snippet-btn:hover{color:var(--primary)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 1200px){.nav-links{gap:1rem}.nav-links a{font-size:.82rem}}@media (max-width: 1100px){.nav-actions-desktop{display:none}.mobile-toggle-btn{display:block}.nav-links-wrapper{position:fixed;top:0;right:-100%;width:85%;max-width:360px;height:100vh;background:#07090ef7;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-left:1px solid var(--border);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:5.5rem 2rem 2rem;transition:var(--transition);z-index:999;overflow-y:auto}.nav-links-wrapper.active{right:0}.nav-links{flex-direction:column;align-items:flex-start;gap:1.25rem}.nav-links a{font-size:1.05rem}.nav-actions-mobile{display:flex;flex-direction:column;gap:1rem;margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border)}.stats-grid,.features-grid-modern{grid-template-columns:repeat(2,1fr)}.personas-grid{grid-template-columns:1fr}.pricing-cards-grid{grid-template-columns:1fr;max-width:550px;margin-left:auto;margin-right:auto}.guide-steps-grid{grid-template-columns:repeat(2,1fr)}.footer-top-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (max-width: 900px){.product-showcase-card{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 2rem}.calculator-main-grid{grid-template-columns:1fr;gap:2.5rem}.sku-options-grid{grid-template-columns:1fr}.solution-row{grid-template-columns:1fr;gap:2.5rem}.solution-row:nth-child(2n){direction:ltr}.comparison-table-header,.comparison-row{grid-template-columns:1fr;gap:1rem}.comp-col-feature{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.how-steps-grid{grid-template-columns:1fr}.os-downloads-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.hero-section{padding:7.5rem 0 4rem}.hero-title{font-size:2.2rem}.hero-pills-row{gap:.4rem}.hero-pill-item{font-size:.75rem}.hero-actions-group{flex-direction:column;width:100%}.hero-actions-group .btn{width:100%}.dashboard-frame{transform:rotateX(0)}.floating-card{display:none}.stats-grid,.features-grid-modern{grid-template-columns:1fr}.calculator-container-card{padding:2rem 1.5rem}.calc-two-col-row{grid-template-columns:1fr;gap:1.5rem}.cta-card-box{padding:3.5rem 1.75rem}.footer-top-grid{grid-template-columns:1fr;gap:2.5rem}.footer-bottom-bar{flex-direction:column;gap:1rem;text-align:center}.guide-steps-grid{grid-template-columns:1fr}}.signin-success-body{--primary: #22c55e;--primary-glow: rgba(34, 197, 94, .15);--bg-page: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-dim: #64748b;--border: #e2e8f0;--grid-line: rgba(15, 23, 42, .03);--transition: all .4s cubic-bezier(.4, 0, .2, 1);font-family:Inter,sans-serif;background-color:var(--bg-page);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:80px 80px;color:var(--text-main);height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0}.signin-success-body .container{width:100%;max-width:480px;padding:24px;z-index:10}.signin-success-body .card{background:var(--bg-card);border:1px solid var(--border);border-radius:40px;padding:60px 40px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;animation:slideUp .8s cubic-bezier(.16,1,.3,1)}@media (max-width: 480px){.signin-success-body .card{padding:40px 24px;border-radius:32px}.signin-success-body .success-icon{width:64px;height:64px;font-size:24px}.signin-success-body h1{font-size:24px}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.signin-success-body .success-icon{width:80px;height:80px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;color:var(--primary);font-size:32px;animation:iconPop .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes iconPop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.signin-success-body h1{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;margin-bottom:12px;letter-spacing:-1px;color:var(--text-main)}.signin-success-body .subtitle{color:var(--text-dim);font-size:16px;margin-bottom:40px}.signin-success-body .user-info{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:24px;padding:24px;text-align:left;margin-bottom:32px}.signin-success-body .info-row{margin-bottom:16px}.signin-success-body .info-row:last-child{margin-bottom:0}.signin-success-body .label{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px}.signin-success-body .value{font-size:15px;font-weight:600;color:var(--text-main);word-break:break-all}.signin-success-body .status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:99px;color:#166534;font-size:12px;font-weight:700;margin-bottom:32px}.signin-success-body .status-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary-glow);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.6}}.signin-success-body .hint{font-size:14px;color:var(--text-dim)}.signin-success-body .bg-glow{position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:var(--primary-glow);filter:blur(80px);z-index:-1;opacity:.8}
