*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#071a30,#153759);color:#0b2038;font-family:Arial,sans-serif;min-height:100vh}header{padding:22px max(24px,6vw);display:flex;justify-content:space-between;align-items:center;background:#07182b}header a{color:white;text-decoration:none}header strong{font-size:25px;color:#fff}header span{color:#26d5c2}main{max-width:490px;margin:65px auto;padding:34px;background:white;border-radius:17px;box-shadow:0 15px 40px #0004}h1{margin:0 0 12px;font-size:29px}p{line-height:1.5;color:#52647a}label{display:block;font-weight:600;margin:19px 0 8px}input{display:block;width:100%;padding:14px;border:1px solid #ccd5e1;border-radius:8px;background:#f8fafc}button{display:block;width:100%;background:#009e91;color:white;border:0;border-radius:8px;text-align:center;font-size:16px;font-weight:bold;padding:15px;margin-top:22px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.links{display:flex;gap:15px;justify-content:center;margin-top:20px}.links a{color:#008d83}.notice{background:#edf7f5;border-radius:8px;padding:14px;margin-top:18px;font-size:14px;color:#235d53}#auth-message{background:#eef8f5;padding:12px;border-radius:8px;margin-top:14px;line-height:1.5}@media(max-width:550px){main{margin:30px 15px;padding:24px}}