.noir-auth{--noir-red:#ef233c;--noir-muted:#a5a0a4;min-height:100svh;background:radial-gradient(ellipse at 17% 39%,#320c17 0,transparent 45%),radial-gradient(ellipse at 95% 85%,#19080e 0,transparent 40%),#070608;color:#f6f2f1;font-family:Inter,Noto Sans Thai,sans-serif;display:flex;flex-direction:column}.noir-layout{width:min(1120px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr 460px;gap:92px;align-items:center;padding:142px 0 68px;flex:1}.noir-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:#cd929d;display:flex;align-items:center;gap:10px}.noir-eyebrow>span{width:6px;height:6px;background:#ef233c;border-radius:50%;box-shadow:0 0 12px #ef233c}.noir-intro h1{font-family:Manrope,Noto Sans Thai,sans-serif;font-size:clamp(48px,5.5vw,76px);font-weight:700;line-height:1.18;letter-spacing:-.045em;margin:25px 0 22px}.noir-intro h1 em{font-style:normal;color:#fa465b}.noir-lead{font-size:15px;line-height:1.85;color:#bcb4b9;white-space:pre-line;max-width:380px}.noir-orbit{height:164px;position:relative;display:flex;align-items:center;justify-content:flex-start;padding-left:54px;margin:18px 0 26px}.noir-orbit-ring{position:absolute;width:156px;height:156px;border:1px solid #a5273838;border-radius:50%;left:0;transform:rotateX(48deg) rotate(-25deg)}.noir-orbit-ring:after{content:"";position:absolute;inset:20px;border:1px solid #a5273840;border-radius:50%}.noir-gem{height:50px;width:50px;transform:rotate(-45deg);border:1px solid #ff617788;background:linear-gradient(145deg,#ff5872,#b50e2a 55%,#3b0713);box-shadow:-15px 18px 42px #e0193830,inset 1px 1px 0 #ffb0b855;border-radius:6px}.noir-orbit>span{position:absolute;left:179px;font-size:8px;color:#9b747d;letter-spacing:.13em;max-width:95px;line-height:2}.noir-trust{display:flex;align-items:center;gap:13px;color:#ba8993}.noir-trust p{color:#d4c8ce;font-size:12px;line-height:1.8}.noir-trust span{color:#9e8d95;font-size:11px}.noir-panel{padding:38px;background:linear-gradient(150deg,#20151cbb,#0d0c10ee 62%);border:1px solid #ffffff15;border-radius:24px;box-shadow:0 28px 90px #0007,inset 0 1px 0 #ffffff06;position:relative;overflow:hidden;min-width:0}.noir-panel:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#d4425c80,transparent)}.noir-panel h2{font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.4;overflow-wrap:anywhere}.noir-panel-heading h2{margin:10px 0 8px}.noir-panel-heading>p,.noir-success>p{font-size:13px;line-height:1.8;color:var(--noir-muted)}.noir-tabs{display:flex;border:1px solid #ffffff0a;padding:4px;border-radius:12px;background:#08070980;margin:27px 0 26px;gap:3px}.noir-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;flex:1;padding:10px 3px;border-radius:8px;font-size:11px;color:#a39aa1;white-space:nowrap;transition:background .18s,color .18s;min-height:40px}.noir-tabs button.active{background:#372129;color:#ffb0bc;box-shadow:inset 0 0 0 1px #aa445438}.noir-form{gap:19px}.noir-field,.noir-form{display:flex;flex-direction:column}.noir-field{gap:9px;font-size:12px;color:#d5cdd1}.noir-field input{background:#09080ba6;border:1px solid #ffffff17;border-radius:10px;padding:13px 14px;width:100%;min-height:48px;color:#f8f4f6;outline:none;font:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.noir-field input::-moz-placeholder{color:#736a73}.noir-field input::placeholder{color:#736a73}.noir-field input:focus{border-color:#db405c;box-shadow:0 0 0 3px #d535511b}.noir-password{position:relative}.noir-password input{padding-right:49px}.noir-password button{position:absolute;right:3px;top:3px;height:42px;width:42px;display:grid;place-items:center;color:#a398a3;border-radius:8px}.noir-help{font-size:10px;display:flex;justify-content:space-between;gap:12px;margin-top:-6px;color:#978891;line-height:1.7}.noir-help a{white-space:nowrap;color:#e7abb5}.noir-primary,.noir-secondary{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;min-height:48px;padding:12px 14px;border-radius:10px;font-weight:600;transition:background .18s,opacity .18s;line-height:1.6}.noir-primary{background:linear-gradient(105deg,#e92140,#c71735);box-shadow:0 5px 25px #c3112c1a;color:#fff}.noir-primary:hover:not(:disabled){background:#f12b4a}.noir-secondary{border:1px solid #ffffff18;color:#d0c6cc;background:#ffffff02}.noir-secondary:hover:not(:disabled){background:#ffffff08}.noir-panel>.noir-secondary{margin-top:13px}.noir-auth button:disabled{opacity:.5;cursor:not-allowed}.noir-auth a:focus-visible,.noir-auth button:focus-visible{outline:2px solid #fb748b;outline-offset:4px}.noir-divider{display:flex;align-items:center;gap:14px;color:#8e818b;font-size:10px;margin:25px 0 18px}.noir-divider:after,.noir-divider:before{content:"";height:1px;background:#ffffff0c;flex:1}.noir-fineprint{text-align:center;color:#9f909b;font-size:11px;line-height:1.8;margin:19px 0 0}.noir-alert{border:1px solid #e8455c44;background:#c52b4314;padding:12px;border-radius:9px;color:#ffb5c1;font-size:12px;line-height:1.7}.noir-notice{font-size:12px;color:#d9bcc6}.noir-mail-hint{display:flex;gap:15px;padding:18px;border:1px solid #ba364832;border-radius:12px;background:#51162522;margin-top:24px;color:#f58ca1}.noir-mail-hint strong{font-size:12px;font-weight:500}.noir-mail-hint p{font-size:11px;color:#bfa2ad;line-height:1.9;margin-top:5px}.noir-code{letter-spacing:.45em;text-align:center;font-size:22px!important}.noir-panel-heading+.noir-form{margin-top:24px}.noir-success{display:flex;flex-direction:column;gap:19px;align-items:center;text-align:center;padding:12px 0}.noir-status-icon{width:66px;height:66px;border:1px solid #d6415544;border-radius:50%;background:#76203022;display:grid;place-items:center;color:#ff7a91}.noir-avatar{width:60px;height:60px;display:grid;place-items:center;border:1px solid #b1475a55;background:#5b1c2e55;border-radius:18px;font-size:26px;color:#ffa3b5;margin-top:22px}.noir-details{margin:24px 0}.noir-details>div{border-bottom:1px solid #ffffff0c;padding:15px 0;display:flex;gap:15px;justify-content:space-between;font-size:12px}.noir-details dt{color:#9c8f99;flex-shrink:0}.noir-details dd{text-align:right;overflow-wrap:anywhere;min-width:0}.noir-details+.noir-fineprint{margin:0 0 24px}.noir-footer{max-width:1120px;width:calc(100% - 64px);margin:0 auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff0b;padding:23px 0;font-size:10px;color:#9a8b95}.noir-footer>div{display:flex;gap:22px}.noir-footer a{display:inline-flex;align-items:center;gap:3px}.noir-spin{animation:noir-spin 1s linear infinite}@keyframes noir-spin{to{transform:rotate(1turn)}}@media(max-width:1020px){.noir-layout{gap:42px;grid-template-columns:1fr 420px}.noir-panel{padding:30px}.noir-intro h1{font-size:58px}}@media(max-width:760px){.noir-layout{display:flex;flex-direction:column;width:min(460px,calc(100% - 32px));gap:29px;padding:116px 0 36px;align-items:stretch}.noir-intro h1{font-size:42px;margin:16px 0 13px}.noir-intro h1 br{display:none}.noir-intro h1 em{margin-left:7px}.noir-lead{font-size:12px;line-height:1.8;white-space:normal}.noir-orbit,.noir-trust{display:none}.noir-panel{padding:28px 24px;border-radius:20px}.noir-panel h2{font-size:25px}.noir-footer{width:calc(100% - 32px);flex-direction:column;align-items:center;gap:13px}.noir-eyebrow,.noir-footer,.noir-help{font-size:9px}.noir-tabs button{font-size:10px}.noir-field input{font-size:16px}.noir-panel-heading>p{font-size:12px}}@media(prefers-reduced-motion:reduce){.noir-auth *{animation:none!important;transition:none!important}}