:root{color-scheme:light dark;--z:#f4f4f5;--k:#fff;--y:#18181b;--c:#d4d4d8;--v:#27272a;--vy:#fff}
@media(prefers-color-scheme:dark){:root{--z:#111113;--k:#1b1b1f;--y:#ececec;--c:#34343b;--v:#e4e4e7;--vy:#111}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--z);color:var(--y);font:15px/1.45 system-ui,sans-serif}
form,.kutu{width:min(340px,92vw);display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--k);border:1px solid var(--c);border-radius:10px}
h1{margin:0 0 4px;font-size:20px}p{margin:0}.hata{color:#dc2626}
input{padding:10px 12px;border:1px solid var(--c);border-radius:8px;background:transparent;color:inherit;font:inherit}
button{padding:10px;border:0;border-radius:8px;background:var(--v);color:var(--vy);font:inherit;font-weight:600;cursor:pointer}