:root{--bg0: #070a12;--bg1: #101826;--bg2: #18243a;--text: #eef4ff;--muted: #9eabc5;--accent: #57f0ad;--warn: #ff6d6d}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,#1b345f,transparent 45%),radial-gradient(circle at 90% 90%,#134139,transparent 45%),linear-gradient(155deg,var(--bg0),var(--bg1) 55%,var(--bg2))}app-root{display:block;min-height:100vh}.card{width:min(1100px,100% - 2rem);margin:1rem auto;padding:1.2rem;border-radius:16px;background:#080e1ae0;border:1px solid rgba(142,166,209,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}h1,h2,h3{margin-top:0}input,button,label{font-size:1rem}input{background:#0e1422;border:1px solid #2b3f63;color:var(--text);border-radius:8px;padding:.6rem .75rem}button{border:0;border-radius:10px;padding:.62rem .9rem;background:#2f8cff;color:#fff;cursor:pointer}button.warn{background:#a82f2f}button.ghost{background:#21304f}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.75rem 0}.spread{justify-content:space-between}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:.7rem}.error{color:var(--warn)}ul{margin:0;padding-left:1rem}@media(max-width:780px){.grid3{grid-template-columns:1fr}}