:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#eaf0ed;background:#102b38;font-synthesis:none;font-weight:400;font-size:16px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #d4e5b9;outline-offset:6px}h1:focus{outline:none}[hidden]{display:none!important}
.page{width:min(1440px,100%);margin:0 auto;padding:0 6.4%;min-height:100svh;display:flex;flex-direction:column}.header{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:24px;text-decoration:none;color:inherit;flex-shrink:0}.brand-logo{display:block;width:200px;height:auto;background:#fff8eb;border-radius:4px}.brand-divider{height:25px;width:1px;background:#ffffff2e}.brand-product{font-size:11px;font-weight:500;letter-spacing:3px}.header-label{color:#a1b5bb;font-size:12px;letter-spacing:.3px}.account{display:flex;align-items:center;gap:22px;font-size:13px}.account>span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{border:0;background:transparent;padding:5px 0;color:#c5dbaa;font-size:13px;text-decoration:underline;text-underline-offset:5px}.text-button span{margin-left:9px}
.main{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:7%;flex:1;padding:85px 0 90px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#bfd6a2;display:flex;align-items:center;gap:10px;margin-bottom:35px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#c2d5a5;flex-shrink:0}h1{font-size:clamp(44px,5.2vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.12;margin:0 0 28px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#c2d5a5}.description{font-size:15px;line-height:1.9;color:#b0c0c5;max-width:490px;margin:0 0 33px}.primary-button{border:1px solid #c2d5a5;background:#c2d5a5;color:#17372e;padding:17px 21px;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600;border-radius:3px;transition:background .15s,transform .15s}.primary-button:hover:enabled{background:#d2e3ba;transform:translateY(-1px)}.button-arrow{margin-left:27px;font-size:20px;line-height:16px;font-weight:400}.status-message{font-size:12px;color:#b7c8cd;line-height:1.6;min-height:20px;margin:18px 0 0}.error-box{color:#ffdad1;font-size:13px;line-height:1.65;border-left:2px solid #d6a391;padding:0 0 0 13px;max-width:440px;margin-top:20px}.error-box p{margin:0 0 8px}.welcome{color:#d3e2d2;font-size:17px;margin:0 0 12px}.confirmed{display:flex;align-items:center;gap:10px;color:#c2d5a5;font-size:12px;padding:14px 0}
.illustration{background:#eff2e9;position:relative;aspect-ratio:1/1.11;max-width:480px;width:100%;border-radius:3px;color:#557461;display:flex;flex-direction:column;justify-content:space-between;padding:25px 25px 22px;box-shadow:0 20px 60px #071a2526}.illustration-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#647e70}.tiny-cross{font-size:20px;font-weight:300;color:#8eaa96}.blueprint{width:calc(100% + 12px);margin:18px -6px 12px;overflow:visible}.illustration-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;padding-top:17px;border-top:1px solid #bac8b97a}.illustration-bottom>span:first-child{display:flex;gap:6px;align-items:center}.small-dot{width:4px;height:4px;background:#59856a;border-radius:50%;display:inline-block}.footer{border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px;font-size:11px;color:#90a8b2;letter-spacing:.2px}.footer-status{display:flex;align-items:center;gap:10px}.footer .status-dot{width:4px;height:4px;background:#83a592}
@media(min-width:1500px){.main{gap:10%;padding-top:110px;padding-bottom:120px}}
@media(max-width:900px){.page{padding:0 6%}.main{gap:5%;padding:70px 0}.illustration{padding:17px 16px}.illustration-bottom{font-size:6px;letter-spacing:.5px}.header-label{display:none}h1{font-size:53px}.description{font-size:14px}.desktop-break{display:none}.button-arrow{margin-left:5px}.primary-button{font-size:12px;padding:16px}.eyebrow{font-size:9px;letter-spacing:1.7px}.brand{gap:18px}}
@media(max-width:650px){.page{padding:0 7%}.header{min-height:90px;gap:10px;flex-wrap:wrap;padding:16px 0}.brand-logo{width:142px}.brand{gap:12px}.brand-product{font-size:9px;letter-spacing:2px}.brand-divider{height:20px}.account{gap:8px;align-items:flex-end;flex-direction:column;font-size:10px;margin-left:auto}.account>span{max-width:125px}.text-button{font-size:11px}.main{grid-template-columns:1fr;gap:50px;padding:56px 0 45px}.eyebrow{margin-bottom:24px}h1{font-size:52px;letter-spacing:-2px;margin-bottom:23px}.description{font-size:14px;max-width:400px}.primary-button{padding:17px 20px;font-size:12px}.button-arrow{margin-left:24px}.illustration{max-width:400px;aspect-ratio:1/1;justify-self:center;padding:20px 23px}.blueprint{max-height:295px;margin:9px -6px}.illustration-bottom{font-size:6px}.footer{min-height:90px;font-size:9px;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px}.status-message:empty{margin:0;min-height:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
