:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#173331;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}.story{background:#102d35;color:#f4f4e9;position:relative;overflow:hidden;padding:42px 9%;display:flex;flex-direction:column}.story:after{content:"";position:absolute;width:570px;height:570px;border:1px solid #ffffff0b;border-radius:50%;right:-310px;bottom:-210px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03;pointer-events:none}.wordmark{display:flex;gap:13px;align-items:center;font-size:25px;letter-spacing:-.7px;font-weight:650}.wordmark img{border:1px solid #ffffff20;border-radius:11px}.story-main{margin:auto 0;padding:70px 0 55px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:600;color:#89b3b0;margin:0 0 26px}.story h1{font-size:clamp(30px,3.2vw,49px);line-height:1.45;letter-spacing:-1.3px;font-weight:550;margin:0 0 24px}.intro{font-size:15px;line-height:1.95;color:#b2c5c5;margin:0}.rhythm{height:100px;display:flex;align-items:center;gap:9px;margin-top:38px;max-width:360px}.rhythm i{display:block;width:5px;height:18px;background:#4dd8bd;border-radius:8px;opacity:.7}.rhythm i:nth-child(3n){height:38px}.rhythm i:nth-child(4n){height:65px}.rhythm i:nth-child(5n){height:90px}.rhythm i:nth-child(2n){opacity:.35}.topics{display:flex;gap:24px;color:#a3c7c3;font-size:12px;letter-spacing:1px;margin-top:12px}.story-bottom{font-size:12px;color:#759795;margin:0}.entry{position:relative;display:flex;justify-content:center;align-items:center;padding:76px 48px 100px}.login-box{width:100%;max-width:365px}.entry-logo{border-radius:15px;margin-bottom:27px;box-shadow:0 8px 20px #102d3512}.entry-kicker{font-size:11px;color:#76918b;margin-bottom:12px;letter-spacing:2px}.entry h2{font-size:29px;letter-spacing:-.7px;font-weight:650;margin:0 0 11px}.description{font-size:14px;line-height:1.7;color:#74827e;margin:0 0 35px;overflow-wrap:anywhere}label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}input{display:block;width:100%;height:51px;border:1px solid #d8e1dc;border-radius:9px;padding:0 15px;background:#fff;font:inherit;font-size:15px;color:#173331;outline:none;transition:.15s}input::placeholder{color:#9ca9a3}input:focus{border-color:#338a79;box-shadow:0 0 0 3px #338a7916}button{cursor:pointer;font:inherit;font-size:14px;border:0;border-radius:9px;background:#173f3b;color:#fff;width:100%;height:49px;margin-top:17px;display:flex;justify-content:center;align-items:center;gap:18px;font-weight:550;transition:.15s}button:hover{background:#23584e}button:focus-visible,a:focus-visible{outline:3px solid #4baf99;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}button span{font-size:20px;font-weight:400}.message{min-height:24px;margin:14px 0 17px;font-size:13px;line-height:1.65;color:#286957}.message.error{color:#ad3d33}.access-note{border-top:1px solid #e2e7e0;padding-top:22px;display:flex;gap:10px;align-items:flex-start}.access-note p{font-size:12px;line-height:1.8;color:#8b9791;margin:0}.note-dot{width:5px;height:5px;background:#70a899;border-radius:50%;margin-top:8px;flex:none}footer{position:absolute;bottom:29px;left:48px;right:48px;display:flex;justify-content:space-between;font-size:11px;color:#8a9890}footer a{color:#788b83;text-decoration:none}footer a:hover{text-decoration:underline}.code-actions{display:flex;justify-content:space-between;gap:20px}.text-button{width:auto;height:auto;margin-top:16px;background:none;color:#528475;font-size:12px;line-height:1.5;padding:3px 0;font-weight:400}.text-button:hover{background:none;color:#173f3b}.text-button:disabled{cursor:default}#code{letter-spacing:4px}[hidden]{display:none!important}@media(min-width:1500px){.story{padding-left:13%;padding-right:13%}}@media(max-width:800px){.shell{grid-template-columns:1fr}.story{display:none}.entry{min-height:100svh;padding:60px 28px 95px}.login-box{max-width:390px}.entry-logo{width:62px;height:62px}.entry h2{font-size:29px}footer{left:28px;right:28px}.description{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
