:root{font-family:Arial,Helvetica,sans-serif;color:#e9edf3;background:#0d1118;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:100px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #232a34}.brand{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:2px;color:#f3f5f8;text-decoration:none}.brand b{font-weight:400;color:#85909f}.mark{background:#b7eb91;color:#162319;font-size:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;margin-right:5px}.private{font-size:10px;letter-spacing:2px;color:#9ba6b5}.layout{max-width:1220px;margin:auto;padding:70px 50px 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:110px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#9caa9c;font-weight:600}h1{font-size:66px;line-height:1.04;letter-spacing:-3px;font-weight:500;margin:26px 0 22px}h1 em{font-style:normal;color:#b7eb91}.intro>p{max-width:340px;font-size:15px;line-height:1.7;color:#909ba9}.scene{position:relative;height:160px;margin-top:30px;background:linear-gradient(180deg,#3b5b63,#d3bda0 60%,#57716e);overflow:hidden;border-radius:12px;border:1px solid #637778}.sun{position:absolute;width:40px;height:40px;background:#e4cdb1;border-radius:50%;left:64%;top:25px;box-shadow:0 0 50px #eee1a680}.mountain{position:absolute;clip-path:polygon(0 100%,25% 24%,42% 65%,65% 4%,100% 100%);width:100%;height:120px;bottom:25px;background:#344e50}.back{background:#78908b;left:15%;bottom:34px}.water{position:absolute;bottom:0;height:35%;width:100%;background:linear-gradient(#597b7d99,#203d48);border-top:1px solid #a4b1a466}.scene-label{position:absolute;bottom:16px;left:18px;font-size:8px;letter-spacing:1.7px}.scene-play{position:absolute;right:17px;bottom:12px;border:1px solid #d3e1dd70;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:9px}.features{display:flex;justify-content:space-between;margin-top:22px;font-size:11px;color:#8e9ba8}.features i{font-style:normal;color:#53606e}.login{padding:38px;background:#141b24;border:1px solid #29323e;border-radius:16px;box-shadow:0 25px 80px #0002}h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin:19px 0 10px}.sub{font-size:13px;color:#8f9aaa;margin-bottom:32px}label{font-size:12px;color:#c0c9d4;display:block;margin-bottom:10px}input{width:100%;height:48px;border:1px solid #35404f;border-radius:7px;background:#0e151e;padding:0 14px;color:#edf2f8;font-size:13px;outline:none}input:focus{border-color:#b7eb91;box-shadow:0 0 0 3px #b7eb9110}input::placeholder{color:#647080}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.password-label button{background:none;border:0;color:#a9b49f;cursor:pointer;font-size:11px;padding:0 0 10px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:7px;padding:16px 18px;background:#b7eb91;color:#1c2a17;font-size:13px;font-weight:700;cursor:pointer}.primary:hover{background:#c7f5a8}.primary:disabled{opacity:.65;cursor:wait}#error{font-size:12px;color:#f4a39c;min-height:17px;margin:12px 0}.lock{text-align:center;color:#788697;font-size:10px;margin-top:23px}.help{text-align:center;font-size:10px;color:#778392;margin-top:23px}footer{display:flex;justify-content:space-between;margin:0 7%;padding:26px 0;border-top:1px solid #232a34;font-size:10px;color:#647181}.workspace{max-width:700px;margin:100px auto;padding:40px}.workspace h1{font-size:44px}.workspace p{color:#9aa7b7;line-height:1.8}.workspace button{max-width:200px;margin-top:30px}@media(max-width:850px){.layout{gap:40px;padding:40px 24px;grid-template-columns:1fr 1fr}h1{font-size:48px}.login{padding:25px}header{padding:0 24px}.private{font-size:8px}}@media(max-width:620px){header{height:76px}.layout{grid-template-columns:1fr;gap:35px;max-width:460px}.intro h1{font-size:44px;margin:18px 0}.intro h1 br{display:none}.intro h1 br:after{content:' '}.intro>p{font-size:13px}.scene,.features{display:none}.login{padding:28px}.private{letter-spacing:1px}.brand{font-size:16px}footer{gap:20px;line-height:1.6}.workspace{margin:40px 18px;padding:20px}}

.remember-login{display:flex;align-items:center;gap:10px;margin:18px 0 8px;cursor:pointer}.remember-login input{width:17px;height:17px;padding:0;accent-color:#b7eb91;flex-shrink:0}