:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#ec4899;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-dark:linear-gradient(180deg, #0f0f1a 0%, #1a1a2e 100%);--gradient-card:linear-gradient(145deg, #1a1a2e 0%, #141420 100%);--gradient-glow:radial-gradient(circle at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code',Consolas,monospace;--container-max:1280px;--section-padding:120px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);--shadow-glow:0 0 60px rgba(99, 102, 241, 0.3);--shadow-glow-lg:0 0 100px rgba(99, 102, 241, 0.4);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--transition-bounce:500ms cubic-bezier(0.68, -0.55, 0.265, 1.55)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--gray-100);background:var(--gray-950);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:0 0}ol,ul{list-style:none}.bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-dark);z-index:-3}.bg-grid{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px;z-index:-2}.bg-glow{position:fixed;width:800px;height:800px;border-radius:50%;filter:blur(120px);opacity:.4;z-index:-1;animation:glowFloat 20s ease-in-out infinite}.bg-glow-1{top:-200px;left:-200px;background:radial-gradient(circle,rgba(99,102,241,.4) 0,transparent 70%);animation-delay:0s}.bg-glow-2{top:50%;right:-300px;background:radial-gradient(circle,rgba(139,92,246,.3) 0,transparent 70%);animation-delay:-7s}.bg-glow-3{bottom:-200px;left:30%;background:radial-gradient(circle,rgba(236,72,153,.25) 0,transparent 70%);animation-delay:-14s}@keyframes glowFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all var(--transition-base)}.navbar.scrolled{background:rgba(3,7,18,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800}.logo-icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.logo-text{color:#fff}.logo-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:14px;font-weight:500;color:var(--gray-400);transition:color var(--transition-fast);position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-links a:hover{color:#fff}.nav-links a:hover::after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.nav-user-menu{position:relative}.nav-user-btn{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.nav-user-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.nav-user-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;font-size:12px;font-weight:600}.nav-user-name{font-size:14px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:linear-gradient(145deg,#1a1a2e 0,#141420 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:1000}.nav-user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-user-dropdown a{display:block;padding:10px 16px;font-size:14px;color:var(--gray-300);transition:all var(--transition-fast)}.nav-user-dropdown a:hover{background:rgba(255,255,255,.05);color:#fff}.nav-dropdown-divider{height:1px;background:rgba(255,255,255,.1);margin:4px 0}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-btn span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all var(--transition-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.4)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.5)}.btn-primary:hover::before{left:100%}.btn-outline{background:0 0;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-outline:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3)}.btn-ghost{background:0 0;color:var(--gray-400)}.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.05)}.btn-white{background:#fff;color:var(--gray-900)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,.2)}.btn-ghost-white{background:0 0;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-ghost-white:hover{background:rgba(255,255,255,.1)}.btn-lg{padding:16px 32px;font-size:16px}.btn-block{width:100%}.btn svg{width:18px;height:18px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .6s ease forwards;opacity:0}.animate-fade-in-up{animation:fadeInUp .6s ease forwards;opacity:0}.animate-fade-in-down{animation:fadeInDown .6s ease forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}[data-aos]{opacity:0;transition:all .6s ease}[data-aos=fade-up]{transform:translateY(40px)}[data-aos=fade-down]{transform:translateY(-40px)}[data-aos=fade-left]{transform:translateX(40px)}[data-aos=fade-right]{transform:translateX(-40px)}[data-aos].aos-animate{opacity:1;transform:translate(0,0)}.hero{padding:180px 0 80px;text-align:center;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--primary-light);margin-bottom:24px}.badge-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(40px, 6vw, 72px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--gray-400);max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-quick-try{max-width:600px;margin:0 auto 40px}.quick-try-input{display:flex;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:8px 8px 8px 20px;gap:12px;transition:all var(--transition-normal)}.quick-try-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.quick-try-input svg{width:20px;height:20px;color:var(--gray-500);flex-shrink:0}.quick-try-input input{flex:1;background:0 0;border:none;color:#fff;font-size:15px;padding:8px 0;outline:0;min-width:0}.quick-try-input input::placeholder{color:var(--gray-500)}.quick-try-input .btn{padding:12px 24px;white-space:nowrap;flex-shrink:0}.quick-try-input .btn svg{width:18px;height:18px;color:#fff}.quick-try-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:13px;color:var(--gray-500)}.hint-badge{background:linear-gradient(135deg,var(--success),#059669);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}@media (max-width:600px){.quick-try-input{flex-direction:column;padding:16px}.quick-try-input svg:first-child{display:none}.quick-try-input input{width:100%;text-align:center}.quick-try-input .btn{width:100%;justify-content:center}}.hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:48px;padding-top:32px}.stat{text-align:center}.stat-value{font-size:36px;font-weight:800;color:#fff}.stat-suffix{font-size:24px;font-weight:600;color:var(--primary-light)}.stat-label{display:block;font-size:13px;color:var(--gray-500);margin-top:4px}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,var(--gray-700),transparent)}.hero-visual{display:flex;align-items:flex-start;justify-content:center;gap:24px;margin-top:60px;padding:0 20px;perspective:1000px}.code-window{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),var(--shadow-glow);transform:rotateY(-5deg) rotateX(2deg);transition:transform var(--transition-slow);max-width:600px;flex:1}.code-window:hover{transform:rotateY(0) rotateX(0)}.code-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.05)}.code-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-title{font-size:13px;color:var(--gray-500);font-family:var(--font-mono)}.code-body{padding:24px;overflow-x:auto}.code-body pre{margin:0}.code-body code{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--gray-300)}.code-prompt{color:var(--success)}.code-cmd{color:var(--primary-light)}.code-flag{color:var(--accent)}.code-string{color:var(--warning)}.code-success{color:var(--success);font-weight:500}.screenshot-preview{position:relative;transform:rotateY(5deg) rotateX(2deg);transition:transform var(--transition-slow);width:280px;flex:0 0 280px}.screenshot-preview:hover{transform:rotateY(0) rotateX(0)}@media (max-width:1400px){.screenshot-preview{width:260px;flex:0 0 260px}}@media (max-width:1200px){.screenshot-preview{width:240px;flex:0 0 240px}}.preview-browser{background:var(--gray-900);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),var(--shadow-glow)}.browser-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.05)}.browser-dots{display:flex;gap:6px}.browser-dots span{width:10px;height:10px;border-radius:50%;background:var(--gray-700)}.browser-url{flex:1;padding:6px 12px;background:rgba(0,0,0,.3);border-radius:var(--radius-md);font-size:12px;color:var(--gray-500);font-family:var(--font-mono)}.browser-content{aspect-ratio:4/3;background:var(--gray-800);display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;max-height:200px}.preview-placeholder{padding:32px;width:100%;display:flex;flex-direction:column;justify-content:center}.preview-skeleton{height:12px;background:linear-gradient(90deg,var(--gray-700) 25%,var(--gray-600) 50%,var(--gray-700) 75%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:12px;animation:shimmer 1.5s infinite}.preview-skeleton.short{width:60%}.preview-skeleton.medium{width:80%}.hero-preview-result{width:100%;height:100%;background:linear-gradient(180deg,#0d1117 0,#161b22 100%);padding:0;display:flex;flex-direction:column}.preview-header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}.preview-header-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:8px}.preview-header-nav{display:flex;gap:24px}.preview-header-nav span{width:48px;height:8px;background:rgba(255,255,255,.15);border-radius:4px}.preview-header-btn{width:72px;height:28px;background:var(--primary);border-radius:6px}.preview-hero-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:12px}.preview-hero-text{width:200px;height:24px;background:linear-gradient(90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 100%);border-radius:6px}.preview-hero-subtext{width:160px;height:10px;background:rgba(255,255,255,.08);border-radius:4px}.preview-hero-buttons{display:flex;gap:12px;margin-top:8px}.preview-hero-buttons span:first-child{width:80px;height:28px;background:var(--gradient-primary);border-radius:6px}.preview-hero-buttons span:last-child{width:80px;height:28px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px}.preview-cards{display:flex;gap:12px;padding:16px;background:rgba(0,0,0,.2)}.preview-card{flex:1;height:60px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px}.preview-badge{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--success);white-space:nowrap;backdrop-filter:blur(10px)}.preview-badge svg{width:16px;height:16px}.trusted{padding:80px 0;text-align:center}.trusted-label{font-size:13px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px}.trusted-logos{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;opacity:.4}.logo-item{width:32px;height:32px;color:var(--gray-400);transition:all var(--transition-base)}.logo-item:hover{color:#fff;transform:scale(1.1)}.logo-item svg{width:100%;height:100%}section{position:relative}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:6px 16px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--primary-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.section-title{font-size:clamp(32px, 4vw, 48px);font-weight:800;line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:18px;color:var(--gray-400);max-width:600px;margin:0 auto}.features{padding:var(--section-padding) 0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{padding:32px;background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3);box-shadow:var(--shadow-glow)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:20px}.feature-icon svg{width:28px;height:28px;stroke:white}.gradient-1{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.gradient-2{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.gradient-3{background:linear-gradient(135deg,#ec4899,#f59e0b)}.gradient-4{background:linear-gradient(135deg,#10b981,#6366f1)}.gradient-5{background:linear-gradient(135deg,#f59e0b,#ef4444)}.gradient-6{background:linear-gradient(135deg,#06b6d4,#10b981)}.gradient-7{background:linear-gradient(135deg,#8b5cf6,#06b6d4)}.gradient-8{background:linear-gradient(135deg,#ef4444,#f59e0b)}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--gray-400);line-height:1.6}.how-it-works{padding:var(--section-padding) 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.03),transparent)}.steps{max-width:800px;margin:0 auto}.step{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;padding:32px;background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);margin-bottom:24px}.step-number{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-lg);font-size:24px;font-weight:800;color:#fff}.step-content h3{font-size:20px;font-weight:700;margin-bottom:8px}.step-content p{font-size:15px;color:var(--gray-400)}.step-visual{min-width:200px}.api-key-demo{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px}.key-label{font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}.key-value{display:flex;align-items:center;gap:8px}.key-value code{font-family:var(--font-mono);font-size:13px;color:var(--warning)}.copy-btn{padding:6px;color:var(--gray-500);transition:color var(--transition-fast)}.copy-btn:hover{color:#fff}.copy-btn svg{width:16px;height:16px}.mini-code{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px 20px}.mini-code code{font-family:var(--font-mono);font-size:14px;color:var(--primary-light)}.result-preview{display:flex;align-items:center;gap:12px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:16px 20px}.result-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--success);border-radius:50%;color:#fff}.result-icon svg{width:18px;height:18px}.result-preview span{font-size:18px;font-weight:700;color:var(--success)}.step-connector{display:flex;justify-content:center;height:60px;margin:-12px 0}.step-connector svg{width:24px;height:60px}.demo{padding:var(--section-padding) 0}.demo-container{display:grid;grid-template-columns:360px 1fr;gap:24px;margin-bottom:32px}.demo-controls{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:20px}.demo-input-group{margin-bottom:16px}.demo-input-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-400);margin-bottom:8px}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gray-500)}.input-with-icon input{width:100%;padding:12px 14px 12px 44px;background:linear-gradient(145deg,#0d0d14 0,#0a0a0f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:14px;font-weight:500;color:#fff;transition:all var(--transition-fast)}.input-with-icon input:hover{border-color:rgba(99,102,241,.3)}.input-with-icon input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15);background:linear-gradient(145deg,#0f0f18 0,#0d0d14 100%)}.input-with-icon input::placeholder{color:var(--gray-500);font-weight:400}.demo-options{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.option-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-400);margin-bottom:8px}.option-buttons{display:flex;flex-wrap:wrap;gap:8px}.option-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;flex:1 1 auto;min-width:0;background:linear-gradient(145deg,rgba(20,20,35,.9) 0,rgba(15,15,25,.95) 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);font-size:13px;font-weight:500;color:var(--gray-400);transition:all var(--transition-fast);white-space:nowrap}.option-btn:hover{border-color:rgba(99,102,241,.3);background:linear-gradient(145deg,rgba(25,25,45,.95) 0,#141423 100%);color:#fff}.option-btn.active{background:linear-gradient(145deg,rgba(99,102,241,.2) 0,rgba(79,70,229,.15) 100%);border-color:var(--primary);color:#fff;box-shadow:0 0 20px rgba(99,102,241,.15)}.option-btn svg{width:18px;height:18px;opacity:.7}.option-btn.active svg,.option-btn:hover svg{opacity:1}.option-group select{width:100%;padding:10px 14px;background:linear-gradient(145deg,#0d0d14 0,#0a0a0f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:14px;font-weight:500;color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;transition:all var(--transition-fast)}.option-group select:hover{border-color:rgba(99,102,241,.3)}.option-group select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.option-group select option{background:#141420;color:#fff;padding:12px}.checkbox-group{display:flex;flex-wrap:wrap;gap:16px}.checkbox{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:var(--gray-300);cursor:pointer;white-space:nowrap;padding:10px 16px;border-radius:var(--radius-lg);transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);user-select:none}.checkbox:hover{background:rgba(255,255,255,.05);border-color:rgba(99,102,241,.3)}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{width:20px;height:20px;min-width:20px;background:rgba(15,15,25,.8);border:2px solid rgba(255,255,255,.15);border-radius:6px;position:relative;transition:all var(--transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkbox:hover .checkmark{border-color:var(--primary);background:rgba(99,102,241,.1)}.checkbox input:checked~.checkmark{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary);box-shadow:0 2px 8px rgba(99,102,241,.4)}.checkbox input:checked~.checkmark::after{content:'';position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:has(input:checked){background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.25);color:#fff}.demo-btn{width:100%;padding:16px 24px}.demo-result{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.result-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.result-title{font-size:14px;font-weight:600;color:var(--gray-400)}.result-meta{display:flex;gap:12px}.meta-item{font-size:12px;color:var(--gray-500);font-family:var(--font-mono)}.result-frame{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;position:relative;background:rgba(0,0,0,.2)}.result-placeholder{text-align:center;color:var(--gray-600)}.result-placeholder svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}.result-placeholder p{font-size:14px}.result-loading{position:absolute;display:none;flex-direction:column;align-items:center;gap:16px}.result-loading.active{display:flex}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.result-loading p{font-size:14px;color:var(--gray-400)}#resultImage{display:none;max-width:100%;max-height:400px;object-fit:contain;border-radius:var(--radius-md)}#resultImage.visible{display:block}.result-actions{display:none;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.result-actions.visible{display:flex}.demo-code{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);overflow:hidden}.code-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.2)}.code-tab{padding:8px 16px;font-size:13px;font-weight:500;color:var(--gray-500);border-radius:var(--radius-md);transition:all var(--transition-fast)}.code-tab:hover{color:#fff;background:rgba(255,255,255,.05)}.code-tab.active{color:#fff;background:rgba(99,102,241,.2)}.code-content{position:relative;padding:24px;overflow-x:auto}.code-content pre{margin:0}.code-content code{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--gray-300)}.copy-code-btn{position:absolute;top:16px;right:16px;padding:8px;color:var(--gray-500);background:rgba(0,0,0,.3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.copy-code-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.copy-code-btn svg{width:18px;height:18px}.pricing{padding:var(--section-padding) 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.03),transparent)}.pricing .section-header{text-align:center;width:100%}.pricing .section-subtitle{margin-left:auto;margin-right:auto;text-align:center}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:48px}.toggle-label{font-size:14px;color:var(--gray-400)}.save-badge{display:inline-block;padding:2px 8px;background:rgba(16,185,129,.2);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--success);margin-left:8px}.toggle{position:relative;width:56px;height:28px}.toggle input{display:none}.toggle-slider{position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.toggle-slider::after{content:'';position:absolute;top:4px;left:4px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition-base)}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider::after{transform:translateX(28px)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pricing-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:32px;position:relative;transition:all var(--transition-base);display:flex;flex-direction:column}.pricing-card>.btn,.pricing-card>a.btn{margin-top:auto}.pricing-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.1)}.pricing-card.popular{border-color:var(--primary);box-shadow:var(--shadow-glow)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 16px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.pricing-header{margin-bottom:24px}.plan-name{font-size:20px;font-weight:700;margin-bottom:8px}.plan-desc{font-size:14px;color:var(--gray-500)}.pricing-price{margin-bottom:24px}.price-amount{font-size:48px;font-weight:800}.price-period{font-size:16px;color:var(--gray-500)}.pricing-features{margin-bottom:32px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;color:var(--gray-300);border-bottom:1px solid rgba(255,255,255,.05)}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{width:20px;height:20px;flex-shrink:0}.pricing-features li:not(.disabled) svg{color:var(--success)}.pricing-features li.disabled{color:var(--gray-600)}.pricing-features li.disabled svg{color:var(--gray-600)}.pricing-features strong{color:#fff}.pricing-card.enterprise .pricing-price{display:flex;align-items:baseline}.docs{padding:var(--section-padding) 0}.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.docs-card{padding:32px;background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);transition:all var(--transition-base)}.docs-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.docs-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.1);border-radius:var(--radius-lg);margin-bottom:20px}.docs-icon svg{width:24px;height:24px;color:var(--primary-light)}.docs-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.docs-card p{font-size:14px;color:var(--gray-400);margin-bottom:16px}.docs-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--primary-light);transition:all var(--transition-fast)}.docs-link:hover{gap:12px;color:#fff}.docs-link svg{width:16px;height:16px}.sdks{padding:var(--section-padding) 0;background:linear-gradient(180deg,transparent 0,rgba(99,102,241,.03) 50%,transparent 100%)}.sdks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sdk-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition-base);display:flex;flex-direction:column;gap:20px}.sdk-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.sdk-header{display:flex;align-items:center;gap:16px}.sdk-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sdk-icon svg{width:28px;height:28px;fill:var(--gray-300)}.sdk-info h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.sdk-package{font-family:var(--font-mono);font-size:13px;color:var(--primary-light);background:rgba(99,102,241,.1);padding:2px 8px;border-radius:var(--radius-sm)}.sdk-install{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:12px 16px}.sdk-install code{font-family:var(--font-mono);font-size:13px;color:var(--gray-300);flex:1;user-select:all}.sdk-install .copy-btn{background:rgba(255,255,255,.05);border:none;border-radius:var(--radius-sm);padding:6px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.sdk-install .copy-btn:hover{background:rgba(255,255,255,.1)}.sdk-install .copy-btn svg{width:16px;height:16px;stroke:var(--gray-400)}.sdk-example{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:16px;overflow-x:auto;flex:1}.sdk-example code{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--gray-300);white-space:pre}.sdk-example .code-keyword{color:#c792ea}.sdk-example .code-string{color:#c3e88d}.sdk-example .code-variable{color:#82aaff}.sdk-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--primary-light);transition:all var(--transition-fast);margin-top:auto}.sdk-link:hover{color:#fff;gap:10px}.sdk-card.sdk-coming-soon{opacity:.5;cursor:default}.sdk-card.sdk-coming-soon:hover{transform:none;box-shadow:none;border-color:rgba(255,255,255,.08)}.sdk-card.sdk-coming-soon .sdk-install{color:var(--gray-500);font-style:italic}.cta{padding:var(--section-padding) 0;position:relative;overflow:hidden}.cta::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:.1}.cta .container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:60px}.cta-content{max-width:500px}.cta-content h2{font-size:40px;font-weight:800;margin-bottom:16px}.cta-content p{font-size:18px;color:var(--gray-400);margin-bottom:32px}.cta-buttons{display:flex;gap:16px}.cta-visual{position:relative;width:400px;height:300px}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);font-size:14px;font-weight:500;white-space:nowrap;animation:float 4s ease-in-out infinite}.card-icon{font-size:20px}.floating-card.card-1{top:20px;left:0;animation-delay:0s}.floating-card.card-2{top:100px;right:0;animation-delay:-1.3s}.floating-card.card-3{bottom:40px;left:40px;animation-delay:-2.6s}.footer{padding:80px 0 40px;border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:60px}.footer-brand p{font-size:14px;color:var(--gray-500);margin:16px 0 24px;max-width:280px}.social-links{display:flex;gap:12px}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:var(--radius-md);color:var(--gray-400);transition:all var(--transition-fast)}.social-links a:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-2px)}.social-links svg{width:18px;height:18px}.footer-links h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:20px}.footer-links ul li{margin-bottom:12px}.footer-links a{font-size:14px;color:var(--gray-500);transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{font-size:14px;color:var(--gray-600)}.footer-status{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--gray-800);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);opacity:0;transition:all var(--transition-base);z-index:9999}.toast.visible{transform:translateX(-50%) translateY(0);opacity:1}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--success);border-radius:50%;color:#fff}.toast-icon svg{width:14px;height:14px}.toast-message{font-size:14px;font-weight:500}@media (max-width:1200px){.docs-grid,.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{flex-direction:column;align-items:center}.code-window{transform:none;max-width:100%}.screenshot-preview{transform:none;width:100%;max-width:320px;flex:none}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3}}@media (max-width:992px){.demo-container{grid-template-columns:1fr}.step{grid-template-columns:auto 1fr}.step-visual{grid-column:span 2;margin-top:16px}.cta .container{flex-direction:column;text-align:center}.cta-buttons{justify-content:center}.cta-visual{display:none}}@media (max-width:768px){:root{--section-padding:80px}.nav-links{display:none}.nav-actions .btn-ghost{display:none}.mobile-menu-btn{display:flex}.hero{padding:140px 0 60px}.hero-stats{flex-direction:column;gap:24px}.stat-divider{display:none}.docs-grid,.features-grid,.pricing-grid,.sdks-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}@media (max-width:480px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.code-window{font-size:12px}.option-buttons{flex-direction:column}.option-btn{width:100%;justify-content:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(180deg,#0a0a0f 0,#0d0d14 50%,#0a0a0f 100%)}.auth-page .bg-grid{opacity:.3}.auth-page .bg-glow{opacity:.2}.auth-container{width:100%;max-width:440px}.auth-card{background:linear-gradient(145deg,#18182a 0,#12121c 100%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:40px;box-shadow:0 8px 40px rgba(0,0,0,.4)}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo{display:inline-flex;margin-bottom:24px}.auth-header h1{font-size:24px;font-weight:700;margin-bottom:8px}.auth-header p{font-size:14px;color:var(--gray-500)}.auth-form .form-group{margin-bottom:20px}.auth-form label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:var(--gray-400);margin-bottom:8px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{width:100%;padding:14px 16px;background:#0d0d14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:14px;color:#fff;transition:all var(--transition-fast)}.auth-form input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.auth-form input::placeholder{color:var(--gray-600)}.password-input{position:relative}.password-input input{padding-right:48px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:6px;color:var(--gray-500);transition:color var(--transition-fast)}.toggle-password:hover{color:#fff}.toggle-password svg{width:20px;height:20px}.password-strength{height:4px;background:rgba(255,255,255,.1);border-radius:2px;margin-top:8px;overflow:hidden}.strength-bar{height:100%;width:0;border-radius:2px;transition:all var(--transition-base)}.strength-bar.weak{background:var(--error)}.strength-bar.fair{background:var(--warning)}.strength-bar.good{background:#10b981}.strength-bar.strong{background:var(--success)}.password-hint{display:block;font-size:12px;color:var(--gray-600);margin-top:6px}.forgot-link{font-size:12px;color:var(--primary-light);transition:color var(--transition-fast)}.forgot-link:hover{color:#fff}.checkbox-group{display:flex;flex-wrap:wrap;gap:16px}.checkbox-group .checkbox{font-size:13px;color:var(--gray-400)}.checkbox-group .checkbox a{color:var(--primary-light)}.checkbox-group .checkbox a:hover{color:#fff}.auth-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin-top:16px;font-size:14px;color:var(--error)}.auth-error svg{width:18px;height:18px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider::after,.auth-divider::before{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}.auth-divider span{font-size:12px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.social-auth{display:flex;gap:12px}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--gray-300);transition:all var(--transition-fast)}.social-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.social-btn svg{width:20px;height:20px}.social-btn.github{color:#fff}.social-btn.github:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--gray-500)}.auth-footer a{color:var(--primary-light);font-weight:500}.auth-footer a:hover{color:#fff}.auth-features{margin-top:32px;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gray-400)}.feature-item svg{width:18px;height:18px;color:var(--success)}.page-hero{padding:160px 0 80px;text-align:center}.page-hero.compact{padding:140px 0 60px}.page-hero .hero-title{font-size:clamp(32px, 5vw, 56px)}.page-hero .hero-subtitle{margin-bottom:0}.legal-content{padding:0 0 80px}.legal-document{display:grid;grid-template-columns:240px 1fr;gap:60px;max-width:1100px;margin:0 auto}.legal-nav{position:sticky;top:100px;align-self:start}.legal-nav h4{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.legal-nav ul{display:flex;flex-direction:column;gap:8px}.legal-nav a{display:block;padding:8px 12px;font-size:14px;color:var(--gray-400);border-radius:var(--radius-md);transition:all var(--transition-fast)}.legal-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.legal-body{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:48px}.legal-body section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06)}.legal-body section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legal-body h2{font-size:24px;font-weight:700;margin-bottom:20px;color:#fff}.legal-body h3{font-size:18px;font-weight:600;margin:24px 0 12px;color:var(--gray-200)}.legal-body p{font-size:15px;line-height:1.8;color:var(--gray-400);margin-bottom:16px}.legal-body ol,.legal-body ul{margin:16px 0;padding-left:24px}.legal-body ul{list-style:disc}.legal-body ol{list-style:decimal}.legal-body li{font-size:15px;line-height:1.8;color:var(--gray-400);margin-bottom:8px}.legal-body a{color:var(--primary-light)}.legal-body a:hover{color:#fff}.legal-body strong{color:var(--gray-200);font-weight:600}.cookie-table,.gdpr-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.cookie-table td,.cookie-table th,.gdpr-table td,.gdpr-table th{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.cookie-table th,.gdpr-table th{background:rgba(99,102,241,.1);color:var(--gray-200);font-weight:600}.cookie-table td,.gdpr-table td{color:var(--gray-400)}.cookie-table code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:12px;color:var(--warning)}.rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.right-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:20px}.right-card h3{font-size:16px;margin:0 0 8px 0;color:#fff}.right-card p{font-size:14px;margin:0}.about-content{padding:0 0 80px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:80px}.about-text h2{font-size:36px;font-weight:700;margin-bottom:20px}.about-text p{font-size:16px;line-height:1.8;color:var(--gray-400);margin-bottom:16px}.about-visual{display:flex;justify-content:center}.stats-section,.team-section,.values-section{margin-bottom:80px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:32px;text-align:center;transition:all var(--transition-base)}.value-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.value-icon{font-size:48px;margin-bottom:20px}.value-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.value-card p{font-size:14px;color:var(--gray-400);line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:32px;text-align:center}.stat-card .stat-value{font-size:48px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card .stat-label{font-size:14px;color:var(--gray-500);margin-top:8px}.blog-content{padding:0 0 80px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}.blog-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.blog-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3);box-shadow:var(--shadow-glow)}.blog-image{aspect-ratio:16/9;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:48px}.blog-card-content{padding:24px}.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.blog-tag{padding:4px 12px;background:rgba(99,102,241,.1);border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--primary-light)}.blog-date{font-size:13px;color:var(--gray-500)}.blog-card h3{font-size:18px;font-weight:700;margin-bottom:12px;line-height:1.4}.blog-card h3 a{transition:color var(--transition-fast)}.blog-card h3 a:hover{color:var(--primary-light)}.blog-card p{font-size:14px;color:var(--gray-400);line-height:1.6;margin-bottom:16px}.blog-read-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--primary-light);transition:all var(--transition-fast)}.blog-read-more:hover{gap:10px;color:#fff}.blog-read-more svg{width:16px;height:16px}.newsletter-section{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:48px;text-align:center}.newsletter-section h3{font-size:24px;font-weight:700;margin-bottom:12px}.newsletter-section p{font-size:16px;color:var(--gray-400);margin-bottom:24px}.newsletter-form{display:flex;gap:12px;max-width:480px;margin:0 auto}.newsletter-form input{flex:1;padding:14px 20px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:14px;color:#fff}.newsletter-form input:focus{outline:0;border-color:var(--primary)}.contact-section{padding:80px 0}.contact-content{padding:0 0 80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-form-container h2{font-size:24px;font-weight:700;margin-bottom:24px}.contact-info{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-base)}.info-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-2px)}.info-card .info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:16px}.info-card .info-icon svg{width:24px;height:24px;color:#fff}.info-card .info-icon.gradient-1{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%)}.info-card .info-icon.gradient-2{background:linear-gradient(135deg,#ec4899 0,#f43f5e 100%)}.info-card .info-icon.gradient-3{background:linear-gradient(135deg,#3b82f6 0,#06b6d4 100%)}.info-card .info-icon.gradient-4{background:linear-gradient(135deg,#10b981 0,#34d399 100%)}.info-card h3{font-size:18px;font-weight:600;margin-bottom:4px}.info-card p{font-size:14px;color:var(--gray-400);margin-bottom:8px}.info-card a{color:var(--primary-light);font-weight:500;transition:color var(--transition-fast)}.info-card a:hover{color:#fff}.contact-info h2{font-size:28px;font-weight:700;margin-bottom:16px}.contact-info>p{font-size:16px;color:var(--gray-400);margin-bottom:32px}.contact-methods{display:flex;flex-direction:column;gap:24px}.contact-method{display:flex;align-items:flex-start;gap:16px}.contact-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.1);border-radius:var(--radius-lg);flex-shrink:0}.contact-method-icon svg{width:24px;height:24px;color:var(--primary-light)}.contact-method h4{font-size:16px;font-weight:600;margin-bottom:4px}.contact-method p{font-size:14px;color:var(--gray-400)}.contact-method a{color:var(--primary-light)}.contact-form-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:40px}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;font-size:13px;font-weight:500;color:var(--gray-400);margin-bottom:8px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px 16px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:14px;color:#fff;transition:all var(--transition-fast)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.faq-section{margin-top:80px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.faq-item{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:24px}.faq-item h4{font-size:16px;font-weight:600;margin-bottom:8px}.faq-item p{font-size:14px;color:var(--gray-400);line-height:1.6}.careers-content{padding:0 0 80px}.careers-intro{max-width:800px;margin:0 auto 60px;text-align:center}.careers-intro p{font-size:18px;color:var(--gray-400);line-height:1.8}.benefits-section{margin-bottom:80px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.benefit-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:32px;text-align:center;transition:all var(--transition-base)}.benefit-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.benefit-icon{font-size:40px;margin-bottom:16px}.benefit-card h4{font-size:16px;font-weight:600;margin-bottom:8px}.benefit-card p{font-size:14px;color:var(--gray-400)}.positions-section{margin-bottom:80px}.positions-list{display:flex;flex-direction:column;gap:16px;margin-top:40px}.position-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:24px 32px;transition:all var(--transition-base)}.position-card:hover{border-color:rgba(99,102,241,.3);transform:translateX(4px)}.position-info h4{font-size:18px;font-weight:600;margin-bottom:8px}.position-meta{display:flex;gap:16px}.position-meta span{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--gray-400)}.position-meta svg{width:16px;height:16px}.changelog-content{padding:0 0 80px}.changelog-list{max-width:800px;margin:0 auto}.changelog-item{display:grid;grid-template-columns:120px 1fr;gap:40px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.06)}.changelog-item:first-child{padding-top:0}.changelog-item:last-child{border-bottom:none}.changelog-date{position:sticky;top:100px}.version-tag{display:inline-block;padding:6px 12px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:14px;font-weight:600;margin-bottom:8px}.changelog-date span{display:block;font-size:14px;color:var(--gray-500)}.changelog-details h3{font-size:24px;font-weight:700;margin-bottom:16px}.changelog-details p{font-size:15px;color:var(--gray-400);margin-bottom:20px;line-height:1.7}.change-list{margin-top:20px}.change-list h4{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.change-list h4::before{content:'';width:8px;height:8px;border-radius:50%}.change-list.added h4::before{background:var(--success)}.change-list.improved h4::before{background:var(--primary)}.change-list.fixed h4::before{background:var(--warning)}.change-list ul{list-style:disc;padding-left:20px}.change-list li{font-size:14px;color:var(--gray-400);margin-bottom:8px}.status-content{padding:0 0 80px}.status-overview{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:32px;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between}.status-indicator{display:flex;align-items:center;gap:16px}.status-dot-large{width:16px;height:16px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}.status-dot-large.degraded{background:var(--warning)}.status-dot-large.down{background:var(--error)}.status-text h2{font-size:24px;font-weight:700;margin-bottom:4px}.status-text p{font-size:14px;color:var(--gray-500)}.status-uptime{text-align:right}.uptime-value{font-size:36px;font-weight:800;color:var(--success)}.uptime-label{font-size:14px;color:var(--gray-500)}.uptime-section{margin-bottom:60px}.uptime-chart{display:flex;gap:2px;height:40px;margin-top:24px}.uptime-bar{flex:1;background:var(--success);border-radius:2px;transition:all var(--transition-fast);cursor:pointer}.uptime-bar:hover{transform:scaleY(1.2)}.uptime-bar.degraded{background:var(--warning)}.uptime-bar.down{background:var(--error)}.uptime-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--gray-500)}.services-section{margin-bottom:60px}.services-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.service-item{display:flex;align-items:center;justify-content:space-between;background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:20px 24px}.service-info{display:flex;align-items:center;gap:12px}.service-status{width:10px;height:10px;border-radius:50%;background:var(--success)}.service-status.degraded{background:var(--warning)}.service-status.down{background:var(--error)}.service-name{font-size:16px;font-weight:500}.service-uptime{font-size:14px;color:var(--gray-500);font-family:var(--font-mono)}.incidents-section h3{font-size:20px;font-weight:700;margin-bottom:24px}.incidents-list{display:flex;flex-direction:column;gap:16px}.incident-item{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:24px}.incident-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.incident-title{font-size:16px;font-weight:600}.incident-status{padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.incident-status.resolved{background:rgba(16,185,129,.1);color:var(--success)}.incident-status.monitoring{background:rgba(245,158,11,.1);color:var(--warning)}.incident-date{font-size:13px;color:var(--gray-500);margin-bottom:12px}.incident-description{font-size:14px;color:var(--gray-400);line-height:1.6}.dashboard-page{min-height:100vh;display:flex;background:linear-gradient(180deg,#0a0a0f 0,#0d0d14 50%,#0a0a0f 100%);padding-top:0}.dashboard-page::before{display:none!important}.dashboard-page::after{display:none!important}.dashboard-page .sidebar{width:260px;min-width:260px;background:linear-gradient(180deg,#12121a 0,#0e0e16 100%);border-right:1px solid rgba(255,255,255,.08);position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-header .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.sidebar-header .logo-icon{font-size:22px}.sidebar-header .logo-highlight{color:var(--primary-light)}.dashboard-page .sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.dashboard-page .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--gray-400);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.dashboard-page .nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.dashboard-page .nav-item.active{color:#fff;background:rgba(99,102,241,.2)}.dashboard-page .nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.dashboard-main{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:rgba(10,10,15,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}.header-title h1{font-size:24px;font-weight:700;margin:0}.mobile-menu-toggle{display:none;padding:8px;color:var(--gray-400);background:0 0;border:none;cursor:pointer}.mobile-menu-toggle svg{width:24px;height:24px}.header-actions{display:flex;align-items:center;gap:16px}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-btn:hover{background:rgba(255,255,255,.1)}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.user-name{font-size:14px;font-weight:500;color:#fff}.user-btn svg{width:16px;height:16px;color:var(--gray-400)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:linear-gradient(145deg,#1a1a2e 0,#141420 100%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);z-index:100;box-shadow:0 10px 40px rgba(0,0,0,.4)}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a{display:block;padding:10px 14px;font-size:14px;color:var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-dropdown a:hover{background:rgba(255,255,255,.05);color:#fff}.dropdown-divider{height:1px;background:rgba(255,255,255,.06);margin:8px 0}.dashboard-section{display:none;padding:32px}.dashboard-section.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(145deg,#18182a 0,#13131f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.25)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-label{font-size:13px;color:var(--gray-300);font-weight:500}.stat-badge{font-size:11px;padding:4px 8px;background:rgba(99,102,241,.15);color:var(--primary-light);border-radius:var(--radius-full);font-weight:500}.stat-value{font-size:36px;font-weight:800;color:#fff;margin-bottom:8px}.stat-value.success{color:var(--success)}.stat-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{height:6px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-full);transition:width .5s ease}.progress-text{font-size:13px;color:var(--gray-400)}.stat-detail{font-size:13px;color:var(--gray-400)}.stat-detail a{color:var(--primary-light);font-weight:500}.stat-detail a:hover{text-decoration:underline}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.card{background:linear-gradient(145deg,#18182a 0,#13131f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.25)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.card-header h3{font-size:16px;font-weight:600;margin:0}.card-link{font-size:13px;color:var(--primary-light);font-weight:500}.card-link:hover{text-decoration:underline}.card-body{padding:24px}.quick-start-code{position:relative;background:#0d0d14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.quick-start-code pre{margin:0;overflow-x:auto}.quick-start-code code{font-family:var(--font-mono);font-size:13px;color:var(--gray-300);line-height:1.6}.quick-start-code .copy-btn{position:absolute;top:12px;right:12px;padding:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.quick-start-code .copy-btn:hover{background:rgba(255,255,255,.1);color:#fff}.quick-start-code .copy-btn svg{width:16px;height:16px}.quick-links{display:flex;gap:12px}.quick-link{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);font-size:13px;color:var(--gray-300);transition:all var(--transition-fast)}.quick-link:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.1)}.quick-link svg{width:16px;height:16px}.plan-info{display:flex;align-items:center;gap:16px}.plan-badge{padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff}.plan-details{flex:1}.plan-quota{font-size:15px;font-weight:500;color:#fff;margin-bottom:4px}.plan-reset{font-size:13px;color:var(--gray-400)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:700;margin:0 0 4px 0}.section-header p{font-size:14px;color:var(--gray-400);margin:0}.keys-list{display:flex;flex-direction:column;gap:12px}.key-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(145deg,#1a1a2e 0,#151523 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 2px 10px rgba(0,0,0,.2)}.key-info{flex:1}.key-name{font-size:15px;font-weight:600;color:#fff;margin-bottom:6px}.key-value code{font-family:var(--font-mono);font-size:13px;color:var(--gray-400);background:rgba(0,0,0,.3);padding:4px 10px;border-radius:var(--radius-sm)}.key-meta{font-size:12px;color:var(--gray-500);margin-top:8px}.key-actions{display:flex;gap:8px}.key-actions button{padding:8px;color:var(--gray-400);background:0 0;border:none;cursor:pointer;transition:color var(--transition-fast)}.key-actions button:hover{color:var(--error)}.key-actions svg{width:18px;height:18px}.empty-state{text-align:center;padding:60px 40px;background:linear-gradient(145deg,#18182a 0,#13131f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.25)}.empty-state svg{width:64px;height:64px;color:var(--gray-500);margin-bottom:20px}.empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{font-size:14px;color:var(--gray-400);margin-bottom:24px}.loading-placeholder{text-align:center;padding:40px;color:var(--gray-400)}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.current-plan{text-align:center}.current-plan .plan-name{font-size:24px;font-weight:700;margin-bottom:8px}.current-plan .plan-price{font-size:36px;font-weight:800;margin-bottom:20px}.current-plan .plan-price span{font-size:14px;font-weight:400;color:var(--gray-400)}.current-plan .plan-features{text-align:left}.current-plan .feature{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--gray-300)}.current-plan .feature svg{width:18px;height:18px;color:var(--success)}.plan-usage-summary{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.plan-usage-summary .usage-label{font-size:12px;color:var(--gray-400);margin-bottom:8px}.plan-usage-summary .usage-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.plan-usage-summary .usage-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .3s ease}.plan-usage-summary .usage-text{font-size:13px;color:var(--gray-300);margin-top:8px;text-align:center}.plans-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.plan-option{position:relative;padding:16px 20px;background:linear-gradient(145deg,#151523 0,#0f0f1a 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.plan-option:hover{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.05)}.plan-option.popular{border-color:var(--primary)}.plan-option.selected{border-color:var(--primary);background:rgba(99,102,241,.1);box-shadow:0 0 20px rgba(99,102,241,.2)}.plan-option.selected::after{content:'';position:absolute;top:12px;left:12px;width:18px;height:18px;background:var(--primary);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}.popular-tag{position:absolute;top:-10px;right:16px;padding:4px 10px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff}.plan-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.plan-option-name{font-size:15px;font-weight:600}.plan-option-price{font-size:15px;font-weight:600;color:var(--primary-light)}.plan-option-quota{font-size:13px;color:var(--gray-400)}.settings-grid{display:flex;flex-direction:column;gap:24px}.danger-zone .card-header h3{color:var(--error)}.danger-item{display:flex;align-items:center;justify-content:space-between;gap:20px}.danger-item h4{font-size:15px;font-weight:600;margin-bottom:4px}.danger-item p{font-size:13px;color:var(--gray-400);margin:0}.form-hint{font-size:12px;color:var(--gray-500);margin-top:6px;display:block}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.status-badge.success{background:rgba(16,185,129,.15);color:var(--success)}.status-badge.error{background:rgba(239,68,68,.15);color:var(--error)}.key-created-notice{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-lg);margin-bottom:20px}.key-created-notice svg{width:24px;height:24px;color:var(--warning);flex-shrink:0}.key-created-notice p{font-size:14px;color:var(--warning);margin:0}.new-key-display{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);margin-bottom:20px}.new-key-display code{flex:1;font-family:var(--font-mono);font-size:14px;color:var(--primary-light);word-break:break-all}.new-key-display .copy-btn{padding:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.new-key-display .copy-btn:hover{background:rgba(255,255,255,.1);color:#fff}.new-key-display .copy-btn svg{width:16px;height:16px}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--gray-800);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.4);transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:10000}.toast.active{transform:translateY(0);opacity:1}.toast.error{border-color:rgba(239,68,68,.3)}.toast.error .toast-icon{color:var(--error)}.toast-icon{color:var(--success)}.toast-icon svg{width:20px;height:20px}.toast-message{font-size:14px;color:#fff}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.billing-grid{grid-template-columns:1fr}}@media (max-width:992px){.dashboard-page .sidebar{transform:translateX(-100%);transition:transform .3s ease}.dashboard-page .sidebar.open{transform:translateX(0)}.dashboard-main{margin-left:0}.mobile-menu-toggle{display:block}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.dashboard-section{padding:20px}.dashboard-header{padding:16px 20px}.quick-links{flex-direction:column}.key-card{flex-direction:column;align-items:flex-start;gap:16px}.key-actions{width:100%;justify-content:flex-end}}.usage-table-container{overflow-x:auto;background:linear-gradient(145deg,#18182a 0,#13131f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.25)}.dashboard-section.active{display:block}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background:linear-gradient(145deg,#18182a 0,#13131f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.25)}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-card-label{font-size:13px;color:var(--gray-500)}.stat-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.1);border-radius:var(--radius-md)}.stat-card-icon svg{width:20px;height:20px;color:var(--primary-light)}.stat-card-value{font-size:32px;font-weight:800;margin-bottom:4px}.stat-card-change{font-size:13px;color:var(--success)}.stat-card-change.negative{color:var(--error)}.dashboard-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:24px;margin-bottom:24px}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dashboard-card-header h3{font-size:18px;font-weight:600}.api-keys-list{display:flex;flex-direction:column;gap:12px}.api-key-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg)}.api-key-info{display:flex;align-items:center;gap:16px}.api-key-name{font-size:15px;font-weight:500}.api-key-value{font-family:var(--font-mono);font-size:13px;color:var(--gray-500);background:rgba(0,0,0,.3);padding:4px 10px;border-radius:var(--radius-sm)}.api-key-actions{display:flex;gap:8px}.api-key-actions button{padding:8px;color:var(--gray-500);transition:color var(--transition-fast)}.api-key-actions button:hover{color:#fff}.api-key-actions svg{width:18px;height:18px}.usage-table{width:100%;border-collapse:collapse}.usage-table td,.usage-table th{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.usage-table th{font-size:13px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.usage-table td{font-size:14px;color:var(--gray-300)}.usage-table code{font-family:var(--font-mono);font-size:12px;color:var(--warning)}.settings-form{max-width:500px}.settings-form .form-group{margin-bottom:24px}.settings-form label{display:block;font-size:14px;font-weight:500;color:var(--gray-400);margin-bottom:8px}.settings-form input{width:100%;padding:12px 16px;background:#0d0d14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);font-size:14px;color:#fff}.settings-form input::placeholder{color:var(--gray-500)}.settings-form input:disabled{opacity:.6;cursor:not-allowed}.settings-form input:focus{outline:0;border-color:var(--primary)}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.plan-card{background:linear-gradient(145deg,#18182a 0,#13131f 100%);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.25);text-align:center;transition:all var(--transition-base)}.plan-card:hover{border-color:rgba(99,102,241,.3)}.plan-card.current{border-color:var(--primary);background:rgba(99,102,241,.1)}.plan-card h4{font-size:18px;font-weight:600;margin-bottom:8px}.plan-card .plan-price{font-size:32px;font-weight:800;margin-bottom:16px}.plan-card .plan-price span{font-size:14px;font-weight:400;color:var(--gray-500)}.plan-card ul{text-align:left;margin-bottom:20px}.plan-card li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-400);padding:6px 0}.plan-card li svg{width:16px;height:16px;color:var(--success)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal.active{display:flex}.modal-content{background:linear-gradient(145deg,#1a1a2e 0,#141420 100%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:700}.modal-close{padding:8px;color:var(--gray-500);transition:color var(--transition-fast)}.modal-close:hover{color:#fff}.modal-close svg{width:20px;height:20px}.modal-body{margin-bottom:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.modal-sm{max-width:420px}.modal-form .form-group{margin-bottom:24px}.modal-form .form-group label{display:block;font-size:14px;font-weight:600;color:var(--gray-200);margin-bottom:10px}.modal-form .form-group input{width:100%;padding:14px 16px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);font-size:15px;color:#fff;transition:all var(--transition-fast)}.modal-form .form-group input::placeholder{color:var(--gray-500)}.modal-form .form-group input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2);background:rgba(0,0,0,.5)}.modal-form .form-hint{font-size:12px;color:var(--gray-500);margin-top:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.key-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(145deg,#1e1e32 0,#171728 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.25);gap:16px;transition:all var(--transition-fast)}.key-card:hover{border-color:rgba(99,102,241,.2);box-shadow:0 6px 24px rgba(0,0,0,.3)}.key-info{flex:1;min-width:0}.key-name{font-weight:600;font-size:15px;color:var(--white);margin-bottom:8px}.key-value-row{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.3);border-radius:var(--radius-md);padding:4px;border:1px solid rgba(255,255,255,.06)}.key-full{font-family:var(--font-mono);font-size:12px;color:#a5b4fc;background:0 0;padding:8px 12px;border-radius:var(--radius-sm);word-break:break-all;flex:1;min-width:200px;letter-spacing:.3px;border:none}.copy-key-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.copy-key-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.copy-key-btn.copied{background:var(--success);color:#fff}.copy-key-btn svg{width:14px;height:14px}.key-meta{font-size:12px;color:var(--gray-500);margin-top:10px}.key-actions{display:flex;align-items:center;gap:8px}.btn-delete-key{padding:10px;background:0 0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.btn-delete-key:hover{background:rgba(239,68,68,.15);border-color:var(--error);color:var(--error)}.btn-delete-key svg{width:18px;height:18px}.upgrade-card{border:1px solid rgba(99,102,241,.3);background:linear-gradient(145deg,rgba(99,102,241,.05) 0,#141420 100%)}.upgrade-cta-badge{padding:4px 12px;background:var(--gradient-primary);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff}.plan-option-features{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.plan-option-features li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray-400);padding:4px 0}.plan-option-features li::before{content:'✓';color:var(--success);font-size:11px}.btn-upgrade-cta{margin-top:8px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 4px 15px rgba(99,102,241,.4)}50%{box-shadow:0 4px 25px rgba(99,102,241,.6)}}.view-pricing-link{display:block;text-align:center;margin-top:16px;font-size:13px;color:var(--gray-400);transition:color var(--transition-fast)}.view-pricing-link:hover{color:var(--primary-light)}@media (max-width:1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.legal-document{grid-template-columns:1fr}.legal-nav{position:static;margin-bottom:32px}.about-grid{grid-template-columns:1fr;gap:40px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-section{padding:60px 0}.contact-form-card{padding:24px}.info-card{padding:20px}.dashboard-sidebar{display:none}.dashboard-main{margin-left:0}.rights-grid{grid-template-columns:1fr}}@media (max-width:768px){.auth-card{padding:24px}.legal-body{padding:24px}.blog-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.changelog-item{grid-template-columns:1fr;gap:16px}.changelog-date{position:static}.status-overview{flex-direction:column;text-align:center;gap:24px}.status-indicator{flex-direction:column}.status-uptime{text-align:center}.stats-cards{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.position-card{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width:480px){.social-auth{flex-direction:column}.contact-form .form-row{grid-template-columns:1fr}}.admin-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;background:linear-gradient(135deg,var(--accent),var(--primary));border-radius:var(--radius-full);color:#fff;margin-left:12px}.admin-avatar{background:linear-gradient(135deg,#f59e0b,#ef4444)!important}.admin-stats{grid-template-columns:repeat(4,1fr)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.admin-card{background:linear-gradient(145deg,#1a1a2e 0,#141420 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:24px}.admin-card.full-width{grid-column:span 2}.admin-card h3{font-size:16px;font-weight:600;margin:0 0 16px 0;color:var(--gray-200)}.system-status{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-item:last-child{border-bottom:none}.status-label{color:var(--gray-400);font-size:14px}.status-value{font-weight:500;font-size:14px}.status-value.success{color:var(--success)}.status-value.error{color:var(--error)}.status-value.loading{color:var(--gray-400)}.section-header-row{display:flex;gap:16px;margin-bottom:24px}.search-box{display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);flex:1;max-width:400px}.search-box svg{width:18px;height:18px;color:var(--gray-400)}.search-box input{flex:1;background:0 0;border:none;color:#fff;font-size:14px;outline:0}.search-box input::placeholder{color:var(--gray-500)}.filter-select{padding:10px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:#fff;font-size:14px;cursor:pointer;outline:0}.filter-select option{background:#1a1a2e;color:#fff}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table td,.data-table th{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.data-table th{font-weight:600;color:var(--gray-400);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.data-table td{color:var(--gray-200)}.data-table tr:hover td{background:rgba(255,255,255,.02)}.data-table td.loading{text-align:center;color:var(--gray-400);padding:32px}.plan-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;text-transform:capitalize}.plan-badge.plan-free{background:rgba(107,114,128,.2);color:var(--gray-300)}.plan-badge.plan-starter{background:rgba(99,102,241,.2);color:var(--primary-light)}.plan-badge.plan-pro{background:rgba(236,72,153,.2);color:var(--accent)}.plan-badge.plan-business{background:rgba(245,158,11,.2);color:#f59e0b}.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500}.status-badge.active{background:rgba(16,185,129,.2);color:var(--success)}.status-badge.inactive{background:rgba(239,68,68,.2);color:var(--error)}.btn-sm{padding:6px 12px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}#pageInfo{color:var(--gray-400);font-size:14px}.positive{color:var(--success)}.negative{color:var(--error)}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal-content{position:relative;width:90%;max-width:480px;background:linear-gradient(145deg,#1a1a2e 0,#141420 100%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:24px;transform:translateY(20px);transition:transform var(--transition-fast)}.modal.active .modal-content{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:none;border-radius:50%;color:var(--gray-400);font-size:20px;cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--gray-200)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}@media (max-width:1024px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-card.full-width{grid-column:span 1}}@media (max-width:768px){.admin-stats{grid-template-columns:1fr}.section-header-row{flex-direction:column}.search-box{max-width:none}}.storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.storage-stats{display:flex;flex-direction:column;gap:16px}.storage-usage-display{display:flex;flex-direction:column;gap:8px}.storage-usage-bar{height:12px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);overflow:hidden}.storage-usage-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);transition:width .3s ease}.storage-usage-text{font-size:14px;color:var(--gray-400)}.storage-note{font-size:13px;color:var(--gray-500);padding:12px;background:rgba(255,255,255,.03);border-radius:var(--radius-md)}.s3-status{display:flex;align-items:center;gap:8px;margin-bottom:16px}.s3-bucket-name{font-family:var(--font-mono);font-size:13px;color:var(--gray-400)}.card-description{font-size:14px;color:var(--gray-400);margin-bottom:16px}.storage-gallery-card{margin-top:0}.storage-gallery-card .card-header{display:flex;justify-content:space-between;align-items:center}.file-count{font-size:13px;color:var(--gray-500);font-weight:400}.storage-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;min-height:200px}.storage-file-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease}.storage-file-item:hover{border-color:var(--primary);transform:translateY(-2px)}.storage-file-thumb{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);overflow:hidden}.storage-file-thumb img{width:100%;height:100%;object-fit:cover}.storage-file-placeholder{font-size:14px;font-weight:600;color:var(--gray-500);padding:8px 16px;background:rgba(255,255,255,.05);border-radius:var(--radius-sm)}.storage-file-info{padding:12px;display:flex;justify-content:space-between;align-items:center}.storage-file-format{font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase}.storage-file-size{font-size:12px;color:var(--gray-500)}.storage-pagination{display:flex;justify-content:center;margin-top:24px}.file-preview-container{display:flex;justify-content:center;align-items:center;max-height:60vh;overflow:hidden;margin-bottom:24px;background:rgba(0,0,0,.3);border-radius:var(--radius-md)}.file-preview-container img{max-width:100%;max-height:60vh;object-fit:contain}.file-preview-actions{display:flex;gap:12px;justify-content:center}.modal-description{font-size:14px;color:var(--gray-400);margin-bottom:20px}.modal-lg .modal-content{max-width:800px}.status-badge.success{background:rgba(16,185,129,.1);color:var(--success)}@media (max-width:768px){.storage-grid{grid-template-columns:1fr}.storage-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.storage-file-thumb{height:90px}}.storage-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.storage-vault-toggle{display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:12px}.storage-vault-toggle.active{background:linear-gradient(135deg,rgba(0,212,255,.15),rgba(139,92,246,.15));border-color:var(--primary)}.vault-toggle-info{display:flex;flex-direction:column;gap:2px}.vault-toggle-title{font-weight:600;font-size:14px;color:var(--text-primary)}.vault-toggle-subtitle{font-size:12px;color:var(--text-secondary)}.vault-switch{width:44px;height:24px;background:rgba(255,255,255,.1);border-radius:12px;position:relative;cursor:pointer;transition:background .2s}.vault-switch.active{background:var(--primary)}.vault-switch::after{content:'';position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.vault-switch.active::after{transform:translateX(20px)}.storage-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.storage-overview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.storage-overview-card h3{font-size:16px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px}.storage-overview-card h3 svg{width:20px;height:20px;color:var(--primary)}.storage-meter{margin-bottom:16px}.storage-meter-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:8px}.storage-meter-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .3s}.storage-meter-text{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.storage-meter-text strong{color:var(--text-primary)}.s3-config-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.s3-config-card h3{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.s3-config-card h3 svg{width:20px;height:20px;color:var(--secondary)}.s3-config-card p{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.s3-status-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.s3-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.s3-status-badge.not-configured{background:rgba(156,163,175,.15);color:var(--text-secondary)}.s3-status-badge.configured{background:rgba(16,185,129,.15);color:var(--success)}.btn-configure-s3{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(0,212,255,.2));border:1px solid rgba(139,92,246,.3);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-configure-s3:hover{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(0,212,255,.3));border-color:var(--primary)}.btn-configure-s3 svg{width:16px;height:16px}.gallery-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.gallery-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.gallery-card-header h3{font-size:16px;font-weight:600}.gallery-file-count{font-size:13px;color:var(--text-secondary)}.gallery-body{padding:24px}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.gallery-empty-icon{width:80px;height:80px;background:rgba(139,92,246,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.gallery-empty-icon svg{width:36px;height:36px;color:var(--secondary);opacity:.6}.gallery-empty h4{font-size:18px;font-weight:600;margin-bottom:8px}.gallery-empty p{font-size:14px;color:var(--text-secondary);max-width:300px}.gallery-empty code{background:rgba(139,92,246,.15);padding:2px 8px;border-radius:4px;font-size:13px}.billing-compact-grid{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.current-plan-compact{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.plan-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.plan-name-badge{display:flex;align-items:center;gap:12px}.plan-name-badge .badge{padding:6px 14px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;font-weight:600;font-size:14px}.plan-price-compact{font-size:28px;font-weight:700}.plan-price-compact span{font-size:14px;font-weight:400;color:var(--text-secondary)}.plan-usage-compact{background:rgba(255,255,255,.03);border-radius:12px;padding:16px;margin-bottom:16px}.plan-usage-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.plan-usage-header span:first-child{color:var(--text-secondary)}.plan-usage-header span:last-child{font-weight:500}.plan-usage-bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.plan-usage-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px}.plan-features-compact{display:flex;flex-direction:column;gap:8px}.plan-feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.plan-feature-item svg{width:16px;height:16px;color:var(--success)}.upgrade-options-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px}.upgrade-options-card h3{font-size:18px;font-weight:600;margin-bottom:20px}.upgrade-plans-row{display:flex;gap:16px;margin-bottom:20px}.upgrade-plan-option{flex:1;padding:20px;background:rgba(255,255,255,.02);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.upgrade-plan-option:hover{border-color:rgba(139,92,246,.5)}.upgrade-plan-option.selected{border-color:var(--primary);background:rgba(139,92,246,.05)}.popular-badge{position:absolute;top:-10px;right:16px;padding:4px 10px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;font-size:11px;font-weight:600}.upgrade-plan-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.upgrade-plan-name{font-weight:600;font-size:16px}.upgrade-plan-price{font-weight:700;color:var(--primary)}.upgrade-plan-quota{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.upgrade-plan-features{list-style:none;padding:0;margin:0}.upgrade-plan-features li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.upgrade-plan-features li::before{content:'✓';color:var(--success);font-size:11px}@media (max-width:900px){.billing-compact-grid{grid-template-columns:1fr}.upgrade-plans-row{flex-direction:column}.storage-cards-grid{grid-template-columns:1fr}}
/* FAQ Section Styles - Added 2026-02-03 */
.faq-section {
    padding: var(--section-padding) 0;
}

.faq-section .faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.faq-section .faq-item {
    background: var(--gradient-card);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-lg);
    padding: 24px;
    transition: all var(--transition-base);
}

.faq-section .faq-item:hover {
    border-color: rgba(99, 102, 241, 0.3);
    transform: translateY(-2px);
}

.faq-section .faq-item h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: white;
}

.faq-section .faq-item p {
    font-size: 14px;
    line-height: 1.7;
    color: var(--gray-400);
    margin: 0;
}

.faq-cta {
    text-align: center;
    padding: 24px;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: var(--radius-lg);
}

.faq-cta p {
    font-size: 15px;
    color: var(--gray-300);
    margin: 0;
}

.faq-cta a {
    color: var(--primary-light);
    font-weight: 500;
    transition: color var(--transition-fast);
}

.faq-cta a:hover {
    color: white;
}

@media (max-width: 768px) {
    .faq-section .faq-grid {
        grid-template-columns: 1fr;
    }
}