*{box-sizing:border-box}body{margin:0;background:#fffdf5;color:#263238;font-family:NotoThai,Inter,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 8% 15%,#fff1b5 0,transparent 45%),radial-gradient(ellipse at 100% 95%,#eaf4fc 0,transparent 35%);z-index:-1}.auth-shell{position:relative;max-width:1080px;margin:clamp(24px,6vh,70px) auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.auth-brand{grid-column:1/-1;display:flex;align-items:center;gap:16px;width:fit-content;text-decoration:none;margin:0 0 26px;color:#69716c}.auth-brand img{width:172px;height:78px;object-fit:contain}.auth-brand span{font:600 12px/1.4 Inter,system-ui,sans-serif;letter-spacing:.18em;border-left:1px solid #dedbce;padding-left:16px}.auth-story{position:relative;overflow:hidden;min-height:650px;padding:48px 44px;background:#fff0af;border:1px solid #f1e3b0;border-right:0;border-radius:28px 0 0 28px;display:flex;flex-direction:column}.auth-story-kicker{font:700 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.16em;color:#776328;margin:0 0 20px}.auth-story h2{white-space:pre-line;font-size:36px;line-height:1.45;letter-spacing:-.025em;font-weight:750;margin:0 0 16px;max-width:340px}.auth-story>p:not(.auth-story-kicker){font-size:16px;line-height:1.85;margin:0;max-width:335px;color:#666044}.auth-robot-scene{position:relative;flex:1;min-height:260px;display:grid;place-items:center;margin:22px -20px 0}.auth-orbit{position:absolute;width:270px;height:270px;border-radius:50%;background:#fff8dd;box-shadow:0 0 0 24px #fff8dd55}.auth-robot-scene img{position:relative;width:180px;height:275px;object-fit:contain;z-index:1;filter:drop-shadow(0 18px 14px #8a753c18);transform:rotate(-7deg)}.auth-spark{position:absolute;right:34px;top:28px;font-size:46px;color:#e0ad39;transform:rotate(12deg)}.auth-story-footer{font-size:12px;color:#7d7150;margin-top:20px;letter-spacing:.03em}.auth-card{position:relative;background:#fff;border:1px solid #ece8da;border-radius:0 28px 28px 0;padding:40px 48px;box-shadow:15px 20px 50px #6c61340a;align-self:stretch}.auth-language{display:flex;justify-content:flex-end;gap:2px;margin:0 0 30px}.auth-language button{border:0;border-radius:8px;padding:9px 13px;background:#f6f6f2;color:#69716b;font:600 12px/1.4 Inter,system-ui,sans-serif;cursor:pointer}.auth-language button[aria-pressed=true]{background:#ffe799;color:#403c2e}.auth-eyebrow{font-size:12px;font-weight:650;color:#8a7334;letter-spacing:.03em;margin:0}.auth-card h1{font-size:29px;line-height:1.5;margin:10px 0 8px;letter-spacing:-.02em}.auth-card p{font-size:15px;line-height:1.8}.auth-card h1+p{color:#758078;margin:0}.auth-card form{display:flex;flex-direction:column;gap:20px;margin-top:30px}.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}.auth-card [hidden]{display:none!important}.auth-card input{width:100%;padding:15px 16px;border:1px solid #e0e5dc;border-radius:12px;font-family:inherit;font-size:16px;line-height:1.4;color:#263238;background:#fdfefa;transition:border-color .2s,box-shadow .2s}.auth-card input:hover{border-color:#bfc8bb}.auth-card input:focus{outline:0;border-color:#bc963c;box-shadow:0 0 0 4px #fff2be}.auth-card .auth-show{flex-direction:row;align-items:center;gap:9px;font-size:13px;color:#687269;font-weight:400}.auth-show input{width:17px;height:17px;accent-color:#a07b24;box-shadow:none}.auth-card button[type=submit]{width:100%;border:1px solid #edcf79;background:#ffe59a;border-radius:12px;padding:15px;font:650 16px/1.5 NotoThai,Inter,sans-serif;color:#35372e;cursor:pointer;box-shadow:0 4px 0 #f5d782;transition:background .2s,transform .2s}.auth-card button[type=submit]:hover{background:#ffdd7f;transform:translateY(-1px)}.auth-card button:disabled{opacity:.5;cursor:wait;transform:none}#auth-status{margin:0;color:#ac4f38;font-size:13px;overflow-wrap:anywhere}#auth-status:empty{display:none}.auth-card .auth-help{color:#7f877e;font-size:12px;margin:28px 0 18px;padding-top:22px;border-top:1px solid #eeeee5}.auth-card>a{display:inline-block;color:#596857;font-size:13px;text-decoration:none;margin:0 16px 8px 0}.auth-card>a:hover{text-decoration:underline}.auth-card button:focus-visible,.auth-card a:focus-visible,.auth-brand:focus-visible{outline:3px solid #8b742d;outline-offset:4px}@media(max-width:760px){.auth-shell{max-width:520px;grid-template-columns:1fr;margin:22px auto;padding:0 18px}.auth-brand{margin-bottom:18px}.auth-brand img{width:144px;height:62px}.auth-story{min-height:0;padding:24px 28px;border-radius:24px 24px 0 0;border-right:1px solid #f1e3b0;border-bottom:0}.auth-story h2{font-size:25px;max-width:240px;margin-bottom:8px}.auth-story-kicker{margin-bottom:10px;font-size:9px}.auth-story>p:not(.auth-story-kicker){font-size:13px;max-width:250px;padding-right:34px}.auth-robot-scene{position:absolute;right:-24px;top:25px;width:118px;min-height:150px;margin:0}.auth-robot-scene img{width:78px;height:126px}.auth-orbit{width:95px;height:95px;box-shadow:0 0 0 10px #fff8dd55}.auth-spark,.auth-story-footer{display:none}.auth-card{border-radius:0 0 24px 24px;padding:25px 28px}.auth-language{margin-bottom:20px}.auth-card h1{font-size:25px}.auth-card form{margin-top:24px}.auth-card h1+p{font-size:14px}}@media(max-width:370px){.auth-story,.auth-card{padding-left:22px;padding-right:22px}.auth-story h2{font-size:23px}.auth-story>p:not(.auth-story-kicker){max-width:220px}.auth-robot-scene{right:-38px}}