:root{color-scheme:light;font-family:Inter,Arial,sans-serif;color:#10223d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button{background:#1763d1;color:#fff;border:0;padding:.75rem 1rem;border-radius:10px;cursor:pointer;font-weight:600}button.secondary{background:#fff;color:#1763d1;border:1px solid #bcd0f4}textarea,pre{width:100%;border-radius:10px;border:1px solid #d5deec;padding:.75rem;background:#fbfcfe}pre{min-height:120px;overflow:auto;white-space:pre-wrap}.login-shell,.app-shell{min-height:100vh;padding:2rem}.login-shell{display:grid;place-items:center}.hero-card,.card{background:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 12px 32px #10223d14}.hero-card{max-width:560px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.subtle{color:#5c6f89}