:root,html[data-theme=light]{color-scheme:light;--bg:#FAFAFC;--bg-subtle:#F3F4F7;--bg-elevated:#FFFFFF;--surface:#FFFFFF;--surface-card:#FFFFFF;--surface-hover:#F8F9FD;--surface-subtle:#F1F3F9;--surface-glass:rgba(255,255,255,0.82);--border:#E5E7EB;--border-subtle:#EEF0F4;--border-hover:#CBD5E1;--border-brand:rgba(124,58,237,0.28);--brand:#7C3AED;--brand-hover:#6D28D9;--brand-active:#5B21B6;--brand-light:#F5F3FF;--brand-glow:rgba(124,58,237,0.16);--brand-gradient:linear-gradient(135deg,#7C3AED,#6366F1 50%,#0EA5E9);--brand-gradient-subtle:linear-gradient(135deg,rgba(124,58,237,0.08),rgba(99,102,241,0.05) 50%,rgba(14,165,233,0.04));--brand-accent:#0EA5E9;--text:#0F172A;--text-primary:#0F172A;--text-secondary:#475569;--text-muted:#64748B;--text-subtle:#94A3B8;--success:#10B981;--success-light:#ECFDF5;--success-border:rgba(16,185,129,0.25);--warning:#F59E0B;--warning-light:#FFFBEB;--warning-border:rgba(245,158,11,0.25);--error:#EF4444;--error-light:#FEF2F2;--info:#3B82F6;--info-light:#EFF6FF;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 2px 6px rgba(15,23,42,0.04);--shadow-md:0 6px 18px -2px rgba(15,23,42,0.06);--shadow-card:0 1px 3px rgba(15,23,42,0.03),0 8px 24px -6px rgba(15,23,42,0.05);--shadow-card-hover:0 4px 12px rgba(15,23,42,0.04),0 18px 36px -8px rgba(15,23,42,0.09);--shadow-brand:0 6px 20px rgba(124,58,237,0.24);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition:200ms cubic-bezier(0.16,1,0.3,1);--transition-slow:350ms cubic-bezier(0.16,1,0.3,1)}html[data-theme=dark]{color-scheme:dark;--bg:#0B0F19;--bg-subtle:#111827;--bg-elevated:#151E32;--surface:#131B2E;--surface-card:#151E32;--surface-hover:#1A253F;--surface-subtle:#192238;--surface-glass:rgba(19,27,46,0.85);--border:#1F293D;--border-subtle:rgba(255,255,255,0.07);--border-hover:#334155;--border-brand:rgba(168,85,247,0.4);--brand:#9333EA;--brand-hover:#A855F7;--brand-active:#C084FC;--brand-light:rgba(147,51,234,0.15);--brand-glow:rgba(147,51,234,0.28);--brand-gradient:linear-gradient(135deg,#A855F7,#6366F1 50%,#38BDF8);--brand-gradient-subtle:linear-gradient(135deg,rgba(168,85,247,0.12),rgba(99,102,241,0.08) 50%,rgba(56,189,248,0.06));--brand-accent:#38BDF8;--text:#F8FAFC;--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-muted:#94A3B8;--text-subtle:#64748B;--success:#34D399;--success-light:rgba(52,211,153,0.15);--success-border:rgba(52,211,153,0.3);--warning:#FBBF24;--warning-light:rgba(251,191,36,0.15);--warning-border:rgba(251,191,36,0.3);--error:#F87171;--error-light:rgba(248,113,113,0.15);--info:#60A5FA;--info-light:rgba(96,165,250,0.15);--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 2px 6px rgba(0,0,0,0.4);--shadow-md:0 6px 18px rgba(0,0,0,0.5);--shadow-card:0 2px 8px rgba(0,0,0,0.4),0 12px 30px rgba(0,0,0,0.3);--shadow-card-hover:0 6px 16px rgba(0,0,0,0.5),0 24px 48px rgba(0,0,0,0.45);--shadow-brand:0 6px 24px rgba(168,85,247,0.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{display:block;max-width:100%}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1240px}.container,.container-narrow{width:100%;margin:0 auto;padding:0 24px}.container-narrow{max-width:860px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:var(--surface-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-subtle);transition:all var(--transition)}.header-inner{justify-content:space-between;height:72px}.brand-wrapper,.header-inner{display:flex;align-items:center}.brand-wrapper{gap:12px;text-decoration:none}.brand-icon{width:36px;height:36px;border-radius:10px;background:var(--brand-gradient);justify-content:center;color:#FFFFFF;box-shadow:0 2px 8px rgba(124,58,237,.25);flex-shrink:0}.brand-icon,.brand-name{display:flex;align-items:center}.brand-name{font-size:1.35rem;font-weight:750;letter-spacing:-.03em;color:var(--text-primary);gap:6px}.brand-kicker{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:6px;background-color:var(--brand-light);color:var(--brand)}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{font-size:.92rem;font-weight:500;color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-md);transition:all var(--transition)}.nav-link:hover{color:var(--text-primary);background-color:var(--surface-subtle)}.nav-link.active{color:var(--brand);background-color:var(--brand-light);font-weight:600}.nav-actions{display:flex;gap:12px}.btn,.nav-actions{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;font-size:.92rem;font-weight:600;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--brand-gradient);color:#FFFFFF;box-shadow:var(--shadow-brand)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(124,58,237,.35)}.btn-secondary{background-color:var(--surface-card);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--surface-subtle);color:var(--text-primary)}.btn-sm{font-size:.82rem;padding:6px 12px;border-radius:var(--radius-sm)}.btn-lg{font-size:1.05rem;padding:14px 28px;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);border:1px solid transparent;line-height:1.2}.badge-brand{background-color:var(--brand-light);color:var(--brand);border-color:var(--border-brand)}.badge-success{background-color:var(--success-light);color:var(--success);border-color:var(--success-border)}.badge-warning{background-color:var(--warning-light);color:var(--warning);border-color:var(--warning-border)}.badge-info{background-color:var(--info-light);color:var(--info);border-color:rgba(59,130,246,.2)}.badge-neutral{background-color:var(--surface-subtle);color:var(--text-muted);border-color:var(--border-subtle)}.badge-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.card{background-color:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-card);transition:all var(--transition);position:relative}.card-hover:hover{transform:translateY(-4px);border-color:var(--border-brand);box-shadow:var(--shadow-card-hover)}.card-flat{background-color:var(--surface-subtle);border:1px solid var(--border-subtle);box-shadow:none}.card-gradient{background:var(--brand-gradient-subtle);border:1px solid var(--border-brand)}.hero-section{padding:80px 0 60px;text-align:center;position:relative}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:var(--radius-full);background:var(--brand-light);color:var(--brand);border:1px solid var(--border-brand);font-size:.85rem;font-weight:600;margin-bottom:24px}.hero-title{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text-primary);max-width:900px;margin:0 auto 20px}.hero-gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-secondary);max-width:680px;margin:0 auto 36px;line-height:1.6}.hero-cta-group{gap:14px;margin-bottom:48px}.hero-cta-group,.hero-platforms-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.hero-platforms-bar{gap:20px;padding-top:24px;border-top:1px solid var(--border-subtle);max-width:600px;margin:0 auto}.platform-pill{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:var(--text-muted)}.section{padding:72px 0}.section-alt{background-color:var(--bg-subtle);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section-header{text-align:center;max-width:720px;margin:0 auto 48px}.section-kicker{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);margin-bottom:8px}.section-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:750;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:14px;line-height:1.2}.section-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.grid{display:grid;grid-gap:24px;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{flex-direction:column;height:100%}.product-card,.product-card-top{display:flex;justify-content:space-between}.product-card-top{align-items:flex-start;margin-bottom:20px}.product-icon-wrap{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background-color:var(--brand-light);color:var(--brand);border:1px solid var(--border-brand)}.product-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px}.product-tagline{font-size:.92rem;font-weight:600;color:var(--brand);margin-bottom:12px}.product-description{font-size:.95rem;color:var(--text-secondary);line-height:1.55;margin-bottom:20px;flex-grow:1}.product-platforms-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:20px}.platform-tag{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;background-color:var(--surface-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.product-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid var(--border-subtle)}.showcase-card{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:36px;gap:36px;background-color:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-card);align-items:center;margin-bottom:32px}.showcase-content,.showcase-visual{display:flex;flex-direction:column}.showcase-visual{background:var(--brand-gradient-subtle);border:1px solid var(--border-brand);border-radius:var(--radius-lg);padding:32px;gap:16px;position:relative;overflow:hidden}.feature-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:20px 0 28px}.feature-item{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--text-secondary)}.feature-icon{width:20px;height:20px;color:var(--brand);flex-shrink:0;margin-top:2px}.pillar-card{padding:32px;background-color:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition)}.pillar-card:hover{transform:translateY(-4px);border-color:var(--border-brand);box-shadow:var(--shadow-card-hover)}.pillar-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--brand-light);color:var(--brand);margin-bottom:20px}.pillar-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:10px}.pillar-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.form-group{margin-bottom:20px}.form-input,.form-select,.form-textarea{padding:12px 16px;transition:all var(--transition);outline:none}.form-textarea{min-height:120px;resize:vertical}.site-footer{background-color:var(--bg-subtle);border-top:1px solid var(--border-subtle);padding:64px 0 32px;margin-top:auto}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));grid-gap:40px;gap:40px;margin-bottom:48px}.footer-brand-desc{font-size:.92rem;color:var(--text-muted);line-height:1.6;margin-top:14px;max-width:320px}.footer-heading{font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-link{font-size:.9rem;color:var(--text-secondary);transition:color var(--transition)}.footer-link:hover{color:var(--brand)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--border-subtle);font-size:.85rem;color:var(--text-subtle);flex-wrap:wrap;gap:16px}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.header-inner{height:64px}.nav-links{display:none}.hero-section{padding:48px 0 36px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;text-align:center}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-label{font-size:.88rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);font-family:inherit;transition:var(--transition);box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-subtle)}.form-hint{font-size:.8rem;color:var(--text-muted);line-height:1.4}.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.alert{padding:14px 18px;border-radius:var(--radius-md);font-size:.9rem;line-height:1.5;display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.alert-success{background-color:var(--success-light);border:1px solid var(--success-border);color:#065F46}.alert-error{background-color:var(--error-light);border:1px solid rgba(239,68,68,.25);color:#991B1B}.alert-info{background-color:var(--brand-light);border:1px solid var(--border-brand);color:var(--brand-active)}.admin-tabs{display:flex;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:28px;overflow-x:auto}.admin-tab,.admin-tabs{align-items:center;gap:8px}.admin-tab{display:inline-flex;padding:8px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:var(--transition);white-space:nowrap}.admin-tab:hover{background-color:var(--surface-subtle);color:var(--text-primary)}.admin-tab.active{background-color:var(--brand-light);color:var(--brand)}.admin-table-wrap{width:100%;overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{padding:14px 18px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-subtle)}.admin-table td{padding:16px 18px;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:var(--surface-hover)}.badge-admin{background:#FEE2E2;color:#991B1B;border:1px solid rgba(239,68,68,.2)}.badge-editor{background:var(--brand-light);color:var(--brand);border:1px solid var(--border-brand)}.announcement-bar{animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-select{width:100%;padding:10px 14px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.92rem;transition:var(--transition);cursor:pointer}.form-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}