:root{--pink:#e75b83;--ink:#2c2630;--soft:#fff3f7}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Noto Sans Thai',sans-serif;background:#fff9fb}.landing{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr)}.hero{padding:54px clamp(32px,7vw,120px);background:radial-gradient(circle at 75% 70%,#ffc7d8 0 12%,transparent 12.2%),linear-gradient(135deg,#fff3f7,#f9f8fb 70%)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:700 22px Mali,sans-serif}.brand>span{display:grid;place-items:center;width:46px;height:46px;background:var(--pink);border-radius:14px;color:white;box-shadow:0 10px 20px #e75b8350}.brand small{display:block;font:500 11px 'Noto Sans Thai',sans-serif;color:#837680}.hero-copy{max-width:640px;margin:16vh 0 0}.eyebrow{font-size:12px;letter-spacing:.15em;color:#c74770;font-weight:700}.hero h1{font:700 clamp(44px,5vw,72px)/1.16 Mali,sans-serif;margin:14px 0}.hero em{font-style:normal;color:var(--pink)}.hero-copy>p:not(.eyebrow){max-width:530px;font-size:17px;line-height:1.8;color:#716771}.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.facts span{padding:9px 12px;background:white;border:1px solid #f3d3df;border-radius:999px;font-size:12px;font-weight:600}.auth-panel{padding:clamp(35px,8vh,100px) clamp(26px,5vw,75px);display:flex;align-items:center;justify-content:center;background:white}.tabs{display:flex;border-bottom:1px solid #eee;width:100%;max-width:440px}.tab{flex:1;border:0;border-bottom:3px solid transparent;background:none;padding:13px;font:700 15px 'Noto Sans Thai';color:#7c727a;cursor:pointer}.tab.active{color:var(--pink);border-color:var(--pink)}.auth-form{width:min(440px,100%);padding-top:27px}.auth-form h2{font:700 31px Mali,sans-serif;margin:0 0 4px}.auth-form>p{color:#817781;font-size:13px;margin:0 0 23px}.auth-form label{display:block;font-size:13px;font-weight:700;margin:12px 0}.auth-form input,.auth-form select{display:block;width:100%;margin-top:5px;border:1px solid #e7dfe4;border-radius:11px;padding:12px 13px;font:14px 'Noto Sans Thai';outline:none;background:#fff}.auth-form input:focus,.auth-form select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ffd9e5}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{width:100%;border:0;border-radius:12px;padding:13px;margin-top:14px;color:white;background:var(--pink);font:700 15px 'Noto Sans Thai';cursor:pointer;box-shadow:0 10px 20px #e75b8340}.primary:disabled{opacity:.65}.sso{display:block;text-align:center;color:#c74770;font-size:12px;font-weight:700;margin-top:17px}.hidden{display:none}#auth-message{width:min(440px,100%);color:#bd3c63;font-size:13px;font-weight:600}#auth-message.ok{color:#22834e}@media(max-width:850px){.landing{grid-template-columns:1fr}.hero{padding:28px 28px 50px}.hero-copy{margin:65px 0 0}.hero h1{font-size:43px}.auth-panel{padding:40px 25px}}