@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#35204e,#0b0911 65%);color:#f7f4ff;font-family:'Noto Sans Thai',sans-serif}main{max-width:500px;margin:50px auto;padding:30px}.back{color:#b9a7cc;text-decoration:none;font-size:13px}.badge{width:55px;height:55px;border:1px solid #ad83ff;background:#8c51cd30;border-radius:16px;display:grid;place-items:center;font-size:32px;font-weight:700;font-style:italic;margin-top:40px;box-shadow:0 0 40px #8b3dca30}.kicker{font-size:10px;letter-spacing:3px;color:#ba96ee;margin-top:25px}h1{font-size:38px;margin:10px 0}h1 span{color:#ad83ff}.intro,.hint,.account{color:#ad9ebc;font-size:13px;line-height:1.8}section{margin-top:30px;padding-top:22px;border-top:1px solid #ffffff15}#login p{font-size:14px}label{display:block;font-size:14px;margin:22px 0 8px}input{display:block;width:100%;padding:15px;border:1px solid #7e64974d;border-radius:12px;color:#fff;background:#171020;font:14px inherit}button{font:600 14px 'Noto Sans Thai',sans-serif;width:100%;padding:15px;border:0;border-radius:12px;background:linear-gradient(120deg,#8247d2,#ae7bea);color:white;margin-top:25px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{background:#ffffff09;border:1px solid #ffffff20;margin-top:5px}#status{font-size:14px;line-height:1.8;color:#d4b7ff;overflow-wrap:anywhere}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #d6b4ff;outline-offset:4px}#email{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:550px){main{margin:15px auto;padding:25px}}