:root{color-scheme:dark;--bg:#141519;--panel:#1c1e23;--ink:#f2f0f3;--muted:#9995a2;--line:#2d2f38;--pink:#f283b6;--blue:#546cd8;font-family:"Plus Jakarta Sans",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100dvh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:104px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px}.brand img{width:42px;height:auto;object-fit:contain}.wordmark{font-family:Jost,sans-serif;font-size:25px;font-weight:400;letter-spacing:1px;color:var(--blue)}.wordmark span{color:var(--pink)}main{max-width:1240px;margin:25px auto 44px;padding:0 60px;display:grid;grid-template-columns:1.12fr 1fr;gap:104px;align-items:center;min-height:calc(100dvh - 230px)}.intro{position:relative;max-width:520px;padding:12px 0}.eyebrow{display:flex;align-items:center;gap:8px;color:#b3afbc;font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.eyebrow i{width:6px;height:6px;background:var(--pink);border-radius:50%}h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(44px,4.6vw,62px);font-weight:600;line-height:1.02;letter-spacing:-2.5px;margin:22px 0 19px}.accent{color:var(--pink);display:inline-block}.intro-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:365px;margin:0 0 29px}/* Decorative paid-content card: one visual, one clear action. */
.content-preview{width:100%;max-width:440px;padding:8px;border:1px solid #36313f;border-radius:22px;background:#1b1c22;box-shadow:0 20px 60px #00000020}
.content-art{height:190px;position:relative;isolation:isolate;overflow:hidden;border-radius:15px;background:radial-gradient(ellipse at 77% 14%,#f283b675,transparent 58%),radial-gradient(ellipse at 12% 90%,#546cd8c4,transparent 65%),#272638}
.art-orbit{position:absolute;border-radius:50%;transform:rotate(-32deg);border:30px solid #ac8bd94a;box-shadow:inset 0 0 40px #f5b4d423,0 0 50px #5c65dd1a}
.orbit-one{width:360px;height:155px;left:-75px;top:35px}
.orbit-two{width:340px;height:160px;right:-105px;top:-18px;border-color:#f4a4cf2e;transform:rotate(-40deg)}
.locked-content{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;border:1px solid #eadff04d;background:#23203166;box-shadow:0 8px 30px #16152533;backdrop-filter:blur(12px);color:#f9edf5}
.locked-content svg{width:23px;height:23px;stroke-width:1.4}
.media-label{position:absolute;bottom:15px;left:17px;color:#f1e8f6d9;font-size:10px;letter-spacing:.3px}
.content-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 10px 9px;font-size:12px;font-weight:500;color:#e5deeb}
.stars-pill{display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:20px;background:#f283b613;color:#f2a0c6;font-size:10px;white-space:nowrap}
.stars-pill svg{width:14px;height:14px;fill:currentColor;stroke-width:0}
.auth-area{min-width:0;display:grid;justify-items:center;border-left:1px solid #29272f;padding-left:66px}.panel{width:100%;max-width:370px;min-width:0}.welcome-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #38303d;border-radius:11px;color:var(--pink);background:#f283b60b;margin-bottom:22px}.welcome-icon svg{width:19px;height:19px}h1{font-family:"Bricolage Grotesque",sans-serif;font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-1.3px;margin:0 0 10px}.description{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 31px;overflow-wrap:anywhere}form{display:flex;flex-direction:column;gap:21px}.field{display:grid;gap:9px;min-width:0}label{font-size:12px;font-weight:600;color:#d4cedd}.input-wrap{display:flex;align-items:center;position:relative;border:1px solid #36343f;border-radius:9px;background:#1b1c21;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#c57ca5;box-shadow:0 0 0 3px #f283b610}.input-wrap>svg{position:absolute;left:14px;width:16px;height:16px;color:#7d7488;pointer-events:none}input{width:100%;min-width:0;height:51px;padding:13px 43px;color:#eee9f4;font:inherit;font-size:13px;background:transparent;border:0;border-radius:9px;outline:none}input::placeholder{color:#6e6678}input:disabled{opacity:.65}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #1b1c21 inset;-webkit-text-fill-color:#eee9f4}.password-toggle{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;color:#8d829b;background:transparent;border-radius:6px}.password-toggle svg{width:17px;height:17px}.password-toggle:hover{color:#e5cfde}.password-toggle[aria-pressed=true]{color:var(--pink)}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #8b9be9;outline-offset:4px}.primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:51px;padding:14px 20px;border:1px solid var(--pink);border-radius:9px;background:var(--pink);color:#2a1824;font-size:13px;font-weight:700;line-height:1.4;transition:background .15s,transform .15s}.primary svg{width:16px;height:16px}.primary:hover{background:#f69bc5;border-color:#f69bc5;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.primary:disabled{opacity:.65;cursor:wait;transform:none}.support{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;font-size:11px;line-height:1.8;color:#8f879c;margin-top:22px}.support a{color:#c3b3d1}.support a:hover{color:var(--pink);text-decoration:underline;text-underline-offset:4px}.secondary{width:100%;padding:13px 16px;border:1px solid #514357;border-radius:9px;background:transparent;color:var(--ink);font-size:13px}#error{font-size:12px;color:#ffc0d2;line-height:1.6;background:#f283b60b;border:1px solid #f283b635;border-radius:8px;margin:0;padding:11px 12px}.workspace{padding:13px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;overflow-wrap:anywhere}.workspace strong{display:block;font-size:13px;margin-bottom:6px}.workspace small{font-size:11px;color:var(--muted)}footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;padding:15px 64px 25px;color:#696271;font-size:10px;line-height:1.5}[hidden]{display:none!important}@media(min-width:1700px){main{gap:130px;max-width:1370px;padding:0 80px}.auth-area{padding-left:100px}.panel{max-width:390px}h2{font-size:60px}.intro-description{max-width:360px}.content-preview{max-width:470px}.content-art{height:210px}}@media(min-width:901px) and (max-height:820px){.topbar{height:86px}main{margin:10px auto 28px;min-height:calc(100dvh - 185px)}h2{font-size:51px;margin:18px 0 15px}.intro-description{margin-bottom:22px}.welcome-icon{margin-bottom:18px}.description{margin-bottom:25px}form{gap:17px}.content-art{height:165px}}@media(max-width:1100px) and (min-width:901px){main{gap:50px;padding:0 44px}.auth-area{padding-left:40px}.content-caption{font-size:11px;padding-left:5px;padding-right:5px}.stars-pill{font-size:9px;padding:8px}h2{font-size:50px}}@media(max-width:900px){.topbar{height:92px;padding:0 30px}main{display:block;max-width:480px;padding:0 28px;margin:36px auto 60px;min-height:calc(100dvh - 250px)}.intro{display:none}.auth-area{padding:0;border:0}.panel{max-width:370px}.welcome-icon{margin-bottom:24px}h1{font-size:36px}.description{font-size:14px;margin-bottom:31px}.field{gap:10px}label{font-size:13px}input{font-size:16px;height:54px}.password-toggle{top:7px}.primary{min-height:54px;font-size:14px}.support{font-size:12px}footer{padding:15px 30px 26px}.brand img{width:38px}.wordmark{font-size:23px}}@media(max-width:450px){.topbar{padding:0 23px;height:90px}main{padding:0 25px;margin:28px auto 42px;min-height:calc(100dvh - 230px)}h1{font-size:34px}.brand{gap:10px}.description{font-size:13px}.support{font-size:11px}footer{padding:12px 25px 23px;flex-wrap:wrap;font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}