:root{--background:#f3f7f5;--foreground:#172a28}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}button,input{font:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(15,118,110,.3);outline-offset:3px}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(440px,.92fr);background:#f4f8f6}.login-story{position:relative;min-height:100dvh;overflow:hidden;padding:clamp(32px,5vw,72px);color:#fff;background:radial-gradient(circle at 78% 12%,rgba(94,234,212,.2),transparent 18rem),radial-gradient(circle at 96% 92%,rgba(217,119,6,.13),transparent 20rem),linear-gradient(145deg,#0b302d,#0b5d55 68%,#0c7569)}.login-story::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(135deg,transparent 12%,#000 72%)}.login-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.login-brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#0a5b54;background:#dff7ef;font:700 26px Georgia,serif;box-shadow:0 12px 28px rgba(0,0,0,.17)}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:19px;letter-spacing:.08em}.login-brand small{color:#a9d4cd;font-size:9px;letter-spacing:.2em}.story-copy{position:relative;z-index:2;max-width:670px;margin-top:clamp(100px,17vh,190px)}.story-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#c4ebe3;background:rgba(255,255,255,.07);font-size:11px;font-weight:700;letter-spacing:.08em}.story-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#f2c46c;box-shadow:0 0 0 4px rgba(242,196,108,.13)}.story-copy h1{margin:25px 0 17px;font-size:clamp(46px,5.4vw,74px);line-height:1.14;letter-spacing:-.06em}.story-copy h1 em{color:#94dfcf;font-style:normal}.story-copy p{max-width:620px;margin:0;color:#c6ddd8;font-size:16px;line-height:1.9}.story-metrics{display:flex;margin-top:32px}.story-metrics>span{display:grid;gap:1px;padding:0 26px;border-left:1px solid rgba(255,255,255,.14)}.story-metrics>span:first-child{padding-left:0;border-left:0}.story-metrics strong{font-size:20px;font-variant-numeric:tabular-nums}.story-metrics small{color:#91bbb4;font-size:10px}.math-scene{position:absolute;z-index:1;right:-7%;bottom:5%;width:55%;height:48%;opacity:.37;transform:rotate(-4deg)}.math-scene::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 25px,rgba(94,234,212,.25) 27px 28px,transparent 29px 50px)}.math-scene span{position:absolute;padding:17px 22px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(7,48,44,.55);box-shadow:0 20px 45px rgba(0,0,0,.18);backdrop-filter:blur(10px);font:20px Georgia,serif}.math-scene span:nth-child(1){right:10%;top:4%}.math-scene span:nth-child(2){right:0;top:38%;font-size:17px}.math-scene span:nth-child(3){right:33%;bottom:5%}.story-footnote{position:absolute;z-index:2;left:clamp(32px,5vw,72px);bottom:32px;margin:0;color:#8fb8b2;font-size:11px;letter-spacing:.08em}.login-panel{min-height:100dvh;display:grid;place-items:center;padding:44px 28px;position:relative;background:radial-gradient(circle at 100% 0,rgba(42,152,135,.08),transparent 22rem),#f4f8f6}.login-card{width:min(480px,100%);padding:clamp(30px,4vw,48px);border:1px solid #dce8e4;border-radius:28px;background:rgba(255,255,252,.95);box-shadow:0 26px 70px rgba(16,57,54,.11)}.login-heading{margin-bottom:24px}.login-eyebrow{color:#0f766e;font-size:10px;font-weight:800;letter-spacing:.18em}.login-heading h2{margin:7px 0;color:#17322f;font-size:30px;letter-spacing:-.04em}.login-heading p{margin:0;color:#6d7f7c;font-size:13px}.device-detected{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:13px 14px;margin-bottom:24px;border:1px solid #d4e7e1;border-radius:15px;background:#edf7f3}.device-symbol{grid-row:1/3;width:44px;height:44px;position:relative;border-radius:13px;background:#d9eee8}.device-symbol::before{content:"";position:absolute;inset:10px 8px;border:2px solid #0f766e;border-radius:3px}.device-symbol.mobile::before{inset:7px 13px;border-radius:5px}.device-symbol.tablet::before{inset:7px 10px;border-radius:5px}.device-detected small,.device-detected strong{display:block}.device-detected small{color:#78908b;font-size:9px}.device-detected strong{color:#174b45;font-size:13px}.device-detected em{grid-column:2;color:#55726d;font-size:10px;font-style:normal}.login-form{display:grid}.login-form label{margin:0 0 7px;color:#354d49;font-size:12px;font-weight:700}.field-shell{height:50px;display:grid;grid-template-columns:38px 1fr;align-items:center;margin-bottom:17px;border:1px solid #d3e0dd;border-radius:13px;background:#fbfdfc;transition:.2s}.field-shell:focus-within{border-color:#65a99d;box-shadow:0 0 0 4px rgba(15,118,110,.08)}.field-shell>span{color:#7d918d;font-size:10px;font-weight:800;text-align:center}.field-shell input{min-width:0;height:100%;padding:0 14px 0 0;border:0;outline:0;color:#19332f;background:transparent;font-size:14px}.field-shell input::placeholder{color:#a2afac}.login-error{margin:-3px 0 15px;padding:10px 12px;border:1px solid #f0ccd0;border-radius:11px;color:#9f2f3a;background:#fff1f2;font-size:12px;line-height:1.5}.login-submit{min-height:52px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:14px;color:#fff;background:#0f766e;box-shadow:0 11px 25px rgba(15,118,110,.22);font-size:14px;font-weight:800;cursor:pointer;transition:.2s}.login-submit:hover{background:#0b625b;transform:translateY(-1px)}.login-submit:active{transform:scale(.985)}.login-submit:disabled{opacity:.58;cursor:not-allowed;transform:none}.session-check{min-height:146px;display:grid;place-items:center;align-content:center;gap:13px;color:#6a7d79;font-size:12px}.session-check i{width:28px;height:28px;border:3px solid #d6e9e3;border-top-color:#0f766e;border-radius:50%;animation:spin .75s linear infinite}.login-help{margin-top:24px;padding-top:20px;border-top:1px solid #e3ebe8}.login-help strong{color:#34504b;font-size:11px}.login-help p{margin:5px 0 0;color:#7a8b88;font-size:10px;line-height:1.7}.login-copyright{position:absolute;bottom:18px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0;color:#93a29f;font-size:9px}.login-copyright a{color:#527c76;text-decoration:none;font-weight:700}.login-copyright a:hover{text-decoration:underline}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:26px 24px 38px}.story-copy{margin-top:60px}.story-copy h1{font-size:43px}.story-copy p{font-size:14px}.story-metrics{margin-top:24px}.story-metrics>span{padding:0 15px}.math-scene,.story-footnote{display:none}.login-panel{min-height:auto;padding:26px 16px 54px}.login-card{padding:28px 21px;border-radius:23px}.login-copyright{position:static;margin-top:20px}.login-heading h2{font-size:27px}}@media(max-width:420px){.story-copy h1{font-size:37px}.story-metrics{justify-content:space-between}.story-metrics>span{padding:0 10px}.story-metrics strong{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}