:root{--ink:#201D30;--surface:#2A263C;--surface2:#353049;--coral:#FF6F61;--coral-d:#E85A4D;--mint:#3FE0B0;--violet:#8B7CF6;--cloud:#EFEDF7;--muted:#9C95BC;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.16)}
*{margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;background:linear-gradient(150deg,#201D30,#2A263C);color:var(--cloud);min-height:100vh}
.wrap{max-width:440px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 40px) 22px 40px}
.logo{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#FF7A5C,#FF6F61);display:grid;place-items:center;font:800 40px sans-serif;color:#3A1710;margin:0 auto 18px;box-shadow:0 16px 40px rgba(255,111,97,.4)}
h1{font-size:28px;font-weight:800;text-align:center;letter-spacing:-.02em}
h1 span{color:var(--coral)}
.sub{text-align:center;color:var(--muted);margin:6px 0 28px;font-size:15px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}
label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px;font-weight:600}
input{width:100%;background:var(--surface2);border:1px solid var(--line2);border-radius:14px;padding:14px;color:var(--cloud);font-family:inherit;font-size:16px}
input:focus{outline:none;border-color:var(--coral)}
.btn{width:100%;background:var(--coral);color:#2A1410;font-weight:800;font-size:16px;padding:15px;border:none;border-radius:14px;margin-top:22px;cursor:pointer;font-family:inherit}
.btn:active{transform:scale(.98)}
.alt{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}
.alt a{color:var(--coral);text-decoration:none;font-weight:700}
.err{background:rgba(255,111,97,.14);border:1px solid rgba(255,111,97,.3);color:#FFB3AB;padding:12px 14px;border-radius:12px;font-size:14px;margin-bottom:8px}
.ok{background:rgba(63,224,176,.12);border:1px solid rgba(63,224,176,.3);color:var(--mint);padding:12px 14px;border-radius:12px;font-size:14px;margin-bottom:8px}