:root{color-scheme:light;--ink:#1c293b;--sub:#647386;--line:#e9edf1;--warm:#f7f7f5;--accent:#3a6477}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fcfcfa}body{display:flex;flex-direction:column;min-height:100vh}.topbar{height:88px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0ed}.mark{font-weight:800;letter-spacing:-.045em;font-size:25px;display:flex;gap:13px;align-items:center}.dot{color:#8aaa9b}.brand-icon{height:29px;width:29px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-8deg)}.brand-icon span{border-radius:5px;background:#87a6a0}.brand-icon span:nth-child(2){background:#d6bc93}.brand-icon span:nth-child(3){background:#c6d4c5}.brand-icon span:nth-child(4){background:#688d8b}.tag{font-size:12px;font-weight:700;color:#7e8d92;border:1px solid #e2e9e8;border-radius:999px;padding:9px 15px}.layout{flex:1;max-width:1300px;width:100%;margin:0 auto;padding:85px 5.5% 76px;display:grid;grid-template-columns:1.14fr .86fr;gap:11%;align-items:center}.overline{font-size:11px;font-weight:800;letter-spacing:.19em;color:#688d86;margin-bottom:28px}.hero h1{font-size:clamp(42px,4vw,63px);line-height:1.16;letter-spacing:-.065em;margin:0 0 24px;font-weight:800}.hero h1 em{font-style:normal;color:#92ada7}.subtitle{font-size:15px;line-height:1.85;max-width:520px;color:#718092;margin:0 0 45px}.tiles{display:grid;grid-template-columns:1.08fr .89fr .89fr;gap:14px;align-items:start}.tile{overflow:hidden;background:#fff;border:1px solid #edf0ef;border-radius:15px;box-shadow:0 12px 40px rgba(20,44,39,.035)}.tile-art{height:135px;position:relative;overflow:hidden}.tile-a .tile-art{background:linear-gradient(160deg,#e5d8c5,#b7cec8)}.tile-b .tile-art{background:linear-gradient(145deg,#d5c9c0,#efd7bd)}.tile-c .tile-art{background:linear-gradient(160deg,#afcbd3,#d5dfd5)}.tile-text{padding:13px 14px;font-size:12px;font-weight:800}.tile-text span{display:block;font-size:10px;font-weight:600;color:#94a0ac;margin-top:3px}.sun{width:35px;height:35px;position:absolute;right:23px;top:23px;border-radius:50%;background:#f4dfaa}.mount{position:absolute;bottom:-50px;width:220px;height:140px;transform:rotate(35deg);border-radius:34px}.m1{background:#8ea9a1;left:-60px}.m2{background:#668d87;left:72px;bottom:-75px}.ring{position:absolute;display:block;width:92px;height:92px;border:16px solid rgba(255,255,255,.48);border-radius:50%}.r1{top:-32px;left:-33px}.r2{top:40px;left:39px;border-color:rgba(163,141,134,.36)}.r3{top:8px;right:-33px;border-color:rgba(255,240,215,.55)}.sea{position:absolute;bottom:-55px;left:-35px;width:240px;height:132px;border-radius:50%;background:#6eabb5;transform:rotate(-15deg)}.coast-dot{position:absolute;top:25px;left:49px;background:#f2e9d7;width:35px;height:35px;border-radius:50%}.card{padding:39px 38px 33px;border:1px solid #e5eae7;background:#fff;box-shadow:0 22px 90px rgba(39,56,61,.06);border-radius:20px}.lock-graphic{display:flex;align-items:center;justify-content:center;width:51px;height:51px;margin-bottom:24px;background:#f0f5f2;color:#6e9c91;border-radius:16px;font-size:36px;font-weight:700}.card h2{font-size:27px;letter-spacing:-.05em;margin:0 0 10px}.auth-desc{font-size:13px;line-height:1.75;color:#82909c;margin:0 0 30px}.card form{display:flex;flex-direction:column;gap:9px}.card label{font-size:11px;font-weight:800;color:#516270;margin-top:11px}.card input{height:49px;padding:0 15px;border:1px solid #dbe3e5;border-radius:9px;font-size:13px;background:#fbfcfc;outline:0;color:#253a45;transition:border .2s,box-shadow .2s}.card input:focus{border-color:#80a69c;box-shadow:0 0 0 3px rgba(144,174,164,.16)}.card button{height:51px;border:0;margin-top:21px;background:#304f54;color:#fff;font-family:inherit;font-size:13px;font-weight:800;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.card button:hover{background:#254448}.hint{font-size:11px;line-height:1.7;color:#9aa6ac;margin:23px 0 0}.under-card{font-size:11px;color:#8a9c9a;margin:24px 0;text-align:center}.status-dot{display:inline-block;width:7px;height:7px;background:#9fbea9;border-radius:50%;margin-right:6px}footer{height:70px;border-top:1px solid #edf0ed;padding:0 7.2%;display:flex;justify-content:space-between;align-items:center;color:#a0abae;font-size:11px}@media(max-width:950px){.layout{grid-template-columns:1fr;gap:50px;padding:60px 8%}.hero h1{font-size:48px}.card{max-width:500px;margin:auto}.auth-panel{max-width:500px;margin:auto;width:100%}}@media(max-width:550px){.topbar{padding:0 6%;height:70px}.tag{display:none}.layout{padding:46px 6%}.hero h1{font-size:39px}.subtitle{font-size:13px;margin-bottom:24px}.tile-art{height:90px}.tile-text{padding:10px;font-size:11px}.card{padding:30px 24px}footer{padding:0 6%}}