:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0a0a1a;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1e1b4b,#0a0a1a 55%)}.page{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem;display:grid;gap:1.5rem}.glass-card{background:#ffffff0d;border:1px solid rgb(255 255 255 / 10%);border-radius:1rem;padding:1.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 45px #0f172a59}.hero h1{margin:.75rem 0;font-size:2rem}.subtitle{color:#94a3b8;margin:0}.badge{display:inline-block;margin:0;padding:.35rem .75rem;border-radius:999px;background:#3b82f633;color:#60a5fa;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid{display:grid;gap:1rem}@media(min-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.item-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.75rem}.item-list li{display:grid;gap:.25rem;padding:.75rem 1rem;border-radius:.75rem;background:#ffffff0a;border:1px solid rgb(255 255 255 / 8%)}.item-form{display:grid;gap:.75rem}.glass-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgb(255 255 255 / 10%);background:#ffffff0d;color:inherit}.glass-input:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f61a}.glass-button{justify-self:start;padding:.75rem 1.25rem;border:1px solid rgb(59 130 246 / 40%);border-radius:.75rem;background:#3b82f633;color:#bfdbfe;font-weight:600;cursor:pointer}.glass-button:disabled{opacity:.6;cursor:not-allowed}.error{border-color:#ec489966;color:#fbcfe8}.success{border-color:#10b98166;color:#a7f3d0}