@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f4f6fb;background:#0c111b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted:#9aa6b8;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 15% 20%,rgba(50,79,132,.22),transparent 42%),radial-gradient(ellipse at 90% 75%,rgba(41,86,107,.13),transparent 36%),#0c111b}button,input{font:inherit}
.page-shell{max-width:1200px;margin:0 auto;padding:0 48px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 22px Manrope,sans-serif;letter-spacing:-.8px}.brand-light{font-weight:500;color:#9fb8ef}.brand-mark{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-8deg)}.brand-mark span{width:7px;border-radius:4px;background:#9db8ff}.brand-mark span:nth-child(1){height:15px;opacity:.7}.brand-mark span:nth-child(2){height:23px}.brand-mark span:nth-child(3){height:18px;opacity:.85}
.topbar-note,.eyebrow,.panel-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8290a6}.hero{min-height:calc(100vh - 144px);display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center;padding:55px 0 45px}.eyebrow{display:flex;align-items:center;gap:9px;color:#a9c0f2}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#8eafff;box-shadow:0 0 15px #8eafff}
h1{font:800 clamp(54px,6vw,78px)/1.02 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0 20px}h1 span{color:#91aff0}.hero-description{max-width:450px;color:#aab5c6;font-size:16px;line-height:1.8;margin:0}.trust-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:27px;color:#d5dce8;font-size:12px}.check-icon{font-style:normal;color:#91b2ff;margin-right:7px}
.photo-art{height:275px;max-width:510px;position:relative;margin-top:32px}.photo-card{position:absolute;width:205px;height:225px;border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:8px;background:rgba(255,255,255,.08);box-shadow:0 20px 55px rgba(0,0,0,.3)}.photo-card-back{left:64px;top:12px;transform:rotate(-12deg);opacity:.5}.photo-card-mid{left:145px;top:14px;transform:rotate(10deg);opacity:.7}.photo-card-front{left:105px;top:25px;transform:rotate(-2deg)}.landscape{height:100%;position:relative;overflow:hidden;border-radius:7px;background:linear-gradient(160deg,#b6c6d8 0%,#e0c5a6 48%,#667d7c 49%,#273e4a 100%)}.landscape-back{background:linear-gradient(145deg,#b2c6d1,#778f9c 45%,#435d67 46%,#1f3540)}.landscape-mid{background:linear-gradient(155deg,#d9b994,#879da0 50%,#3d5a61 51%,#243a42)}.landscape-front{background:linear-gradient(180deg,#9eb8d0 0%,#e2c7a6 62%,#78918a 63%,#354c4a 100%)}.sun{position:absolute;width:38px;height:38px;border-radius:50%;background:#f4d8a9;top:38px;right:35px;box-shadow:0 0 30px rgba(244,216,169,.4)}.mountain{position:absolute;bottom:0;width:0;height:0;border-left:110px solid transparent;border-right:110px solid transparent}.mountain-one{left:-35px;border-bottom:110px solid #526d6c}.mountain-two{right:-62px;border-bottom:145px solid #304d50}.photo-caption{display:flex;justify-content:space-between;color:#d7e0e9;font-size:8px;letter-spacing:1.2px;padding:8px 3px}.art-glow{position:absolute;width:240px;height:70px;left:95px;bottom:0;background:#6286ce;filter:blur(65px);opacity:.18;z-index:-1}
.auth-panel{background:rgba(21,29,43,.88);border:1px solid rgba(255,255,255,.1);border-radius:19px;padding:32px;box-shadow:0 25px 80px rgba(0,0,0,.25);backdrop-filter:blur(15px)}.panel-icon{width:34px;height:34px;border-radius:10px;background:rgba(135,169,255,.13);color:#a8c0ff;display:grid;place-items:center;font-size:19px;margin-bottom:22px}.panel-kicker{font-size:9px;color:#9aafd9}.panel-heading h2{font:700 25px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 7px}.panel-heading p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#101722;border:1px solid var(--line);padding:4px;border-radius:9px;margin:27px 0 23px}.auth-tab{border:0;border-radius:6px;background:transparent;color:#8f9bad;padding:10px 6px;font-size:12px;cursor:pointer}.auth-tab.active{background:#29364c;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}
form label{display:block;color:#d5dce8;font-size:11px;font-weight:600;margin:15px 0 8px}input{width:100%;height:45px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#101722;color:#fff;padding:0 13px;outline:none;font-size:13px}input:focus{border-color:#88a9f5;box-shadow:0 0 0 3px rgba(136,169,245,.12)}input::placeholder{color:#657287}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.show-password{position:absolute;right:11px;top:0;height:45px;border:0;background:none;color:#9db7ef;font-size:11px;cursor:pointer}.primary-button{width:100%;height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;border-radius:8px;background:linear-gradient(100deg,#789bea,#91b3fa);color:#101827;font-size:13px;font-weight:700;margin-top:23px;cursor:pointer}.primary-button:hover{filter:brightness(1.08)}.form-message{min-height:34px;color:#8795aa;font-size:10px;line-height:1.55;margin:12px 0 0}.panel-foot{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;color:#a6b1c1;font-size:10px;text-align:center}.lock-icon{color:#9db7ef;margin-right:6px}
.footer{height:56px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#68768b;font-size:10px}
@media(max-width:950px){.page-shell{padding:0 28px}.hero{grid-template-columns:1fr 390px;gap:35px}.photo-art{transform:scale(.9);transform-origin:left top}}
@media(max-width:760px){.page-shell{padding:0 20px}.topbar{height:72px}.topbar-note{font-size:8px;letter-spacing:1.1px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:42px 0 35px}.hero-copy h1{font-size:58px;margin-top:20px}.hero-description{font-size:14px;max-width:500px}.photo-art{height:205px;margin-top:18px;transform:scale(.78);transform-origin:left top;margin-bottom:-38px}.auth-panel{padding:25px 22px}.footer{font-size:9px;gap:10px}.footer span:last-child{text-align:right}}
@media(max-width:380px){.hero-copy h1{font-size:49px}.trust-row{gap:12px;font-size:10px}.auth-panel{padding:22px 17px}}
[hidden]{display:none!important}
.form-message[data-kind="success"]{color:#a9d8b8}.form-message[data-kind="error"]{color:#ffaaa7}.primary-button:disabled{opacity:.65;cursor:wait}