.registration-page{background:#080e16}.signup-main{padding:44px 20px 64px;background:linear-gradient(90deg,#080e14ed,#080e14bd),url('hero.png') center/cover}.signup-panel{max-width:510px;margin:auto;padding:32px 38px;background:#101a25f5;border:1px solid #bc984c55;border-radius:8px;box-shadow:0 22px 70px #0007}.signup-back{font-size:14px;color:#b6c5d3}.signup-panel>.eyebrow{margin:25px 0 10px;font-size:12px}.signup-panel h1{font:600 32px/1.5 'Noto Sans Thai',sans-serif;letter-spacing:0;margin:0;color:#f4dba3}.signup-intro{color:#a9b8c7;font-size:16px;margin:8px 0 22px}.signup-panel fieldset{margin:0}.signup-field{margin-bottom:18px}.signup-panel label{margin:0 0 7px;font-size:15px}.signup-panel input{min-height:49px;background:#09111c;border:1px solid #384d60;color:#f2f6fa;outline:none}.signup-panel input:focus{border-color:#83cfff;box-shadow:0 0 0 3px #5ac0ff18}.signup-field small{display:block;color:#9aafbf;font-size:13px;line-height:1.7;margin-top:6px}.signup-panel .gold{margin:8px 0 0;width:100%;min-height:52px;font-size:16px;opacity:1;cursor:pointer;border-radius:4px}.signup-panel .gold:disabled{opacity:.6;cursor:wait}.signup-message{padding:12px 14px;border:1px solid #b28a47;background:#b28a4715;font-size:14px;line-height:1.8;color:#f4dbb0}.signup-message[data-kind="error"]{color:#ffc1b8;border-color:#b5655a;background:#b5655a12}.signup-message[data-kind="success"]{color:#ade6c8;border-color:#4b9d76;background:#4b9d7615}.signup-bottom{text-align:center;font-size:14px;color:#a7b7c7;margin:23px 0 0}.signup-bottom a{color:#e4c284}@media(max-width:540px){.signup-main{padding:24px 14px 38px}.signup-panel{padding:25px 22px}.signup-panel h1{font-size:29px}}
/* Cinematic registration layout */
.signup-main{padding:54px 5% 70px;background:radial-gradient(ellipse at 15% 35%,#18344955,transparent 58%),#080e16}.signup-shell{display:grid;grid-template-columns:1fr 1fr;max-width:1080px;margin:auto;border:1px solid #c59e5059;border-radius:12px;overflow:hidden;box-shadow:0 25px 85px #0009,0 0 50px #bd90400a;background:#101923}.signup-art{position:relative;min-height:760px;background:linear-gradient(0deg,#070e16 2%,#070e1610 70%),url('hero.png') 72% center/cover;isolation:isolate}.signup-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#33bcff1c,transparent 55%);pointer-events:none}.signup-art-copy{position:absolute;bottom:48px;left:38px;right:25px;z-index:1}.signup-art-copy .eyebrow{font-size:12px;letter-spacing:3px}.signup-art-copy h2{font-size:36px;line-height:1.55;font-weight:600;margin:16px 0;color:#f5f1e7}.signup-art-copy em{font-style:normal;color:#e9c780}.signup-art-copy p{font:12px Cinzel,serif;letter-spacing:2px;color:#a5b8c9}.signup-panel{width:100%;max-width:none;padding:36px 42px 32px;border:0;border-left:1px solid #c49f4930;border-radius:0;box-shadow:none;background:linear-gradient(145deg,#172330,#0c141e)}.signup-back{color:#8ea4b7;font-size:13px}.signup-back:hover{color:#efce8b}.signup-panel>.eyebrow{margin-top:25px;font-size:11px;letter-spacing:2px}.signup-panel h1{font-size:34px;color:#f6ecd7}.signup-intro{font-size:14px;line-height:1.8;margin:8px 0 25px;color:#9aafbf}.signup-field{margin-bottom:19px}.signup-panel label{font-size:14px;font-weight:500;color:#d5e1eb}.signup-panel input{min-height:51px;border:1px solid #435b705e;border-radius:6px;background:#070f19a8;padding:13px 15px;box-shadow:inset 0 2px 5px #0002;transition:border-color .2s,box-shadow .2s}.signup-panel input::placeholder{color:#657f94;font-size:14px}.signup-panel input:hover{border-color:#647f96}.signup-panel input:focus{border-color:#dfb96e;box-shadow:0 0 0 3px #d4ad5814;background:#0c1723}.signup-field small{font-size:12px;color:#839aaf}.signup-panel .gold{min-height:54px;margin-top:7px;letter-spacing:.3px;border:1px solid #ebcd8c;background:linear-gradient(110deg,#edd5a0,#c99e56);box-shadow:0 8px 24px #c99d5219,inset 0 1px 0 #fff6;color:#241b0c;transition:box-shadow .2s,transform .2s}.signup-panel .gold:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 30px #c99d5235}.signup-bottom{padding-top:20px;border-top:1px solid #ffffff0c;margin-top:24px;font-size:13px}.signup-bottom a{font-weight:500}.signup-message{border-radius:5px}@media(max-width:850px){.signup-shell{max-width:560px;grid-template-columns:1fr}.signup-art{min-height:210px;background-position:70% 35%}.signup-art-copy{bottom:22px;left:30px}.signup-art-copy h2{font-size:26px;margin:8px 0}.signup-art-copy p{margin-bottom:0;font-size:10px}.signup-art-copy .eyebrow{font-size:10px}.signup-panel{border-left:0;border-top:1px solid #c49f4930;padding:28px 32px}.signup-main{padding:28px 16px 45px}}@media(max-width:420px){.signup-panel{padding:25px 22px}.signup-panel h1{font-size:29px}.signup-art{min-height:180px}.signup-art-copy{left:22px}.signup-art-copy h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.signup-panel input,.signup-panel .gold{transition:none}.signup-panel .gold:not(:disabled):hover{transform:none}}
/* Explicit form layout independent of shared styles. */
.signup-panel form{display:block;width:100%;margin:0}.signup-panel form fieldset{display:block;min-inline-size:0;width:100%;border:0;margin:0;padding:0}.signup-panel .signup-field{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0;margin:0 0 20px}.signup-panel .signup-field label{display:block;width:100%;margin:0 0 8px;line-height:1.6}.signup-panel .signup-field input{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:52px;margin:0;font-family:'Noto Sans Thai',sans-serif;font-size:16px;color:#edf4fa}.signup-panel .signup-field small{display:block;width:100%;margin:7px 0 0;line-height:1.7}.signup-panel form fieldset>.gold{display:block;width:100%;margin:8px 0 0}.signup-panel input:focus-visible{outline:2px solid #dcbc7a;outline-offset:2px}

/* ===== SOFT THEME (2026-09-19) ===== */
.registration-page{background:linear-gradient(180deg,#e9e3d6,#eee8db)}
.signup-main{background:radial-gradient(ellipse at 15% 35%,#d8e2e0,transparent 58%),linear-gradient(180deg,#e9e3d6,#eee8db)}
.signup-shell{border:1px solid #d1c3a7;background:#f4ecdb;box-shadow:0 25px 70px rgba(78,60,34,.14)}
.signup-art{background:linear-gradient(0deg,#ebe4d3 2%,#ebe4d320 70%),url('hero.png') 72% center/cover}
.signup-art-copy h2{color:#241f18}
.signup-art-copy em{color:#6f4a0d}
.signup-art-copy p{color:#4f4636}
.signup-panel{background:linear-gradient(145deg,#f4ecdb,#e9e1d0);border-left:1px solid #d8ccb6}
.signup-panel h1{color:#241f18}
.signup-intro{color:#433b2e}
.signup-panel label{color:#373027}
.signup-panel input{background:#f2ebdb;border:1px solid #c8ba9e;color:#241f18;box-shadow:none}
.signup-panel input::placeholder{color:#a2977f}
.signup-panel input:focus{border-color:#ae8c46;background:#f4ecdb;box-shadow:0 0 0 3px #d4ad5814}
.signup-field small{color:#4f4636}
.signup-message{border:1px solid #cbb283;background:#f2e7cc;color:#5e4314}
.signup-message[data-kind="error"]{color:#8f3524;border-color:#cf9d94;background:#f7e2de}
.signup-message[data-kind="success"]{color:#1f5a36;border-color:#8fbf9c;background:#e2efe6}
.signup-back{color:#4f4636}
.signup-back:hover{color:#6d4a0d}
.signup-bottom{border-top:1px solid #d8ccb6;color:#4f4636}
.signup-bottom a{color:#6d4a0d}
@media(max-width:900px){.signup-panel{border-left:0;border-top:1px solid #d8ccb6}}