:root{--tx:#0f1720;--mut:#4b5a6a;--card:rgba(255,255,255,.72);--ln:rgba(15,23,32,.1);--ac:#2563eb;--sky1:#9ec5e8;--sky2:#f3c7a8;--sky3:#fbe7d4;--peak:#5b6b86;--peak2:#7d8ca6;--snow:#fff}
@media (prefers-color-scheme:dark){:root{--tx:#eef3f8;--mut:#9aa8b8;--card:rgba(22,28,38,.66);--ln:rgba(255,255,255,.1);--ac:#6ea8fe;--sky1:#0b1424;--sky2:#24324f;--sky3:#3c3a5a;--peak:#121a2a;--peak2:#1c2638;--snow:#c9d4e6}}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:hidden}
body{font:16px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,sans-serif;color:var(--tx);-webkit-font-smoothing:antialiased;
 background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 58%,var(--sky3) 100%);min-height:100vh;display:flex;flex-direction:column;position:relative}
.peak{position:fixed;left:0;right:0;bottom:0;width:100%;height:42vh;z-index:0;pointer-events:none}
.clouds{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.clouds i{position:absolute;height:46px;border-radius:40px;background:rgba(255,255,255,.5);filter:blur(10px);animation:drift 80s linear infinite}
@media (prefers-color-scheme:dark){.clouds i{background:rgba(120,135,165,.22)}}
.clouds i:nth-child(1){top:14%;left:-40%;width:70%}.clouds i:nth-child(2){top:28%;left:-60%;width:90%;animation-duration:110s;animation-delay:-40s}
@keyframes drift{to{transform:translateX(220%)}}@media (prefers-reduced-motion:reduce){.clouds i{animation:none}}
.wrap{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding:calc(28px + env(safe-area-inset-top)) 24px 24px;max-width:460px;width:100%;margin:0 auto}
.brand{font:600 13px/1 system-ui;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
h1{font:200 52px/1 -apple-system,"SF Pro Display",system-ui,sans-serif;letter-spacing:-.04em;margin:22px 0 10px}
p{color:var(--mut);margin:0 0 18px;max-width:32ch}
.card{background:var(--card);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--ln);border-radius:22px;padding:20px;box-shadow:0 10px 34px rgba(10,20,40,.1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:14px;border:0;background:var(--tx);color:var(--sky3);font:600 16px system-ui;text-decoration:none;cursor:pointer;width:100%}
input{width:100%;min-height:50px;font:17px system-ui;padding:0 14px;border-radius:14px;border:1px solid var(--ln);background:rgba(255,255,255,.55);color:var(--tx);margin-bottom:12px}
@media (prefers-color-scheme:dark){input{background:rgba(10,14,22,.5)}}
.msg{min-height:22px;font-size:14px;margin-top:10px;color:#d93f3f}
label{display:block;font-size:13px;color:var(--mut);margin:0 2px 6px}