@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-secondary:#38bdf8;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-glass-bg:#1e293bb3;--color-glass-border:#ffffff1a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-glow:0 0 20px #8b5cf666;--transition:.3s cubic-bezier(.4, 0, .2, 1);font-smoothing:antialiased;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--color-bg);min-height:100vh;color:var(--color-text);background-image:radial-gradient(circle at 50% 0,#1e293b 0%,#0f172a 70%);background-attachment:fixed}body{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1{letter-spacing:-.02em;font-size:28px;font-weight:700}h2{letter-spacing:-.02em;font-size:24px;font-weight:700}h3{letter-spacing:-.01em;font-size:20px;font-weight:600}.container{width:100%;max-width:800px;padding:0 var(--space-md);margin:0 auto}.glass{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.4s fadeIn}.animate-slide-up{animation:.4s slideUp}.scale-on-hover{transition:var(--transition)}.scale-on-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}