@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--bg-main:#080b12;--bg-body:#0c111c;--bg-card:#141b2966;--bg-card-hover:#1d243299;--border-color:#ffffff1a;--border-color-active:#22d3ee80;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--primary:#22d3ee;--primary-hover:#06b6d4;--primary-glow:#22d3ee26;--accent:#9333ea;--accent-glow:#9333ea26;--success:#4ade80;--warning:#fbbf24;--danger:#f87171;--shadow-soft:0 4px 20px #0000004d, 0 0 0 1px #ffffff0d inset;--shadow-hover:0 10px 30px #0006, 0 0 0 1px #22d3ee33 inset;--shadow-glow:0 0 20px #22d3ee4d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:.5s cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--bg-main:#fafafa;--bg-body:#f4f4f5;--bg-card:#ffffffb3;--bg-card-hover:#ffffffe6;--border-color:#00000014;--border-color-active:#22d3ee4d;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--primary:#0ea5e9;--primary-hover:#0284c7;--primary-glow:#0ea5e914;--accent:#a855f7;--accent-glow:#a855f714;--shadow-soft:0 4px 12px #00000008, 0 0 0 1px #fffc inset;--shadow-hover:0 8px 24px #0ea5e914, 0 0 0 1px #0ea5e933 inset;--shadow-glow:0 0 20px #0ea5e926}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 15%,#22d3ee0d 0%,#0000 50%),radial-gradient(circle at 85% 30%,#9333ea0a 0%,#0000 50%),radial-gradient(circle at 50% 0,#22d3ee0f 0%,#0000 60%);width:100vw;height:100vh;position:fixed;top:0;left:0}::view-transition-old(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in-scale}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-enter{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards fade-slide-up}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}a{color:inherit;text-decoration:none}button,input{color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-main);background:#ffffff1a;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:1.5rem 1.5rem 6rem;display:flex}.card{border:1px solid var(--border-color);box-shadow:var(--shadow-soft);transition:border-color var(--transition-normal), transform var(--transition-fast), box-shadow var(--transition-normal);background:#18181bb3;border-radius:20px;position:relative;overflow:hidden}[data-theme=light] .card{background:#fffffff2}.card:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:#ffffff26}.card-interactive:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-hover);border-color:var(--border-color-active);transform:translateY(-4px)}.card-interactive:active{transform:translateY(-1px)}.search-input-wrapper{transition:all var(--transition-normal)}.search-input-wrapper:hover{box-shadow:var(--shadow-glow)}.section-title{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.badge{letter-spacing:.05em;text-transform:uppercase;background:var(--bg-body);color:var(--text-secondary);border:1px solid #0000;border-radius:9999px;align-items:center;gap:.25rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-glow);color:var(--accent);border-color:#22d3ee4d}.badge-success{color:var(--success);background:#10b98126;border-color:#10b9814d}.badge-danger{color:var(--danger);background:#f43f5e26;border-color:#f43f5e4d}.badge-warning{color:var(--warning);background:#fbbf2426;border-color:#fbbf244d}.btn{cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0003}.btn:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--text-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-icon{border-radius:12px;padding:.6rem}.code-block{font-family:var(--font-mono);color:var(--accent);background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;padding:1rem 1.25rem;font-size:.9rem;overflow-x:auto;box-shadow:inset 0 2px 4px #0003}.skeleton{background:linear-gradient(110deg, var(--bg-card) 25%, #ffffff0d 50%, var(--bg-card) 75%);background-size:200% 100%;border:1px solid #0000;border-radius:20px;animation:2s linear infinite modern-shimmer}@keyframes modern-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}@media (width<=640px){.app-container{padding:1rem 1rem 5rem}.card{border-radius:16px}.btn,.btn-icon,a,button{min-height:44px}.section-title{font-size:1.15rem}}