@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-bg:#0a0a0f;--color-bg-raised:#111118;--color-bg-elevated:#16161f;--color-bg-surface:#1c1c27;--color-text:#9ca3af;--color-text-muted:#6b7280;--color-text-strong:#f1f5f9;--color-text-white:#fff;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-muted:#3b82f626;--color-accent-glow:#3b82f614;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-border-accent:#3b82f64d;--color-surface:var(--color-bg-surface);--color-surface-elevated:var(--color-bg-elevated);--color-text-secondary:var(--color-text);--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, 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;--text-5xl:3rem;--text-6xl:3.75rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px #3b82f626;--glass-bg:#16161f99;--glass-border:#ffffff0f;--glass-blur:16px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-raised:10;--z-overlay:100;--z-modal:200;--z-nav:500;--z-top:1000;--container-max:1200px;--container-padding:var(--space-6);--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--nav-height);font-size:16px}body{font-family:var(--font-body);font-weight:var(--weight-regular);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-muted);color:var(--color-text-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-strong);line-height:var(--leading-tight);letter-spacing:-.02em}h1{font-size:clamp(var(--text-4xl), 5vw, var(--text-6xl));font-weight:var(--weight-bold);letter-spacing:-.03em}h2{font-size:clamp(var(--text-2xl), 3.5vw, var(--text-4xl));font-weight:var(--weight-semibold)}h3{font-size:clamp(var(--text-xl), 2.5vw, var(--text-2xl));font-weight:var(--weight-semibold)}h4{font-size:var(--text-lg);font-weight:var(--weight-medium)}p{line-height:var(--leading-relaxed);color:var(--color-text)}strong{font-weight:var(--weight-semibold);color:var(--color-text-strong)}code{font-family:var(--font-mono);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent);padding:.15em .4em;font-size:.9em}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);margin-inline:auto}.section{padding-block:var(--space-20)}.section-sm{padding-block:var(--space-12)}.section-lg{padding-block:var(--space-32)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-strong{color:var(--color-text-strong)}.text-center{text-align:center}.text-balance{text-wrap:balance}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.items-center{align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow)}.card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-none);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-text-white);border:1px solid #0000}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-text-strong);border-color:var(--color-border-hover);background:var(--color-accent-glow)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent);border:1px solid var(--color-border-accent);display:inline-flex}.divider{background:linear-gradient(90deg, transparent, var(--color-border) 20%, var(--color-border) 80%, transparent);border:none;height:1px}.gradient-text{background:linear-gradient(135deg, var(--color-text-white) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes dzd-spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .6s var(--transition-base) both}.animate-slide-up{animation:.6s cubic-bezier(.4,0,.2,1) both slideUp}.animate-scale-in{animation:.5s cubic-bezier(.4,0,.2,1) both scaleIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-bg-surface);border-radius:var(--radius-full);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-surface) var(--color-bg)}@media (width<=768px){:root{--container-padding:var(--space-4);--nav-height:64px}.section{padding-block:var(--space-12)}.section-lg{padding-block:var(--space-20)}.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:clamp(var(--text-3xl), 6vw, var(--text-5xl))}}@media (width<=480px){:root{--container-padding:var(--space-4)}.glass-card,.card{padding:var(--space-6);border-radius:var(--radius-lg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-content{z-index:1;position:relative}._state_1nfet_1{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}._state_1nfet_1 h3{font-family:var(--font-heading);color:var(--color-text-strong);font-size:var(--text-xl);margin:0}._state_1nfet_1 p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:40ch;margin:0}._state_1nfet_1 svg{opacity:.5}._loading_1nfet_30{padding:var(--space-8);justify-content:center;align-items:center;display:flex}._error_1nfet_37{border-radius:var(--radius-lg);background:#ef44440d;border:1px solid #ef44444d}._error_1nfet_37 h3{color:#ef4444}