body.login-page{min-height:100vh;background:#0b1d26 url('/assets/login-members-layout.webp') center top/cover no-repeat;color:#102f4b;overflow-x:hidden}
.login-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(#fff1 0.7px,transparent 0.9px);background-size:4px 5px;mix-blend-mode:soft-light;z-index:4}
.login-header{position:relative;z-index:5;min-height:122px;padding:14px clamp(22px,5vw,76px);display:flex;align-items:center;gap:clamp(24px,4vw,68px);background:#0c2028f5;border-bottom:1px solid #b7a37c;color:#f4ead2;box-sizing:border-box}
.login-brand{display:block;flex:none;width:clamp(250px,25vw,390px);text-decoration:none;transform:rotate(-2deg);filter:drop-shadow(5px 7px 1px #06111699)}
.login-brand img{display:block;width:100%;height:auto;object-fit:contain}
.login-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2.1vw,34px);flex:1;min-width:0}.login-header nav a{color:inherit;text-decoration:none;font:clamp(12px,1.05vw,16px)/1.2 Georgia,serif;white-space:nowrap}.login-header nav a:hover,.login-header nav a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px}
.login-stage{position:relative;z-index:3;min-height:calc(100vh - 122px);display:flex;justify-content:flex-end;align-items:flex-start;padding:72px clamp(15vw,18vw,290px) 104px 24px;box-sizing:border-box}
.login-card{position:relative;width:min(38vw,560px);min-width:480px;min-height:610px;box-sizing:border-box;padding:clamp(45px,4vw,62px) clamp(42px,4.5vw,68px) 38px;background-color:#f3e8d1;background-image:radial-gradient(#826d4b26 .65px,transparent .85px),linear-gradient(100deg,#fff4,transparent 55%);background-size:5px 5px,100% 100%;border:1px solid #c4b18d;box-shadow:0 12px 28px #0711184d}
.login-card:before{content:"";position:absolute;inset:-18px -20px -22px;background:#e8dbc1;clip-path:polygon(2% 1%,99% 0,98% 98%,69% 96%,53% 100%,31% 96%,0 99%,1% 47%);z-index:-1;box-shadow:0 8px 20px #07111833}
.login-tape{position:absolute;top:-18px;left:43%;width:112px;height:42px;background:#4e8aa083;transform:rotate(2deg)}
.login-card h1{margin:0;text-align:left;font:bold clamp(36px,3.1vw,48px)/1.05 Georgia,serif;color:#1d292d;white-space:nowrap}.login-underline{display:block;width:210px;height:5px;margin:8px 0 28px;background:#e4ae32;transform:rotate(-1deg)}
.login-card form{max-width:none}.login-card label{display:block;margin:18px 0;font:bold 18px/1.2 'Courier New',monospace}.login-field{display:flex;align-items:center;gap:13px;margin-top:8px;height:58px;padding:0 16px;border:1px solid #a99c86;background:#f6eedf;color:#075b8f;box-sizing:border-box}.login-field input{min-width:0;flex:1;width:100%;height:100%;padding:0;border:0!important;outline:0;background:transparent!important;color:#102f4b;font:16px/1.2 'Courier New',monospace}.login-field:focus-within{outline:3px solid #d47c9b;outline-offset:2px}.login-field input::placeholder{color:#817d75}.login-show{width:42px;padding:0!important;background:transparent!important;color:#075b8f!important;font-size:23px!important}.login-submit{width:100%;margin-top:10px;padding:17px 24px!important;display:flex!important;justify-content:center;gap:18px;background:#075784!important;border:0;color:#fff!important;font:bold 28px/1.1 Georgia,serif!important;box-shadow:0 4px 0 #073755}.login-submit:hover{background:#0a4568!important}.login-submit:focus-visible,.login-show:focus-visible{outline:3px solid #d47c9b;outline-offset:3px}
.login-card #platform-status{min-height:28px;margin:13px 0;color:#8a2047;text-align:center;font-weight:bold}.login-help,.login-join{text-align:center;font-size:15px}.login-help{margin:10px 0 0}.login-join{margin:22px 0 0;line-height:1.65}.login-join a{display:inline-block;font-weight:bold}.login-card a{color:#075784;text-underline-offset:3px}
@media(max-width:1100px){.login-header{align-items:flex-start}.login-header nav{overflow-x:auto;justify-content:flex-start;padding:14px 0 8px}.login-stage{justify-content:center;padding:55px 24px 75px;background:#07151b55}.login-card{width:min(560px,90vw);min-width:0}}
@media(max-width:650px){body.login-page{background-position:35% top}.login-header{display:block;padding:12px 16px}.login-brand{width:min(300px,88vw);margin:0 auto}.login-header nav{margin-top:14px}.login-stage{min-height:calc(100vh - 150px);padding:38px 18px 50px}.login-card{min-height:0;padding:52px 24px 32px}.login-card h1{font-size:40px;white-space:normal}.login-tape{width:110px;height:38px}.login-submit{font-size:23px!important}.login-intro{font-size:16px}}