:root{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#17201f;background:#f2eee5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c2613e;outline-offset:4px}.shell{max-width:1540px;min-height:100svh;margin:auto;padding:34px 5vw;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:700;letter-spacing:-.04em}.mark{display:grid;place-items:center;width:39px;height:39px;background:#f4c477;border-radius:12px 12px 12px 3px;font-size:27px;font-weight:400}.private{font-size:12px;color:#68716f;border:1px solid #d5d0c5;border-radius:20px;padding:8px 13px}main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr);align-items:center;gap:clamp(32px,7vw,120px);flex:1;padding:70px 0}.eyebrow{font:11px/1.5 monospace;letter-spacing:.16em;color:#96563c;margin:0 0 22px}h1{font-size:clamp(34px,4.3vw,64px);line-height:1.32;letter-spacing:-.05em;font-weight:600;margin:0}h1 span{color:#55706a}.description{font-size:14px;line-height:1.9;color:#68716f;margin:23px 0 38px}.composition{height:208px;position:relative;max-width:485px}.spec-card,.motion-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:65%;height:174px;padding:22px;border:1px solid #d7d0c4;border-radius:18px;box-shadow:0 16px 30px #263a360b}.spec-card{left:0;top:0;background:#fffdf6;transform:rotate(-5deg)}.motion-card{right:0;bottom:0;background:#263a36;color:#f8f4eb;transform:rotate(5deg);width:47%}.composition span,.composition small{font:9px/1.5 monospace;letter-spacing:.07em}.mini-tabs{display:flex;gap:5px}.mini-tabs i{width:38px;height:20px;background:#e6e2d8;border-radius:5px}.mini-tabs i:first-child{background:#db744f}.mini-lines{display:grid;gap:7px}.mini-lines b{width:65%;height:5px;background:#dfd9ce;border-radius:4px}.mini-lines b:last-child{width:43%}.orbit{position:relative;align-self:center;width:74px;height:74px;border:1px solid #82978c;border-radius:50%}.orbit:before{content:"";position:absolute;inset:13px;border:1px solid #82978c;border-radius:50%}.orbit i{position:absolute;top:4px;right:2px;width:16px;height:16px;border-radius:50%;background:#f4c477}.login-card{width:100%;max-width:450px;justify-self:end;background:#fffdf7;border:1px solid #d6d0c5;border-radius:24px;padding:clamp(26px,3.2vw,46px);box-shadow:0 20px 60px #263a3608}.login-card .eyebrow{margin-bottom:15px}h2{font-size:26px;line-height:1.4;letter-spacing:-.04em;margin:0}.subtle{font-size:13px;color:#68716f;margin:9px 0 32px}form{display:flex;flex-direction:column}label{font-size:12px;font-weight:600;line-height:1.5;margin:0 0 9px}input{width:100%;min-width:0;height:50px;border:1px solid #d5d0c5;border-radius:10px;background:#faf8f2;padding:0 14px;color:#17201f;font-size:14px;transition:border-color .15s}input::placeholder{color:#888e88}#username{margin-bottom:22px}input:focus{border-color:#55706a}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;right:3px;top:3px;bottom:3px;min-width:55px;border:0;border-radius:8px;background:transparent;font-size:12px;color:#55706a;cursor:pointer}.password-field button:hover{background:#e9eee8}.error{min-height:22px;margin:12px 0;color:#ac402e;font-size:12px;line-height:1.8}.submit{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;width:100%;padding:12px 17px;background:#263a36;color:#fffdf7;border:0;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s}.submit:hover{background:#3a514b}.submit:disabled{cursor:wait;opacity:.7}.security{margin:23px 0 0;font-size:11px;color:#79807a;text-align:center}.security span{margin-right:5px}footer{padding-top:22px;border-top:1px solid #d5d0c5;color:#80857d;font:9px/1.6 monospace;letter-spacing:.09em}@media(max-width:760px){.shell{padding:24px}main{grid-template-columns:1fr;gap:28px;padding:42px 0}.intro h1{font-size:34px}.intro .eyebrow{margin-bottom:12px}.description,.composition{display:none}.login-card{justify-self:start;max-width:none}.private{font-size:10px}footer{flex-wrap:wrap}.login-card h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}