:root{--primary:#3b82f6;--secondary:#8b5cf6;--bg:#030712;--card:rgba(17,24,39,0.75);--border:rgba(31,41,55,0.6);--text:#f9fafb;--muted:#9ca3af;--font:"Syne",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(160deg,#030712,#0a1225 30%,#0d1830 50%,#0a1225 70%,#050b18)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:700;font-size:14px;border-radius:12px;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:transparent;color:var(--text);font-weight:600;font-size:14px;border:1px solid var(--border);border-radius:12px;transition:border-color .2s}.btn-outline:hover{border-color:var(--primary)}.card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;border:1px solid var(--border);padding:1.2rem;transition:border-color .2s}.card:hover{border-color:rgba(59,130,246,.3)}.input{width:100%;padding:12px 16px;background:rgba(17,24,39,.6);border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--muted)}