:root{color-scheme:dark;--bg:#110d18;--ink:#fbf7fc;--muted:#bfb4c7;--line:#ffffff20;--pink:#ef83b9;--plum:#672951;--card:#fffafc;--dark:#2a192b;--error:#a52043;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 25%,#50203b66,transparent 52%),var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary,select{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd5891;outline-offset:4px}[hidden]{display:none!important}.landing{max-width:1216px;margin:auto;padding:0 44px}.siteHeader{height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand img{object-fit:contain}.brand strong{font-size:23px;letter-spacing:-.8px}.brand strong span{display:inline-block;margin-left:12px;font-size:10px;letter-spacing:0;color:var(--muted);vertical-align:middle;border:1px solid var(--line);border-radius:5px;padding:3px}.headerActions{display:flex;gap:22px;align-items:center}.languageLabel select{color:var(--muted);background:var(--bg);border:0;font-size:13px;max-width:130px;padding:10px 4px}.headerLogin{border:1px solid #ffffff45;padding:10px 24px;border-radius:99px;background:none;color:var(--ink);font-size:13px;font-weight:650}.headerLogin:hover{background:#ffffff12}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:80px;padding:76px 0 64px;align-items:center}.heroCopy{padding:0 0 12px}.eyebrow{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:1.5px;display:flex;gap:10px;align-items:center;color:#e6b1d0}.eyebrow>span:first-child{width:7px;height:7px;background:var(--pink);border-radius:50%}h1{font-size:clamp(43px,4.55vw,65px);font-weight:650;line-height:1.08;letter-spacing:-3px;margin:25px 0;overflow-wrap:normal}h1 em{font-weight:450;font-family:Georgia,"Times New Roman",serif;color:var(--pink);letter-spacing:-2.1px}.heroIntro{font-size:17px;color:var(--muted);line-height:1.75;max-width:420px}.heroCta{display:inline-flex;gap:32px;align-items:center;text-decoration:none;font-size:15px;font-weight:650;margin-top:17px;border-bottom:1px solid #e6b1d066;padding:0 0 10px}.heroCta>span:last-child{color:var(--pink);font-size:23px}.freeNote{font-size:11px;color:var(--muted);margin-top:14px}.heroSignature{display:flex;align-items:center;gap:12px;color:#dccbdc;font-size:12px;margin-top:52px}.signatureMark{color:var(--pink);font-size:27px}.signupCard,dialog{color-scheme:light;background:var(--card);color:var(--dark);padding:30px;border-radius:24px;border:1px solid #ffffff36;box-shadow:0 25px 90px #0003}.authTabs{display:flex;gap:4px;border-bottom:1px solid #2a192b20;margin-bottom:28px;padding-bottom:13px}.authTabs button{font-size:12px;font-weight:600;color:#74616e;background:none;border:0;padding:8px 14px;border-radius:99px}.authTabs button.active{background:#eadfe7;color:var(--dark)}.smallStep{font-size:11px;color:var(--plum);letter-spacing:1.5px;font-weight:650;margin-bottom:12px}.smallStep span{color:#ac9aa6;margin-left:4px}.signupCard h2,dialog h2{font-size:26px;line-height:1.25;letter-spacing:-.8px;margin:0 0 12px}.cardIntro{font-size:13px;line-height:1.65;color:#766271;margin:0 0 24px;overflow-wrap:anywhere}form>label:not(.checkRow),.extras>label{display:block;font-size:12px;font-weight:650;margin:19px 0 9px}input:not([type=checkbox]){width:100%;min-width:0;min-height:49px;border:1px solid #d9cbd5;border-radius:10px;background:#fff;color:var(--dark);padding:11px 13px;box-shadow:0 1px 1px #00000003}input:not([type=checkbox]):focus{border-color:#a2497e}input[type=date]{display:block;min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}input[aria-invalid=true]{border-color:var(--error)}.inputHelp{font-size:11px;line-height:1.55;color:#7e6c78;margin:9px 0 20px}.primary{width:100%;border:0;border-radius:10px;background:var(--plum);color:#fff;min-height:49px;padding:13px 17px;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:15px;transition:background .15s}.primary:hover:not(:disabled){background:#813965}.primary>span:last-child:not(:first-child){margin-left:auto;font-size:19px}.primary>span:first-child:not(:last-child){margin-right:auto}.cardFoot{display:flex;justify-content:center;gap:7px;align-items:center;border-top:1px solid #2a192b13;margin-top:24px;padding-top:20px;font-size:10px;color:#7e6c78}.cardFoot>span:first-child{font-size:19px;color:var(--plum)}.checkRow{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:22px 0;color:#766271}.checkRow input{width:17px;height:17px;flex:0 0 17px;accent-color:var(--plum);margin:2px 0 0}.checkRow a{color:var(--plum)}.textButton{background:none;border:0;color:#765268;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:10px}.centered{display:block;margin:12px auto 0}.formError,.formSuccess{font-size:12px;line-height:1.6;border-radius:8px;padding:12px;background:#f7e5eb;color:var(--error)}.formSuccess{background:#e2f2e8;color:#235b3b}.successMark{font-size:32px;color:#2b7153;border-radius:50%;background:#e2f2e8;width:58px;height:58px;display:grid;place-items:center;margin:0 0 25px}.valueStrip{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.valueStrip>div{display:flex;gap:21px}.valueNumber{font-size:11px;white-space:nowrap;color:var(--pink);padding-top:4px}.valueStrip h2{font-size:15px;font-weight:600;margin:0 0 10px;letter-spacing:-.2px}.valueStrip p{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding:46px 0}.faq>h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:0}.faq details{border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:18px}.faq summary{font-size:13px;cursor:pointer;line-height:1.7}.faq details p{font-size:12px;color:var(--muted);line-height:1.8}.landing footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:#9c8da7;padding:24px 0 30px;font-size:10px}.landing footer>div{display:flex;gap:24px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:32px;margin:auto;border:0}dialog::backdrop{background:#08050fd9;backdrop-filter:blur(8px)}dialog .privacyNote{display:flex;gap:10px;font-size:11px;line-height:1.7;padding:12px;background:#f0e6ee;border-radius:9px;color:#75516a}.privacyNote>span:first-child{font-size:20px;line-height:1.1}.extras{padding-top:20px}.extras summary{font-size:11px;color:#765268;cursor:pointer}.extras input{font-size:13px}.extras>label{font-size:11px}.termsRow{font-size:11px}.srOnly,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;top:10px;left:10px;width:auto;height:auto;clip-path:none;padding:15px;background:var(--card);color:var(--dark)}
@media(min-width:1500px){.hero{gap:110px;padding-top:90px}.landing{max-width:1280px}}
@media(max-width:900px){.landing{padding:0 28px}.hero{gap:36px;padding:45px 0}.hero h1{font-size:46px;letter-spacing:-2px}.heroIntro{font-size:15px}.signupCard{padding:24px}.signupCard h2{font-size:23px}.valueStrip,.faq{gap:35px}}
@media(max-width:640px){.landing{padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.siteHeader{height:78px;gap:10px}.brand{gap:7px}.brand img{width:30px;height:30px}.brand strong{font-size:19px}.brand strong span{display:none}.headerActions{gap:10px}.headerLogin{font-size:11px;padding:8px 13px}.languageLabel select{max-width:93px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:32px 0}.heroCopy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero h1{font-size:43px;line-height:1.08;margin:18px 0 15px;letter-spacing:-1.8px}.hero h1 em{letter-spacing:-1.5px}.heroIntro{font-size:13px;line-height:1.7;margin:0;max-width:100%}.heroCta,.heroSignature,.heroCopy>.freeNote{display:none}.signupCard{border-radius:18px;padding:22px}.authTabs{margin-bottom:22px}.signupCard h2{font-size:23px}.cardIntro{font-size:12px;margin-bottom:20px}.smallStep{margin-bottom:10px}.cardFoot{margin-top:20px;padding-top:14px;font-size:10px}.valueStrip{grid-template-columns:1fr;gap:28px;padding:28px 0}.valueStrip>div{gap:16px}.valueStrip p{max-width:none}.faq{grid-template-columns:1fr;gap:26px;padding:30px 0 18px}.faq>h2{font-size:21px}.landing footer{flex-direction:column;gap:14px;padding-bottom:max(25px,env(safe-area-inset-bottom))}dialog{padding:25px;border-radius:18px}dialog h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:640px){.hero h1{font-size:clamp(29px,8.5vw,37px);letter-spacing:-1.2px}.hero h1 em{letter-spacing:-1px}.hero{padding-top:26px;gap:22px}#registerTab>.smallStep{display:none}.authTabs{margin-bottom:20px}}

/* Welcome screen: a spacious web layout and a compact app surface share one form. */
body{min-height:100svh;background:radial-gradient(ellipse at 5% 12%,#69304c4f,transparent 48%),radial-gradient(ellipse at 94% 46%,#6b3e912b,transparent 44%),#110d1b}
.landing{position:relative;isolation:isolate}main{position:relative}.welcomeGlow{position:absolute;inset:-25px 0 auto 35%;height:680px;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(#000,transparent)}
.welcomeGlow i{position:absolute;width:480px;height:480px;right:-150px;top:30px;border:1px solid #d892be17;border-radius:50%;box-shadow:0 0 0 55px #d892be04,0 0 0 110px #d892be03;transform:rotate(-20deg)}
.welcomeGlow i+i{width:350px;height:350px;top:200px;right:130px;border-color:#bba0ff14}
.siteHeader{height:100px;border-color:#ffffff12}.brand img{filter:drop-shadow(0 0 16px #ec76b04d)}.headerLogin{border-color:#d59bc745;background:#ffffff05}
.hero{gap:86px;padding-top:62px;padding-bottom:62px}.heroCopy .eyebrow{display:inline-flex;padding:8px 12px;border:1px solid #e18ab527;background:#e18ab508;border-radius:99px;font-size:10px;letter-spacing:1.2px}
.hero h1{font-size:clamp(44px,4.65vw,66px);line-height:1.1;margin-top:27px}.hero h1 em{color:#f49ec5;text-shadow:0 4px 30px #eb80b521}.heroIntro{font-size:16px;line-height:1.85}.heroCta{background:#f1c5dd;color:#38192d;border:0;padding:14px 22px;gap:35px;border-radius:99px;box-shadow:0 5px 30px #e48eb51a}.heroCta:hover{background:#ffdeed}.heroCta>span:last-child{color:#8e3c6e;font-size:21px}.freeNote{margin-left:5px;font-size:10px}.heroSignature{margin-top:32px;gap:10px;color:#cdbdcf}.signatureMark{font-size:25px}
.signupCard{position:relative;padding:28px 32px 26px;border-radius:28px;background:linear-gradient(145deg,#fffdfd,#fcf4fa);box-shadow:0 24px 85px #0004,0 0 65px #dd80b50c;border-color:#f7e3f04a}
.cardBrand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:-.3px;margin-bottom:22px;color:#653454}.cardBrand img{width:27px;height:27px;background:#693357;padding:5px;border-radius:9px;object-fit:contain}.cardBrand b{font-size:9px;font-weight:500;margin-left:auto;color:#967a8e;border:1px solid #dbcbd5;padding:3px 5px;border-radius:5px}
.authTabs{background:#eadfe780;border:0;border-radius:12px;padding:4px;margin-bottom:23px;gap:3px}.authTabs button{flex:1;font-size:12px;min-height:36px;border-radius:9px;padding:8px}.authTabs button.active{color:#672951;background:white;box-shadow:0 2px 7px #62314c0c}
.smallStep{display:flex;align-items:center;font-size:10px;letter-spacing:.7px;gap:6px;margin-bottom:14px}.smallStep::before{content:"";width:45px;height:3px;background:linear-gradient(90deg,#b84e96 47%,transparent 47% 53%,#ddced9 53%);border-radius:5px;margin-right:5px}.smallStep span{margin-left:0}.signupCard h2{font-size:25px;letter-spacing:-.7px}.cardIntro{color:#786879}.primary{background:linear-gradient(110deg,#c84090,#8e3fc0);box-shadow:0 6px 18px #ad3b8a20;min-height:51px;border-radius:12px}.primary:hover:not(:disabled){background:linear-gradient(110deg,#d94c9d,#a34ad1)}input:not([type=checkbox]){border-color:#dfd2dc;background:#ffffffd9;border-radius:12px}.cardFoot{margin-top:20px;padding-top:14px;color:#8d7588}.valueStrip{padding:30px 0;border-color:#ffffff13;gap:60px}.valueNumber{width:32px;height:32px;border:1px solid #e99acb24;border-radius:10px;display:grid;place-items:center;padding:0;background:#ea93bd07;color:#f0b5d5;font-size:10px}.valueStrip h2{padding-top:5px}.valueStrip p{max-width:380px}.faq{padding:37px 0;gap:50px}.faq details{border-color:#ffffff13}.landing footer{border-color:#ffffff13}.appInfo{display:none}
@media(min-width:1500px){.hero{gap:110px;padding-top:76px}}
@media(min-width:641px) and (max-width:900px){.hero{gap:30px}.signupCard{padding:24px}.hero h1{font-size:46px}.heroCopy .eyebrow{font-size:9px;letter-spacing:.7px}}

/* App/WebView layout. The extra web content stays behind a single disclosure. */
@media(max-width:767px), (max-width:1024px) and (pointer:coarse){
  :root{color-scheme:dark;--card:#201b2a;--dark:#faf5ff;--plum:#d95eab;--error:#ffb4cd}
  body{background:radial-gradient(ellipse at 50% -15%,#803c7566,transparent 52%),#110d1b;overscroll-behavior-y:none}
  .landing{max-width:480px;min-height:100svh;margin:auto;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .siteHeader{height:74px;flex:0 0 auto;border:0;gap:12px}.brand{gap:9px}.brand img{width:33px;height:33px}.brand strong{font-size:22px;letter-spacing:-.7px}.headerLogin{display:none}.headerActions{gap:0}.languageLabel select{max-width:105px;background:#ffffff07;border:1px solid #ffffff12;border-radius:10px;color:#d9cce3;padding:8px 7px;font-size:11px;min-height:36px}
  main{flex:1 0 auto}.welcomeGlow{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:12px 0 14px;gap:21px}.heroCopy{padding:0 4px}.heroCopy .eyebrow{padding:0;border:0;border-radius:0;background:none;font-size:9px;letter-spacing:1.2px;color:#d4afd3}.hero h1{font-family:inherit;font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-1px;margin:13px 0 0}.hero h1 em{font-family:inherit;font-style:normal;font-size:28px;font-weight:750;letter-spacing:-1px;color:#ee99d5;text-shadow:none}.heroIntro,.heroCta,.heroSignature,.heroCopy>.freeNote{display:none}
  .signupCard{color-scheme:dark;padding:20px;border-radius:24px;background:linear-gradient(145deg,#292132eb,#1b1925f5);border:1px solid #e3b9f021;box-shadow:0 12px 40px #0002,inset 0 1px #ffffff05}
  .cardBrand{display:none}.authTabs{background:#100d1880;border:1px solid #ffffff08;border-radius:13px;padding:4px;margin:0 0 20px}.authTabs button{font-size:12px;color:#c0aec9;min-height:39px;border-radius:10px}.authTabs button.active{color:white;background:linear-gradient(110deg,#cc4299,#913cbd);box-shadow:0 3px 12px #0002}
  #registerTab>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#registerTab>.smallStep{display:none}.signupCard h2{font-size:24px;letter-spacing:-.5px}.cardIntro{font-size:12px;color:#c2b2ca;line-height:1.65;margin-bottom:18px}
  form>label:not(.checkRow),.extras>label{font-size:12px;color:#ece2f3;margin:17px 0 9px}input:not([type=checkbox]){min-height:52px;font-size:16px;color:#fff9ff;border:1px solid #c4a7d32b;background:#110e1b99;border-radius:12px;box-shadow:inset 0 1px 2px #0002;padding:12px 13px}input:not([type=checkbox]):focus{border-color:#df85c4}input[aria-invalid=true]{border-color:#ef8bb7}.inputHelp{font-size:11px;color:#b6a4bf;line-height:1.6;margin:9px 0 19px}
  .primary{min-height:52px;border-radius:12px;background:linear-gradient(110deg,#db439b,#9843cf);font-size:13px;box-shadow:0 5px 20px #b142a02b}.cardFoot{border-color:#ffffff0d;margin-top:17px;padding-top:12px;color:#c1afca;font-size:10px;line-height:1.5}.cardFoot>span:first-child{color:#e6a7d6}.checkRow{color:#c1b0ca}.checkRow a{color:#e7b5f0}.checkRow input{accent-color:#d85daa}.textButton{color:#deb6ec}.formError{background:#a3315529;color:#ffc1d4}.formSuccess{background:#34775233;color:#b2efca}.successMark{background:#34775233;color:#b2efca}
  .valueStrip,.faq{display:none}.appInfo{display:block;border:1px solid #ffffff0e;background:#ffffff03;border-radius:13px;margin:2px 0 0;color:#c7b4d1;font-size:11px}.appInfo>summary{cursor:pointer;padding:13px 15px;min-height:42px;line-height:1.6}.appInfo>div{padding:0 15px 5px}.appInfo h3{color:#eee2f6;font-size:12px;font-weight:600;margin:9px 0 5px}.appInfo p{font-size:11px;line-height:1.7;color:#b9a7c3;margin:0 0 16px}
  .landing footer{flex-direction:column;border:0;margin-top:16px;padding:0 5px max(20px,env(safe-area-inset-bottom));gap:11px;align-items:center;color:#9d8ca8;font-size:9px}.landing footer>span{order:2}.landing footer>div{gap:24px;font-size:10px}.landing footer a{color:#bba5c9}
  dialog{color-scheme:dark;color:#f9f3ff;background:linear-gradient(145deg,#302237,#1b1726);width:100%;max-width:480px;max-height:calc(100dvh - 18px);border:1px solid #dfbbe824;border-bottom:0;border-radius:26px 26px 0 0;margin:auto auto 0;padding:23px 24px max(24px,env(safe-area-inset-bottom));box-shadow:0 -16px 90px #0007}dialog::before{content:"";display:block;width:34px;height:4px;border-radius:10px;background:#b79dc04d;margin:-9px auto 22px}dialog::backdrop{background:#080510ba;backdrop-filter:blur(6px)}dialog h2{font-size:25px}dialog .smallStep{color:#e2a6d7}dialog .smallStep::before{background:#d978c3}dialog .smallStep span{color:#9c83a8}dialog .privacyNote{background:#c582cb12;border:1px solid #c582cb1a;color:#c8b0d2}.extras summary{color:#d6b5e4}.termsRow{font-size:11px}
}
@media(max-width:360px){.landing{padding-left:15px;padding-right:15px}.brand strong{font-size:20px}.hero h1,.hero h1 em{font-size:26px}.signupCard{padding:18px}.cardIntro{font-size:11px}.languageLabel select{max-width:95px}.cardFoot{font-size:9px}}
@media(max-width:640px) and (max-height:700px){.siteHeader{height:62px}.hero{padding-top:5px;gap:16px}.hero h1,.hero h1 em{font-size:25px}.hero h1{margin-top:10px}.signupCard{padding-top:16px;padding-bottom:15px}.authTabs{margin-bottom:15px}.cardIntro{margin-bottom:14px}}

/* Password recovery is part of signing in, with clear spacing and feedback. */
/* Keep the final signup step comfortable, including with a mobile keyboard. */
#nameDialog{overflow-y:auto;overscroll-behavior:contain;scroll-padding:24px}#nameForm input{scroll-margin-block:24px}#nameForm #passwordHint{margin-bottom:18px}#nameForm .privacyNote{margin-top:18px}
.recoveryIcon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#a04489;background:linear-gradient(145deg,#f5e4f0,#ece1f5);border:1px solid #d4b7d233;margin:2px 0 20px}
#forgotTab h2{line-height:1.25;margin-bottom:12px}#forgotTab .cardIntro{margin-bottom:24px}#forgotForm .primary{margin-top:22px}#forgotForm .formError,#forgotForm .formSuccess{margin:16px 0 0}.recoveryBack{display:flex;gap:9px;align-items:center;justify-content:center;min-height:44px;font-size:12px;font-weight:600;text-decoration:none;margin-top:14px;padding:12px}.recoveryBack:hover{color:#b14c96}#forgotSuccess{line-height:1.8}
@media(max-width:767px), (max-width:1024px) and (pointer:coarse){
 .landing[data-auth-view="forgot"] .heroCopy{display:none}.landing[data-auth-view="forgot"] .hero{padding-top:12px}.recoveryIcon{background:linear-gradient(145deg,#be55a41e,#8142c11e);border-color:#d98bc332;color:#eda2dd;margin-top:3px;margin-bottom:20px}#forgotTab h2{font-size:25px;letter-spacing:-.6px}#forgotTab .cardIntro{font-size:12px;line-height:1.8;margin-bottom:23px}#forgotForm .primary{margin-top:23px}.recoveryBack{color:#e4b7ef;margin-bottom:0}#forgotSuccess{color:#c2f2d2}
}
