@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300;400&family=Bitcount:wght@300&family=Bitcount+Single:wght@300&display=swap";
@import "https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";
:root{--bg-color:#fafafa;--surface-color:#fff;--surface-hover:#f4f4f5;--text-primary:#09090b;--text-secondary:#52525b;--accent-primary:#4f46e5;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--border-color:#0000001a;--dot-color:#00000013;--nav-bg:#fffc;--input-bg:#00000005;--surface-subtle:#0000000d;--glow-center:#0000000f;--glass-bg:#ffffff40;--glass-border:#ffffff80;--glass-blur:blur(24px) saturate(180%);--glass-shadow-rgb:31, 38, 135;--glass-shadow:0 8px 32px rgba(var(--glass-shadow-rgb), .1), inset 0 1px 1px #fff9;--glass-shadow-hover:0 12px 40px rgba(var(--glass-shadow-rgb), .16), inset 0 1px 1px #fff9;--glass-sheen:linear-gradient(120deg, #ffffff8c 0%, #fff0 60%);--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-amber-rgb:245, 158, 11;--accent-yellow:#facc15;--credit-pro:#b45309;--credit-free:#047857;--brand-rgb:99, 102, 241;--color-success:#10b981;--color-success-rgb:16, 185, 129;--color-error:#dc2626;--color-error-rgb:239, 68, 68;--glow-blur:100px;--shadow-glow:0 0 40px #4f46e526;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-pill:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--font-primary:"Rubik", sans-serif;--font-accent:"Bitcount", monospace;--font-accent-mini:"Bitcount Single", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:400;--font-semibold:400;--font-bold:400;--font-black:400}:root[data-theme=dark]{--bg-color:#0a0a0f;--surface-color:#17171f;--surface-hover:#22222c;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--border-color:#ffffff1f;--dot-color:#ffffff0a;--nav-bg:#0a0a0fb8;--input-bg:#ffffff0a;--surface-subtle:#ffffff0d;--glow-center:#ffffff0d;--glass-bg:#ffffff0b;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #00000073, inset 0 1px 1px #ffffff0f;--glass-shadow-hover:0 12px 40px #0000008c, inset 0 1px 1px #ffffff14;--glass-sheen:linear-gradient(120deg, #ffffff1f 0%, #fff0 60%);--credit-pro:#fbbf24;--credit-free:#34d399}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-synthesis:style;background-color:var(--bg-color);background-image:radial-gradient(var(--dot-color) 1.4px, transparent 1.4px);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:0 0;background-size:32px 32px;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-black{font-weight:var(--font-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-gap-2{gap:.5rem;display:flex}.flex-gap-3{gap:.75rem;display:flex}.flex-gap-4{gap:1rem;display:flex}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-header{font-family:var(--font-accent);font-weight:300;font-size:var(--text-4xl);color:var(--text-primary);line-height:1.15}.text-header-rubik{font-family:var(--font-primary);font-weight:var(--font-black);font-size:var(--text-4xl);color:var(--text-primary);line-height:1.15}.text-subheader{font-family:var(--font-primary);font-weight:var(--font-bold);font-size:var(--text-xl);color:var(--text-primary);line-height:1.3}.text-subheader-accent{font-family:var(--font-accent-mini);font-weight:400;font-size:var(--text-sm);letter-spacing:.04em;color:var(--text-secondary)}.text-body{font-family:var(--font-primary);font-weight:400;font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.glass-panel:before{content:"";background:var(--glass-sheen);pointer-events:none;width:60%;height:220%;position:absolute;top:-60%;left:-20%;transform:rotate(15deg)}.btn{border-radius:var(--radius-pill);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px rgba(var(--brand-rgb), .4)}.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--brand-rgb), .6);transform:translateY(-2px)}.btn-secondary{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(var(--brand-rgb), .4)}70%{box-shadow:0 0 0 15px rgba(var(--brand-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--brand-rgb), 0)}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}html[data-tour-active] .revealAnim{opacity:1!important;transform:none!important}