:root{--color-bg: #000000;--color-surface: #0a0a0a;--color-surface-hover: #141414;--color-border: #1f2937;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-primary: #2563EB;--color-accent: #2563EB;--color-accent-hover: #3B82F6;--color-secondary: #8b5cf6;--color-cta: #f97316;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--radius: 12px;--radius-sm: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font: "Roboto", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 15px rgba(37, 99, 235, .2);--shadow-glow-cta: 0 0 20px rgba(249, 115, 22, .25);--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-border)}.sidebar-brand-icon{width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-glow)}.sidebar-brand-text{font-weight:700;font-size:1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--color-text-muted);background:none;border:none;font-family:var(--font);font-size:.9rem;width:100%;text-align:left;margin-bottom:2px}.sidebar-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-nav-item.active{background:#2563eb26;color:var(--color-primary);font-weight:600;border-left:2px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-nav-item .icon{font-size:1.1rem;width:24px;text-align:center}.main-content{flex:1;margin-left:260px;padding:var(--spacing-xl);max-width:1200px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:var(--transition)}.card:hover{border-color:#6c5ce74d}.card-title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-card.accent{border-left:3px solid var(--color-accent)}.stat-card.success{border-left:3px solid var(--color-success)}.stat-card.warning{border-left:3px solid var(--color-warning)}.stat-card.error{border-left:3px solid var(--color-error)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#6c5ce71f}.stat-icon.accent{background:#2563eb1f;color:var(--color-primary)}.stat-icon.success{background:#00cec91f}.stat-icon.warning{background:#fdcb6e1f}.stat-icon.error{background:#ff6b6b1f}.stat-label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.6rem;font-weight:700;margin-top:2px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-title{font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,var(--color-text),var(--color-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-top:4px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-size:.75rem;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}td{padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:.9rem}tr:hover td{background:var(--color-surface-hover)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.badge.online{background:#00cec926;color:var(--color-success)}.badge.offline{background:#8b92a526;color:var(--color-text-muted)}.badge.warning{background:#fdcb6e26;color:var(--color-warning)}.badge.error{background:#ff6b6b26;color:var(--color-error)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid transparent}.btn-primary{background:var(--color-cta);color:#fff;border:none;text-shadow:0 0 10px rgba(255,255,255,.3)}.btn-primary:hover{opacity:1;background:#fb923c;transform:translateY(-2px);box-shadow:var(--shadow-glow-cta)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:none;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:10px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font);font-size:.9rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6c5ce726}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,rgba(37,99,235,.1),var(--color-bg) 60%)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-xl);width:100%;max-width:420px;box-shadow:var(--shadow)}.login-logo{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo .icon{width:64px;height:64px;margin:0 auto var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:var(--shadow-glow)}.login-logo h1{font-size:1.4rem;font-weight:700}.login-logo p{color:var(--color-text-muted);font-size:.9rem;margin-top:4px}.login-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:var(--color-error);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.85rem}.login-success{background:#00cec91a;border:1px solid rgba(0,206,201,.3);color:var(--color-success);padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.85rem}.login-links{text-align:center;margin-top:var(--spacing-md)}.login-links button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-family:var(--font);font-size:.85rem}.login-links button:hover{text-decoration:underline}.referral-code-box{background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);text-align:center;margin-bottom:var(--spacing-lg)}.referral-code{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--color-accent);letter-spacing:4px;margin:var(--spacing-md) 0}.changelog-item{border-left:3px solid var(--color-accent);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative}.changelog-item:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:var(--color-accent);border-radius:50%}.changelog-version{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-accent)}.changelog-date{font-size:.8rem;color:var(--color-text-muted);margin-left:var(--spacing-sm)}.changelog-title{font-weight:600;margin-top:var(--spacing-xs)}.changelog-content{color:var(--color-text-muted);font-size:.9rem;margin-top:var(--spacing-sm);white-space:pre-line}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:.95rem}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing{scroll-behavior:smooth}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f1117d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;height:64px}.landing-nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.1rem}.landing-nav-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--color-accent),#a29bfe);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.landing-nav-name{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.landing-nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:var(--transition)}.landing-nav-links a:hover{color:var(--color-text)}.landing-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px var(--spacing-xl) 60px;position:relative;overflow:hidden}.landing-hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;border-radius:50%;opacity:.15;background:radial-gradient(circle,var(--color-accent),transparent 70%);animation:glowPulse 6s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.1;transform:translate(-50%) scale(.9)}to{opacity:.2;transform:translate(-50%) scale(1.1)}}.landing-hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg);position:relative}.landing-hero-title span{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-cta));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-hero-subtitle{font-size:1.2rem;color:var(--color-text-muted);max-width:600px;margin-bottom:var(--spacing-xl);position:relative;line-height:1.8}.landing-hero-actions{display:flex;gap:var(--spacing-md);position:relative;margin-bottom:60px}.btn-lg{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:var(--radius)}.landing-hero-stats{display:flex;gap:60px;position:relative}.landing-hero-stat{text-align:center}.landing-hero-stat-value{display:block;font-size:2rem;font-weight:800;color:var(--color-accent)}.landing-hero-stat-label{font-size:.85rem;color:var(--color-text-muted)}.landing-section{max-width:1200px;margin:0 auto;padding:80px var(--spacing-xl)}.landing-section-alt{background:var(--color-surface);max-width:100%}.landing-section-alt>*{max-width:1200px;margin-left:auto;margin-right:auto}.landing-section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-sm)}.landing-section-subtitle{text-align:center;color:var(--color-text-muted);font-size:1rem;margin-bottom:48px}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.landing-feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-xl);text-align:center;transition:var(--transition)}.landing-feature-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 8px 32px #6c5ce726}.landing-feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.landing-feature-card h3{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.landing-feature-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.landing-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);padding:0 var(--spacing-xl)}.landing-pricing-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-xl);text-align:center;position:relative;transition:var(--transition)}.landing-pricing-card:hover{transform:translateY(-4px)}.landing-pricing-card.popular{border-color:var(--color-accent);box-shadow:0 0 40px #6c5ce733;transform:scale(1.05)}.landing-pricing-card.popular:hover{transform:scale(1.05) translateY(-4px)}.landing-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-accent),#a29bfe);color:#fff;padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:600}.landing-pricing-card h3{font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-md)}.landing-pricing-price{margin-bottom:var(--spacing-lg);display:flex;align-items:baseline;justify-content:center;gap:2px}.landing-pricing-currency{font-size:1rem;color:var(--color-text-muted)}.landing-pricing-amount{font-size:2.5rem;font-weight:800}.landing-pricing-period{font-size:.85rem;color:var(--color-text-muted)}.landing-pricing-features{list-style:none;text-align:left;margin-bottom:var(--spacing-lg)}.landing-pricing-features li{padding:6px 0;font-size:.9rem;color:var(--color-text-muted)}.landing-security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.landing-security-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-lg);display:flex;gap:var(--spacing-lg);align-items:flex-start;transition:var(--transition)}.landing-security-card:hover{border-color:#6c5ce766}.landing-security-icon{font-size:2rem;flex-shrink:0}.landing-security-card h4{font-weight:600;margin-bottom:4px}.landing-security-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.landing-faq-list{max-width:800px;margin:0 auto;padding:0 var(--spacing-xl)}.landing-faq-item{border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--spacing-md);cursor:pointer;transition:var(--transition);overflow:hidden;background:var(--color-bg)}.landing-faq-item:hover{border-color:#6c5ce74d}.landing-faq-item.open{border-color:var(--color-accent)}.landing-faq-question{padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:.95rem}.landing-faq-arrow{font-size:1.2rem;color:var(--color-accent);font-weight:700}.landing-faq-answer{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--color-text-muted);font-size:.9rem;line-height:1.7}.landing-cta{text-align:center;padding:80px var(--spacing-xl);background:linear-gradient(135deg,#6c5ce71a,#a29bfe0d)}.landing-cta h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.landing-cta p{color:var(--color-text-muted);margin-bottom:var(--spacing-xl);font-size:1.1rem}.landing-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:40px var(--spacing-xl)}.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.landing-footer-brand{font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.landing-footer-links{display:flex;gap:var(--spacing-lg)}.landing-footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem}.landing-footer-links a:hover{color:var(--color-text)}.landing-footer-copy{color:var(--color-text-muted);font-size:.8rem}@media(max-width:900px){.landing-features-grid,.landing-pricing-grid{grid-template-columns:repeat(2,1fr)}.landing-hero-title{font-size:2.5rem}}@media(max-width:600px){.landing-features-grid,.landing-pricing-grid,.landing-security-grid{grid-template-columns:1fr}.landing-hero-title{font-size:2rem}.landing-hero-stats{flex-direction:column;gap:var(--spacing-lg)}.landing-nav-links a{display:none}}.landing-oled{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font);overflow-x:hidden}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-pro{position:fixed;top:0;width:100%;z-index:1000;padding:20px 0;transition:var(--transition);background:transparent}.landing-nav-pro.scrolled{padding:12px 0;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.nav-container .brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-logo{color:var(--color-primary);display:flex}.brand-text{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;letter-spacing:1px}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--color-text);text-shadow:var(--shadow-glow)}.nav-actions{display:flex;align-items:center;gap:16px}.btn-text{background:none;border:none;color:var(--color-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-text:hover{color:var(--color-text)}.btn-cta{background:var(--color-primary);color:#fff;border:none;padding:8px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);text-shadow:0 0 10px rgba(255,255,255,.3)}.btn-cta:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.hero-oled{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--spacing-xl) 60px}.hero-bg-glow{position:absolute;top:15%;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#2563eb26,#0000 70%);z-index:0;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px;display:flex;flex-direction:column;align-items:center}.badge-glow{background:#2563eb1a;border:1px solid rgba(37,99,235,.3);color:var(--color-primary);padding:6px 16px;border-radius:30px;font-family:var(--font-mono);font-size:.8rem;margin-bottom:32px;box-shadow:var(--shadow-glow)}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:48px;max-width:600px}.hero-cta-group{display:flex;gap:20px;margin-bottom:80px}.btn-cta-large{background:var(--color-cta);color:#fff;border:none;padding:16px 36px;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);text-shadow:0 0 10px rgba(255,255,255,.3)}.btn-cta-large:hover{background:#fb923c;box-shadow:var(--shadow-glow-cta);transform:translateY(-2px)}.btn-outline-large{background:transparent;color:var(--color-text);border:1px solid var(--color-border);padding:16px 36px;border-radius:var(--radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-outline-large:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.hero-metrics{display:flex;align-items:center;gap:48px;padding:32px 64px;background:#0a0a0a99;border:1px solid var(--color-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric{display:flex;flex-direction:column;text-align:center}.metric .count{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--color-text)}.metric .label{font-size:.85rem;color:var(--color-text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.metric-divider{width:1px;height:40px;background:var(--color-border)}.section-oled{padding:120px var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.bg-surface{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-header{text-align:center;margin-bottom:64px;max-width:600px}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:16px}.section-header p{color:var(--color-text-muted);font-size:1.1rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;width:100%}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px;transition:var(--transition)}.bento-card:hover{border-color:var(--color-primary);background:linear-gradient(to bottom right,var(--color-surface-hover),var(--color-surface));transform:translateY(-4px);box-shadow:var(--shadow-glow)}.icon-wrapper{font-size:2rem;margin-bottom:24px;background:#ffffff08;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.bento-card h3{font-size:1.25rem;margin-bottom:12px}.bento-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;width:100%}.security-card{display:flex;gap:24px;padding:32px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.sec-icon{font-size:2.5rem}.sec-content h4{font-size:1.1rem;margin-bottom:8px}.sec-content p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.pricing-container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;width:100%}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:40px 32px;position:relative;transition:var(--transition);display:flex;flex-direction:column}.pricing-card.highlight{background:linear-gradient(180deg,var(--color-surface-hover) 0%,var(--color-surface) 100%);border-color:var(--color-primary);transform:translateY(-8px);box-shadow:var(--shadow-glow)}.popular-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--color-primary);color:#fff;padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px}.plan-name{font-size:1.2rem;font-weight:600;color:var(--color-text-muted);margin-bottom:16px}.plan-price{font-family:var(--font-mono);font-size:3rem;font-weight:700;margin-bottom:32px;display:flex;align-items:baseline}.plan-price span{font-size:1.25rem;color:var(--color-text-muted);margin-right:4px}.plan-price .period{font-size:1rem;margin-left:8px;font-weight:400}.plan-features{list-style:none;margin-bottom:40px;flex:1}.plan-features li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.95rem;color:var(--color-text)}.plan-features svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.pricing-card .highlight svg{color:var(--color-cta)}.btn-plan{width:100%;padding:14px;border-radius:var(--radius-sm);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition)}.btn-plan.primary{background:var(--color-primary);color:#fff;border:none}.btn-plan.primary:hover{background:var(--color-accent-hover)}.btn-plan.outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-plan.outline:hover{border-color:var(--color-text-muted);background:#ffffff0d}.faq-accordion{max-width:800px;width:100%}.faq-row{border:1px solid var(--color-border);background:var(--color-bg);margin-bottom:16px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);overflow:hidden}.faq-row:hover{border-color:var(--color-text-muted)}.faq-row.active{border-color:var(--color-primary)}.faq-q{padding:24px;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:1.05rem}.icon-toggle{color:var(--color-primary);font-family:var(--font-mono);font-weight:700;font-size:1.25rem}.faq-a{padding:0 24px 24px;display:none}.faq-row.active .faq-a{display:block}.faq-a p{color:var(--color-text-muted);line-height:1.7}.section-cta{padding:0}.cta-container{max-width:1000px;width:100%;margin:100px auto;text-align:center;padding:80px 40px;background:linear-gradient(to top,rgba(37,99,235,.1),transparent);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.cta-title{font-size:2.5rem;margin-bottom:16px}.cta-desc{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:40px}.footer-oled{border-top:1px solid var(--color-border);padding:48px var(--spacing-xl);background:var(--color-surface)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:32px}.footer-brand{display:flex;align-items:center;gap:12px;color:var(--color-text-muted);font-family:var(--font-mono);font-weight:700}.footer-links{display:flex;gap:32px}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--color-text)}.footer-copyright{text-align:right;color:var(--color-text-muted);font-size:.85rem}@media(max-width:1024px){.hero-title{font-size:3rem}.pricing-container,.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-links,.nav-actions .btn-text{display:none}.hero-metrics{flex-direction:column;gap:24px;padding:24px;width:100%}.metric-divider{width:100%;height:1px}.hero-title{font-size:2.5rem}.security-grid,.bento-grid,.pricing-container{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-copyright{text-align:center}}