*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0a0d12;color:#e6edf3;font-family:Inter,system-ui,sans-serif;padding:16px}.kart{width:100%;max-width:420px;background:#121820;border:1px solid #212a35;border-radius:18px;padding:28px}h1{margin:0 0 6px;color:#2cc6b5;letter-spacing:2px}.alt{color:#9aa4b2;font-size:15px;line-height:1.4}form{display:grid;gap:12px;margin-top:16px}label{display:grid;gap:6px;font-size:14px;color:#c9d1d9}input{font:inherit;padding:12px 14px;border-radius:12px;border:1px solid #2c3745;background:#0a0d12;color:inherit}small{color:#9aa4b2}button{font:inherit;font-weight:600;padding:13px;border:0;border-radius:12px;background:#0f9b8e;color:#fff;cursor:pointer}button:disabled{opacity:.6}.hata{color:#ff7b72}.tamam{color:#56d364}a{color:#2cc6b5}