:root{color-scheme:light;font-family:Segoe UI,sans-serif;line-height:1.5;--bg: #f7f8fb;--panel: #ffffff;--text: #1a1f2b;--muted: #5b6475;--accent: #0a7f42;--border: #d7dde8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#eef7ff,var(--bg));color:var(--text)}.layout{max-width:900px;margin:0 auto;padding:1.5rem}.screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header nav{display:flex;gap:1rem}.header a{color:var(--text);text-decoration:none;font-weight:600}.content{width:100%;max-width:420px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 10px 24px #1018280f}.stack{display:grid;gap:.75rem}label{display:grid;gap:.3rem;color:var(--muted)}input{border:1px solid var(--border);border-radius:8px;padding:.65rem}button,.button-link{border:none;border-radius:8px;background:var(--accent);color:#fff;padding:.7rem .95rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}