:root{--bg:#090b0f;--panel:#10141a;--panel-2:#151a22;--line:#252c36;--text:#f5f7fa;--muted:#8d97a5;--blue:#66a9ff;--violet:#9a86ff;--green:#4cdda4;--amber:#f2b863;--shadow:0 28px 90px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% -5%,rgba(64,126,220,.16),transparent 34rem),radial-gradient(circle at 88% 5%,rgba(128,91,230,.1),transparent 28rem),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.hidden{display:none!important}button,input{font:inherit}
.login-view{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{width:min(410px,100%);padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(20,25,33,.98),rgba(12,15,20,.98));box-shadow:var(--shadow)}.brand-orbit{display:grid;width:58px;height:58px;margin-bottom:28px;place-items:center;border:1px solid rgba(102,169,255,.42);border-radius:18px;background:rgba(58,121,201,.12);box-shadow:0 0 0 8px rgba(65,126,208,.04)}.brand-orbit span{font-size:13px;font-weight:900;letter-spacing:.12em}.eyebrow{margin:0 0 9px;color:#82baff;font-size:10px;font-weight:850;letter-spacing:.18em}.login-card h1{margin:0;font-size:29px;letter-spacing:-.03em}.login-copy{margin:10px 0 27px;color:var(--muted);font-size:13px;line-height:1.6}.login-card label{display:block;margin-bottom:8px;color:#c5ced8;font-size:12px;font-weight:700}.login-card input{width:100%;height:48px;padding:0 14px;color:var(--text);border:1px solid var(--line);border-radius:12px;outline:0;background:#0a0d12}.login-card input:focus{border-color:#4d83bd;box-shadow:0 0 0 4px rgba(78,161,255,.1)}.login-card button{width:100%;height:46px;margin-top:13px;color:#07111d;border:0;border-radius:12px;background:linear-gradient(180deg,#79b9ff,#559df0);font-weight:850;cursor:pointer}.login-card button:disabled{cursor:wait;opacity:.58}.login-error{min-height:20px;margin:12px 0 -4px;color:#ff8591;font-size:12px;text-align:center}
.portal{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0 45px}.portal-header{display:flex;align-items:center;justify-content:space-between;min-height:54px}.portal-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.portal-brand>span{display:grid;width:38px;height:38px;place-items:center;color:#dcecff;border:1px solid rgba(102,169,255,.35);border-radius:12px;background:rgba(58,121,201,.12);font-size:10px;font-weight:900;letter-spacing:.1em}.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{font-size:13px;letter-spacing:.08em}.portal-brand small{margin-top:2px;color:var(--muted);font-size:9px}.header-actions{display:flex;align-items:center;gap:12px}.header-actions time{color:var(--muted);font-size:11px}.quiet-button{height:34px;padding:0 12px;color:#b9c3cf;border:1px solid var(--line);border-radius:9px;background:rgba(17,21,26,.75);cursor:pointer}.quiet-button:hover{color:#fff;border-color:#3a4653}
.portal-hero{padding:78px 0 58px}.portal-hero h1{max-width:760px;margin:0;font-size:clamp(38px,6vw,70px);line-height:1.06;letter-spacing:-.055em}.portal-hero h1 span{color:#8abfff}.portal-hero>p:last-child{margin:19px 0 0;color:var(--muted);font-size:14px}.link-groups{display:grid;gap:38px}.group-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:0 2px}.group-heading h2{margin:0;font-size:13px;letter-spacing:.03em}.group-heading span{color:#626d79;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.link-card{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) 22px;align-items:center;gap:13px;min-height:122px;padding:19px;color:var(--text);border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(20,25,32,.92),rgba(14,18,23,.92));text-decoration:none;transition:transform .17s ease,border-color .17s ease,background .17s ease}.link-card:hover{border-color:#405061;background:linear-gradient(145deg,rgba(25,31,40,.98),rgba(16,20,26,.98));transform:translateY(-2px)}.link-icon{display:grid;width:45px;height:45px;place-items:center;border:1px solid currentColor;border-radius:14px;background:rgba(255,255,255,.035);font-size:14px;font-weight:900}.accent-blue .link-icon{color:var(--blue)}.accent-violet .link-icon{color:var(--violet)}.accent-green .link-icon{color:var(--green)}.accent-amber .link-icon{color:var(--amber)}.link-card strong{font-size:14px}.link-card p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.link-card>b{color:#66717d;font-size:15px;font-weight:500}.link-card:hover>b{color:#b7c6d5}.portal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:65px;padding-top:19px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.portal-footer span{display:flex;align-items:center;gap:7px}.portal-footer i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(76,221,164,.07)}
@media(max-width:820px){.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-hero{padding:62px 0 48px}}
@media(max-width:560px){.portal{width:calc(100% - 24px);padding-top:max(12px,env(safe-area-inset-top))}.portal-header{min-height:46px}.header-actions time{display:none}.portal-hero{padding:52px 4px 38px}.portal-hero h1{font-size:42px}.portal-hero>p:last-child{font-size:12px;line-height:1.6}.link-groups{gap:30px}.link-grid{grid-template-columns:1fr;gap:9px}.link-card{min-height:104px;padding:15px}.portal-footer{align-items:flex-start;flex-direction:column;gap:8px;margin-top:42px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.login-card{padding:28px 22px}.login-view{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.link-card{transition:none}}