:root{color-scheme:dark;--bg:#020817;--panel:#071a38;--panel-2:#0a2850;--text:#f8fcff;--muted:#a7bfd2;--line:rgba(117,222,245,.24);--cyan:#55e9ff;--gold:#ffd451;--danger:#ff8193;--success:#60efbd;font-family:"Leelawadee UI","Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}
html{min-width:300px;min-height:100%;background:var(--bg)}
body{min-width:300px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 16% 0,rgba(34,211,238,.18),transparent 32%),radial-gradient(circle at 88% 12%,rgba(139,92,246,.2),transparent 29%),linear-gradient(155deg,#062149 0,#03132d 48%,#020817 100%);font-size:16px;line-height:1.55;overflow-x:hidden}
button,input{font:inherit}
.member-auth-shell{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:hidden}
.member-auth-shell:before{content:"";position:fixed;z-index:-2;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) .75px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 90%);pointer-events:none}
.member-auth-shell:after{content:"";position:fixed;z-index:-1;left:50%;top:50%;width:min(820px,130vw);aspect-ratio:1;border:1px solid rgba(88,231,255,.1);border-radius:50%;box-shadow:0 0 0 54px rgba(51,197,230,.025),0 0 0 120px rgba(51,197,230,.018);transform:translate(-50%,-50%);pointer-events:none}
.member-auth-orb{position:fixed;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.member-auth-orb--one{left:-110px;bottom:-145px;width:350px;height:350px;background:radial-gradient(circle,rgba(25,188,220,.21),transparent 69%)}.member-auth-orb--two{right:-135px;top:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(125,82,220,.2),transparent 69%)}
.member-auth-card{width:min(560px,100%);padding:27px 30px 23px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 50% -12%,rgba(50,216,241,.16),transparent 34%),linear-gradient(155deg,rgba(11,53,94,.98),rgba(5,24,57,.99) 63%,rgba(4,17,43,.99));box-shadow:0 34px 100px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.member-auth-brand{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.member-auth-brand__mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,221,94,.75);border-radius:15px;color:#302006;background:linear-gradient(145deg,#fff2a8,var(--gold) 58%,#d68e1b);box-shadow:0 0 27px rgba(255,212,81,.2);font:950 14px/1 Georgia,serif}
.member-auth-brand strong,.member-auth-brand small{display:block}.member-auth-brand strong{font-size:18px;font-weight:950;letter-spacing:.055em}.member-auth-brand small{margin-top:2px;color:#8ed5e7;font-size:11px;font-weight:850;letter-spacing:.18em}
.member-auth-heading{padding:23px 0 18px}.member-auth-heading p{margin:0 0 5px;color:var(--cyan);font-size:12px;font-weight:950;letter-spacing:.2em}.member-auth-heading h1{margin:0;font-size:clamp(30px,7vw,39px);line-height:1.18;letter-spacing:-.025em}.member-auth-heading>span{display:block;margin-top:7px;color:#bdd4e2;font-size:14px;line-height:1.65}
.member-auth-message{margin-bottom:15px;padding:12px 14px;border:1px solid;border-radius:13px;font-size:14px;line-height:1.55}.member-auth-message.is-notice{color:#c7f8e8;border-color:rgba(96,239,189,.32);background:rgba(39,174,128,.12)}.member-auth-message.is-error{color:#ffe2e6;border-color:rgba(255,129,147,.42);background:rgba(185,45,68,.18)}.member-auth-message:focus{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}
.member-auth-form{display:grid;gap:8px}.member-auth-form label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:5px}.member-auth-form label span{font-size:14px;font-weight:900}.member-auth-form label small{color:var(--muted);font-size:12px}
.member-auth-input{height:54px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;border:1px solid rgba(137,206,229,.32);border-radius:14px;background:rgba(2,14,36,.56);transition:border-color .15s,box-shadow .15s}.member-auth-input:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(85,233,255,.12)}.member-auth-input>span{display:grid;place-items:center;height:28px;border-right:1px solid rgba(141,209,230,.2);color:#75dff2;font-size:15px}.member-auth-input input{width:100%;height:52px;min-width:0;padding:0 14px;border:0;outline:0;color:#fff;background:transparent;font-size:16px}.member-auth-input input::selection{color:#04172f;background:#8defff}.member-auth-input:has(input:disabled){opacity:.55}.member-auth-input input:disabled{cursor:not-allowed}
.member-auth-submit{min-height:52px;margin-top:10px;border:1px solid #ffe67f;border-radius:14px;color:#342205;background:linear-gradient(180deg,#fff09a,var(--gold) 60%,#d99422);box-shadow:inset 0 1px rgba(255,255,255,.65),0 11px 27px rgba(255,203,60,.16);font-size:16px;font-weight:950;cursor:pointer}.member-auth-submit span{margin-left:8px}.member-auth-submit:hover{filter:brightness(1.06)}.member-auth-submit:active{transform:translateY(1px)}.member-auth-submit:focus-visible{outline:3px solid #fff;outline-offset:3px}.member-auth-submit:disabled{opacity:.58;cursor:not-allowed;filter:saturate(.35)}
.member-auth-divider{display:flex;align-items:center;gap:11px;margin:18px 0 13px;color:#789bb1;font-size:11px;font-weight:800}.member-auth-divider:before,.member-auth-divider:after{content:"";height:1px;flex:1;background:rgba(127,197,219,.18)}
.member-auth-link-mode{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(92,217,239,.2);border-radius:14px;background:rgba(255,255,255,.035)}.member-auth-link-mode__icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#062640;background:linear-gradient(145deg,#bdf9ff,#55ddec);font-size:19px;font-weight:900}.member-auth-link-mode strong,.member-auth-link-mode small{display:block}.member-auth-link-mode strong{font-size:14px}.member-auth-link-mode small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.55}
.member-auth-security{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border:1px solid rgba(96,239,189,.22);border-radius:14px;color:var(--success);background:rgba(37,165,120,.075)}.member-auth-security>span{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#05281f;background:var(--success);font-size:13px;font-weight:950}.member-auth-security p{margin:0}.member-auth-security strong,.member-auth-security small{display:block}.member-auth-security strong{font-size:13px}.member-auth-security small{margin-top:2px;color:#afdace;font-size:12px;line-height:1.55}
.member-auth-card footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;color:#8bb1c5;font:750 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.member-auth-card footer i{width:4px;height:4px;border-radius:50%;background:#4cbbd5}
@media(max-width:640px){.member-auth-shell{place-items:start center;padding-top:max(14px,env(safe-area-inset-top))}.member-auth-card{padding:20px 17px 18px;border-radius:22px}.member-auth-brand{padding-bottom:14px}.member-auth-brand__mark{width:41px;height:41px;border-radius:13px}.member-auth-heading{padding:19px 0 15px}.member-auth-heading h1{font-size:30px}.member-auth-heading>span{font-size:13px}.member-auth-form label{align-items:flex-start;flex-direction:column;gap:1px}.member-auth-input{height:54px}.member-auth-submit{min-height:52px}.member-auth-link-mode{align-items:flex-start}.member-auth-card footer{flex-wrap:wrap;gap:6px}}
@media(max-width:360px){.member-auth-card{padding-inline:14px}.member-auth-heading h1{font-size:27px}.member-auth-card footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}