.member-entry{margin:0;min-width:280px;min-height:100vh;background:#06172e;color:#fff;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%;color-scheme:light}
.member-entry *{box-sizing:border-box}
.member-entry:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:-1;background:#06172e url('../images/member-night.svg') center bottom/cover no-repeat;pointer-events:none}
.me-shell{width:100%;min-height:100vh;min-height:100svh;padding:100px 28px 48px;padding:clamp(72px,15vh,140px) 28px 48px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}
.me-panel{width:100%;max-width:400px;margin:0 auto}
.me-heading{text-align:center;margin:0 0 54px}
.me-heading h1{margin:0;font-size:32px;font-weight:650;line-height:1.35;letter-spacing:3px;text-shadow:0 2px 18px rgba(0,0,0,.18)}
.me-form{margin:0}
.me-field{display:flex;align-items:center;position:relative;min-width:0;min-height:52px;margin:0 0 14px;background:#fff;border:1px solid rgba(211,224,239,.8);border-radius:7px;box-shadow:0 5px 18px rgba(1,13,31,.08);transition:border-color .15s,box-shadow .15s}
.me-field:focus-within{border-color:#42cfff;box-shadow:0 0 0 3px rgba(25,188,247,.18)}
.me-field-icon{display:block;flex:none;width:22px;height:22px;margin:0 12px 0 15px;stroke:#8c97a5;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.me-field input{display:block;flex:1;min-width:0;width:100%;height:52px;margin:0;padding:0 12px 0 0;background:transparent;border:0;border-radius:7px;outline:0;color:#243344;font:inherit;font-size:16px;line-height:normal;-webkit-appearance:none}
.me-field input::placeholder{color:#8d96a1;opacity:1;font-size:14px}
.me-field input[readonly]{color:#68788b}
.me-field:has(input[readonly]){background:#edf3f9}
.me-eye{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:50px;margin:0;padding:0;border:0;border-radius:0 7px 7px 0;background:transparent;color:#9ba6b3;cursor:pointer;-webkit-tap-highlight-color:transparent}
.me-eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.me-eye[aria-pressed="true"]{color:#089dcc}
.me-eye:focus-visible,.me-button:focus-visible,.me-link:focus-visible,.me-captcha img:focus-visible{outline:3px solid #9de5ff;outline-offset:3px}
.me-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:0;padding:10px 16px;border:1px solid transparent;border-radius:7px;background:#00b5ee;color:#fff;font:inherit;font-size:18px;line-height:1.4;font-weight:500;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,128,218,.16);-webkit-tap-highlight-color:transparent;transition:filter .15s,transform .15s}
.me-button:hover{filter:brightness(1.07)}
.me-button:active{transform:translateY(1px)}
.me-button:disabled{opacity:.6;cursor:wait;transform:none}
.me-button--register{background:#075bef}
.me-actions{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.me-links{margin:22px 0 0;text-align:center;font-size:13px}
.me-link{color:#c2d4e9;text-decoration:none}
.me-link:hover{color:#fff;text-decoration:underline}
.me-message{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(255,210,148,.28);border-radius:6px;background:rgba(43,22,20,.45);color:#ffddb6;font-size:13px;line-height:1.7;overflow-wrap:anywhere;word-break:break-word}
.me-message:empty{display:none}
.me-form[aria-busy="true"] .me-message{color:#d1efff;border-color:rgba(160,224,255,.3);background:rgba(13,48,73,.65)}
.me-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.me-register .me-shell{padding-top:42px;padding-top:clamp(32px,7vh,72px)}
.me-register .me-heading{margin-bottom:30px}
.me-register .me-heading h1{font-size:30px}
.me-register .me-field{margin-bottom:12px}
.me-register .me-actions{margin-top:20px}
.me-register .me-hint{margin:0 0 16px;color:#bfd0e4;font-size:12px;line-height:1.8}
.me-register .me-hint summary{width:fit-content;cursor:pointer;color:#d0dfed}
.me-register .me-hint p{margin:8px 0 0}
.me-captcha{display:flex;align-items:center;gap:10px;margin-bottom:14px;min-width:0}
.me-captcha .me-field{flex:1;min-width:0;margin-bottom:0}
.me-captcha img{display:block;flex:none;width:110px;height:52px;border-radius:7px;background:#fff;object-fit:contain;cursor:pointer}
.me-captcha .me-field-icon{margin-right:8px;margin-left:12px;width:18px;height:18px}
.me-age{display:flex;align-items:center;gap:8px;margin:2px 0 14px;color:#cfdaea;font-size:12px}
.me-age input{width:16px;height:16px;margin:0;accent-color:#00b5ee}
.me-recovery{display:block;margin-top:16px;color:#d1efff;text-decoration:underline;text-align:center;font-size:14px}
.member-entry [hidden]{display:none!important}
.me-noscript{padding:12px;border-radius:7px;background:rgba(42,20,20,.7);color:#ffddb6;font-size:13px}
@media(min-width:768px){.me-shell{padding-top:11vh}.me-panel{max-width:440px;padding:36px 32px 30px;border:1px solid rgba(189,215,246,.17);border-radius:18px;background:rgba(5,25,51,.44);box-shadow:0 22px 80px rgba(0,6,19,.2)}.me-heading{margin-bottom:40px}.me-register .me-shell{padding-top:38px}.me-register .me-panel{padding-top:30px}.me-register .me-heading{margin-bottom:26px}}
@media(max-width:360px){.me-shell{padding-left:22px;padding-right:22px;padding-top:64px}.me-heading{margin-bottom:40px}.me-heading h1{font-size:29px}.me-field-icon{margin-left:12px;margin-right:10px}.me-field input::placeholder{font-size:13px}.me-register .me-shell{padding-top:30px}.me-register .me-heading{margin-bottom:25px}.me-captcha{gap:8px}.me-captcha img{width:96px}}
@media(max-height:600px){.me-shell{padding-top:34px}.me-heading{margin-bottom:30px}.me-register .me-shell{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.member-entry *{transition:none!important}}