*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;background:#071117}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 20px;color:#eee5d1;font:15px/1.6 Arial,Helvetica,sans-serif;background:linear-gradient(110deg,#030a0e70,#050e138c,#030a0e70),url('/assets/oyun-kurallari-background.png') center/cover fixed}
.recovery-card{position:relative;width:100%;max-width:550px;padding:30px 42px 25px;background:radial-gradient(ellipse at top,#75531e2e,transparent 65%),#0d1920;border:1px solid #94733a;box-shadow:0 0 0 5px #0a1014,0 0 0 6px #514329,0 24px 90px #0009;text-align:center}
.recovery-card::before,.recovery-card::after{content:'◆';position:absolute;left:50%;transform:translateX(-50%);background:#111b20;color:#d6af62;padding:0 12px;line-height:1;font-size:15px}
.recovery-card::before{top:-8px}.recovery-card::after{bottom:-8px}
.brand{display:block;width:142px;margin:0 auto 14px}.brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 12px #0008)}
.eyebrow{font-size:10px;letter-spacing:3px;color:#c7a66c;margin:0 0 20px}
.seal{display:grid;place-items:center;width:46px;height:46px;border:1px solid #c9a257;border-radius:50%;color:#f7d68e;font-size:25px;margin:0 auto 18px;box-shadow:0 0 0 5px #c9a2570c}
h1{font:normal clamp(27px,5vw,34px)/1.2 Georgia,'Times New Roman',serif;color:#ffe0a0;margin:0 0 14px;outline:none}
.description{color:#c8cbd0;margin:0 0 24px;font-size:14px;line-height:1.8}
form{text-align:left}label{display:block;color:#e3d4b5;font-size:13px;margin:0 0 8px}
input{display:block;width:100%;min-width:0;min-height:50px;border:1px solid #8e713c;border-radius:3px;background:#070f15;color:#fff1cc;font:16px Arial,sans-serif;padding:13px 14px;box-shadow:inset 0 2px 8px #0005}
input::placeholder{color:#839398}input:focus-visible{outline:2px solid #eed297;outline-offset:3px}
.gold-button{display:block;width:100%;padding:16px 18px;margin:22px 0 0;border:1px solid #ffe5a6;border-radius:3px;background:linear-gradient(#f0cf86,#c7953f);box-shadow:inset 0 0 0 3px #57370945,0 6px 20px #0005;color:#251b0c;font:bold 16px/1.4 Georgia,'Times New Roman',serif;letter-spacing:.7px;text-decoration:none;text-align:center;cursor:pointer}
.gold-button:hover{background:#f1d491}.gold-button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hint{color:#9da9ac;font-size:12px;line-height:1.7;margin:13px 0 18px}.hint:last-child{text-align:center}
.password-field{position:relative}.password-field input{padding-right:78px}
.visibility{position:absolute;right:7px;top:6px;height:38px;border:0;border-radius:2px;background:#b98b2520;color:#e4c788;padding:0 10px;cursor:pointer;font:12px Arial,sans-serif}
.back-link{display:inline-block;color:#d9bd80;margin-top:20px;font-size:12px;text-decoration:none;letter-spacing:.6px}.back-link:hover{text-decoration:underline}
.support{border-top:1px solid #b78c4033;margin:22px 0 0;padding-top:18px;color:#9da9ac;font-size:12px;line-height:1.9}.support a{color:#d7bb80;text-decoration:none;overflow-wrap:anywhere}
.feedback{padding:14px 16px;margin:16px 0 0;border:1px solid #94733a;background:#c7994310;color:#f4deb0;text-align:left;font-size:14px;overflow-wrap:anywhere}.feedback.error{border-color:#b96d53;color:#ffd1c1;background:#6a241a25}
@media(max-width:480px){body{padding:24px 16px;background-attachment:scroll}.recovery-card{padding:26px 22px}.brand{width:115px}.eyebrow{letter-spacing:2px}.gold-button{font-size:14px}}