*{box-sizing:border-box}:root{--bg:#f5f2ed;--bg-soft:#fbfaf8;--surface:#ffffffb8;--surface-strong:#ffffffe6;--text:#1e1d1b;--muted:#7d776f;--soft:#a59d94;--line:#5748391f;--line-strong:#5748392e;--accent:#b77b55;--shadow:0 22px 68px #47382b1a}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 12% 0,#e7cdb285,#0000 31%),radial-gradient(circle at 88% 90%,#d5c9ba57,#0000 30%),linear-gradient(#fbfaf8 0%,#f3f0eb 100%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-page{isolation:isolate;min-height:100svh}.ambient{filter:blur(12px);z-index:-1;pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#e7c9a975;width:360px;height:360px;top:-120px;left:-130px}.ambient-two{background:#c9beaf57;width:300px;height:300px;bottom:-130px;right:-130px}.login-card{-webkit-backdrop-filter:blur(26px)saturate(120%);width:min(100%,420px);box-shadow:var(--shadow);background:#ffffffad;border:1px solid #ffffffc7;border-radius:28px;padding:32px}.login-brand{color:#8f7a69;letter-spacing:.16em;align-items:center;gap:9px;font-size:11px;font-weight:650;display:flex}.brand-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #b77b551c}.login-title{margin:28px 0 24px}.login-title h1{letter-spacing:-.045em;margin:0;font-size:36px;line-height:1.06}.login-title p{color:var(--muted);letter-spacing:.01em;margin:9px 0 0;font-size:13.5px}.login-form{gap:14px;display:grid}.field{gap:8px;display:grid}.field>span{color:#4f4a44;font-size:13px;font-weight:600}.field input{border:1px solid var(--line-strong);width:100%;height:48px;color:var(--text);background:#ffffffb8;border-radius:14px;outline:none;padding:0 15px;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder{color:#aaa39b}.field input:focus{background:#fffffff0;border-color:#9b75567a;box-shadow:0 0 0 4px #9b755614}.password-field{position:relative}.password-field input{padding-right:66px}.password-toggle{color:#888078;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:7px 9px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.form-message{color:#9f654f;background:#b56f5612;border:1px solid #a7675129;border-radius:12px;margin-top:-4px;padding:10px 12px;font-size:13px}.primary-button,.secondary-button,.ghost-button,.forgot-button{cursor:pointer;border:0}.primary-button{color:#fff;letter-spacing:.01em;background:#20201f;border-radius:14px;height:48px;margin-top:2px;font-weight:650;transition:transform .18s,opacity .18s;box-shadow:0 8px 20px #1f1f1e21}.primary-button:hover{transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.62;cursor:wait}.forgot-button{color:#918981;background:0 0;justify-self:center;padding:4px 8px;font-size:12px}.login-foot{text-align:center;color:#b1aaa3;letter-spacing:.05em;margin-top:22px;font-size:10.5px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(12px);background:#221f1c2e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.hint-card{text-align:center;background:#ffffffe0;border:1px solid #ffffffc7;border-radius:26px;width:min(100%,360px);padding:28px;box-shadow:0 24px 70px #382f272e}.hint-label{color:#9a806c;letter-spacing:.16em;font-size:10px;font-weight:700}.hint-card h2{letter-spacing:-.03em;margin:14px 0 0;font-size:24px}.hint-code{letter-spacing:.06em;margin:22px 0;font-size:48px;font-weight:760}.secondary-button{color:#403b36;background:#efebe6;border-radius:14px;width:100%;height:46px;font-weight:650}.hub-wrap{width:min(1120px,100%);margin:0 auto;padding:26px 24px 48px}.hub-toolbar{justify-content:space-between;align-items:center;gap:18px;min-height:46px;display:flex}.brand-mark{color:#897b70;letter-spacing:.18em;font-size:11px;font-weight:700}.ghost-button{border:1px solid var(--line);color:#766f68;background:#ffffff7a;border-radius:11px;padding:8px 11px;font-size:11px}.hub-hero{padding:54px 0 28px}.eyebrow{color:#9a7d67;letter-spacing:.18em;margin-bottom:14px;font-size:11px;font-weight:700}.hub-hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(40px,7vw,72px);line-height:.98}.hub-hero p{max-width:520px;color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.65}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.module-card{-webkit-backdrop-filter:blur(18px);background:#ffffff9e;border:1px solid #fffc;border-radius:22px;min-height:198px;padding:21px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;position:relative;overflow:hidden;box-shadow:0 12px 34px #3f32260e}.module-card:hover{background:#ffffffb8;border-color:#b399823d;transform:translateY(-2px);box-shadow:0 16px 40px #3f322613}.module-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.module-number{color:#aaa096;letter-spacing:.12em;font-size:10.5px;font-weight:700}.module-status{color:#91867d;background:#f5f2edb8;border:1px solid #8e7e701f;border-radius:999px;padding:6px 9px;font-size:10px}.module-card-body{margin-top:30px}.module-card h2{letter-spacing:-.035em;margin:0;font-size:24px}.module-card p{max-width:360px;color:var(--muted);margin:9px 0 0;font-size:13.5px;line-height:1.6}.module-arrow{color:#9a8d83;font-size:20px;position:absolute;bottom:18px;right:21px}.hub-footer{color:#b0a8a0;text-align:center;letter-spacing:.04em;padding:32px 0 0;font-size:10.5px}.loading-card{color:#817970;background:#ffffffa3;border:1px solid #ffffffb8;border-radius:15px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;display:inline-flex;box-shadow:0 12px 36px #44372914}.loading-dot{background:#aa8061;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@media (max-width:720px){.page-shell{padding:14px}.login-card{border-radius:24px;padding:26px 20px 22px}.login-title{margin:24px 0 22px}.login-title h1{font-size:33px}.login-title p{font-size:13px}.hub-wrap{padding:16px 16px 36px}.hub-toolbar{min-height:42px}.hub-hero{padding:34px 2px 22px}.hub-hero h1{font-size:44px}.hub-hero p{margin-top:12px;font-size:12.5px;line-height:1.6}.eyebrow{margin-bottom:12px}.module-grid{grid-template-columns:1fr;gap:10px}.module-card{border-radius:20px;min-height:164px;padding:18px}.module-card-body{margin-top:17px}.module-card h2{font-size:22px}.module-card p{margin-top:8px;font-size:12.5px}}@media (max-width:380px){.login-card{padding:24px 18px 21px}.login-title h1{font-size:31px}.hub-hero h1{font-size:40px}}