*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif;
color:#1d1d1f;background:#f2f3f6}
.eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.09em;color:#6b6b73}
h1{margin:0;font-size:30px;font-weight:760;letter-spacing:-.022em;line-height:1.2}
.gate{display:grid;place-items:center;min-height:100dvh;padding:24px}
.gate-card{width:100%;max-width:430px;background:#fff;border-radius:24px;padding:32px 26px;
box-shadow:0 20px 60px rgba(16,26,45,.1)}
.gate-card .sub{margin:12px 0 0;font-size:16px;color:#3b3b40}
.gate-card form{margin-top:24px;display:grid;gap:10px}
label{font-size:15px;font-weight:700}
input{width:100%;min-height:56px;padding:0 16px;font-size:18px;border:2px solid #c9c9d1;
border-radius:14px;background:#fff;color:#1d1d1f}
input:focus{outline:3px solid rgba(36,120,215,.35);outline-offset:1px;border-color:#2478d7}
button{min-height:56px;padding:0 22px;font-size:18px;font-weight:730;border:0;border-radius:14px;
background:#1d1d1f;color:#fff;cursor:pointer}
button:active{transform:scale(.985)}
.notice{margin:18px 0 0;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:600}
.notice.error{background:#fdecea;color:#8c1d18;border:1.5px solid #b3261e}
.portal{max-width:760px;margin:0 auto;padding:28px 18px 60px}
.portal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}
.portal-head button{min-height:48px;font-size:15px;background:#e8e8ee;color:#1d1d1f}
.card-grid{display:grid;gap:14px}
.card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:20px;
text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(16,26,45,.07);
border-left:6px solid var(--tone,#2478d7);min-height:96px}
.card:active{transform:scale(.99)}
.card-icon{font-size:34px;line-height:1;flex:none}
.card-body{display:grid;gap:4px;min-width:0}
.card-body strong{font-size:21px;font-weight:750;letter-spacing:-.01em}
.card-body span{font-size:15px;color:#4a4a52;line-height:1.55}
.card-go{margin-left:auto;font-size:24px;color:#8b8b92;flex:none}
.card.blue{--tone:#2478d7}.card.violet{--tone:#7457c8}
.card.coral{--tone:#f05b58}.card.amber{--tone:#c47a1a}
.card.emerald{--tone:#1b8a52}
.foot{margin:26px 0 0;font-size:14px;color:#6b6b73;line-height:1.6}
.foot a{color:inherit}
.eyebrow a{color:inherit}
.kb{max-width:680px;margin:0 auto;padding:28px 18px 60px}
.kb-head{margin-bottom:22px}
.kb-rule{margin:0 0 24px;padding:20px;background:#fff;border-radius:20px;
border-left:6px solid #c47a1a;font-size:20px;font-weight:730;line-height:1.5;
letter-spacing:-.01em;box-shadow:0 10px 30px rgba(16,26,45,.07)}
.kb-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.kb-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;
border-radius:20px;box-shadow:0 10px 30px rgba(16,26,45,.07)}
.kb-icon{font-size:30px;line-height:1.2;flex:none}
.kb-item strong{display:block;font-size:19px;font-weight:750;letter-spacing:-.01em}
.kb-item p{margin:5px 0 0;font-size:16px;color:#4a4a52;line-height:1.65}
.kb-note{margin:22px 0 0;padding:18px 20px;border-radius:16px;background:#eceef3;
font-size:15px;line-height:1.7;color:#3b3b40}
@media (prefers-color-scheme:dark){
.kb-rule,.kb-item{background:#1b1e25;box-shadow:none}
.kb-item p{color:#b6b6c0}
.kb-note{background:#1b1e25;color:#c8c8d2}
body{background:#111318;color:#f2f2f5}
.gate-card,.card{background:#1b1e25;box-shadow:none}
.card-body span{color:#b6b6c0}.foot,.eyebrow{color:#9a9aa6}
input{background:#111318;color:#f2f2f5;border-color:#3a3d47}
button{background:#f2f2f5;color:#111318}
.portal-head button{background:#2a2e37;color:#f2f2f5}
.notice.error{background:#3a1512;color:#ffb4ab;border-color:#ff5449}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}