:root{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-bg-card:#1a1a24;--color-border:#2a2a3a;--color-text:#e4e4e7;--color-text-muted:#71717a;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-accent:#22d3ee;--color-success:#10b981;--color-error:#ef4444;--font-sans:"Outfit",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.input{width:100%;padding:12px 16px;font-size:15px;font-family:inherit;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);transition:border-color .2s}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;padding:32px}.error-message{color:var(--color-error);font-size:14px;margin-top:8px}