:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#29244d;background:#f6f4ff;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(#f6f4ff 55%,#fff)}
.hero{height:280px;padding:calc(40px + env(safe-area-inset-top)) 24px 80px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 5%,#8580fb,transparent 65%),linear-gradient(120deg,#6d42d8,#4569ee);color:#fff}
.brand{font-size:25px;letter-spacing:4px;font-weight:750;color:#fff;text-decoration:none;display:inline-block;min-height:44px}.brand span{color:#c5fff0}.hero p{margin:13px 0;font-size:15px;color:#eeebff}.waves{position:absolute;bottom:-1px;left:0;width:100%;height:120px}
main{max-width:480px;margin:-53px auto 0;padding:0 22px calc(30px + env(safe-area-inset-bottom));position:relative}.symbol{width:80px;height:80px;padding:15px;border:6px solid #f6f4ff;border-radius:27px;background:linear-gradient(140deg,#b599ff,#7465ed);margin:0 auto 18px;box-shadow:0 12px 24px #6450bc20}.symbol svg{width:100%;height:100%}
.card{padding:28px 25px 24px;background:#fff;border:1px solid #ebe7f8;border-radius:28px;box-shadow:0 18px 55px #5341850b;text-align:center}h1{font-size:28px;letter-spacing:-.6px;margin:0 0 12px;font-weight:750}.intro{font-size:16px;color:#726b89;line-height:1.7;margin:0 0 26px}.field{display:block;text-align:start;font-size:14px;font-weight:600;margin:20px 0 0}.field input{display:block;width:100%;margin-top:9px;border:1px solid #ded9eb;border-radius:14px;background:#fbfaff;color:#29244d;padding:16px;font:inherit;font-size:16px;min-height:54px}input:focus{outline:3px solid #b8a2ff70;border-color:#8261e8}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.primary{display:block;width:100%;min-height:54px;margin:22px 0 12px;border:0;border-radius:15px;background:linear-gradient(110deg,#8552ef,#5261e8);color:#fff;font-weight:650;box-shadow:0 7px 16px #7256da25}.back,.text-button{display:inline-block;min-height:44px;padding:12px;color:#645887;background:none;border:0;text-decoration:none;font-size:14px}.hint{font-size:13px;line-height:1.7;color:#81788f;text-align:start;margin:10px 0}.message{font-size:14px;line-height:1.7;margin:12px 0 0;color:#9b3249;overflow-wrap:anywhere}.message:empty{display:none}.footnote{font-size:13px;text-align:center;color:#8b839e;margin:25px 0}.success{background:#effaf5;color:#277e65;border-radius:15px;padding:16px;line-height:1.7;overflow-wrap:anywhere}.password-wrap{position:relative;display:block}.password-wrap input{padding-left:78px;padding-right:16px}.reveal{position:absolute;inset-inline-end:5px;top:5px;min-height:44px;padding:0 12px;border:0;background:transparent;color:#67528d;font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid #b8a2ff;outline-offset:3px}
@media(min-width:700px){.hero{height:310px}.card{padding:34px}.symbol{margin-bottom:24px}}
@media(max-width:360px){main{padding-inline:14px}.card{padding:25px 18px}h1{font-size:26px}}

.app-link{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 16px}