
*{box-sizing:border-box}body{margin:0;background:#f8f8fd;color:#292740;font:14px 'DM Sans',sans-serif;background-image:radial-gradient(ellipse at 95% 30%,#eee8ff99,transparent 42%),radial-gradient(ellipse at 5% 90%,#fff0e380,transparent 35%)}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b8a5f1;outline-offset:5px}input:focus{outline:3px solid #e5ddff;border-color:#a18bdc}.welcomeHeader{display:flex;justify-content:space-between;align-items:center;max-width:1380px;margin:auto;padding:30px 52px}.welcomeBrand{display:flex;gap:12px;align-items:center;font:800 19px Manrope}.brandMark{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#6450df;box-shadow:0 4px 14px #6751dd20}.welcomeBrand small{display:block;color:#91869f;font-size:8px;letter-spacing:1.8px;margin-top:4px;font-weight:600}.headerRight{display:flex;align-items:center;gap:17px;color:#8a7e9d;font-size:11px}.headerRight button{background:#fff;border:1px solid #e2dbef;border-radius:8px;padding:11px 18px;color:#7055ae;font-weight:600;font-size:11px}.headerRight button span{margin-left:16px}.welcomeLayout{max-width:1220px;margin:0 auto;padding:0 48px 20px;display:grid;grid-template-columns:minmax(0,1fr) 423px;gap:85px;align-items:center;min-height:730px}.story{padding-top:10px}.storyEyebrow{font-size:9px;letter-spacing:2px;color:#8c74ae;font-weight:700;display:flex;align-items:center;gap:9px}.storyEyebrow span{background:#ede6fb;padding:5px 7px;border-radius:6px;font-size:15px;color:#9475c7}h1{font:800 47px/1.18 Manrope;letter-spacing:-1.9px;margin:22px 0}h1 span{color:#7c5cc7}.storyLead{color:#8b7c98;line-height:1.9;font-size:14px;margin:0}.voiceBubbles{height:125px;max-width:455px;position:relative;margin-top:20px}.voiceBubbles>span{position:absolute;border-radius:13px;padding:13px 21px;font:700 21px Manrope;box-shadow:0 8px 17px #7b5ca40b}.voiceBubbles small{display:block;font:9px 'DM Sans';margin-top:3px;opacity:.6}.hola{left:0;top:19px;background:#ffe0af;color:#93632f;transform:rotate(-7deg)}.bonjour{left:148px;top:12px;background:#8d75da;color:white;transform:rotate(5deg)}.hello{left:298px;top:33px;background:#e1effa;color:#5d83a6;transform:rotate(-5deg)}.voiceBubbles>.spark{right:38px;top:-17px;box-shadow:none;padding:0;font-size:35px;color:#d4b479}.storyFeatures{display:grid;gap:22px;margin-top:9px}.storyFeatures>div{display:flex;gap:13px;align-items:center}.featureIcon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.violet{background:#ede6fb;color:#8e70be}.peach{background:#ffeadb;color:#c58c61}.blue{background:#e6f0f9;color:#7f9ebb}.storyFeatures p{margin:0}.storyFeatures strong{display:block;font-size:12px;font-weight:600;color:#6a597d}.storyFeatures small{display:block;color:#a08ea9;font-size:11px;margin-top:5px;line-height:1.5}.storyFoot{font-size:10px;color:#b09bb5;margin:31px 0 0 49px}.joinArea{padding-top:1px}.pandaStage{height:195px;display:flex;justify-content:center;align-items:flex-end;position:relative;z-index:1}.pandaMascot{width:235px;height:auto;display:block;margin-bottom:-25px;filter:drop-shadow(0 5px 5px #b7a7d00b)}.pandaHello{position:absolute;top:27px;right:1px;background:#fff5e5;border:1px solid #f4e2c7;border-radius:11px 11px 11px 2px;padding:10px 13px;font-size:9px;color:#b08d5d;transform:rotate(7deg);z-index:2}.pandaHello span{margin-left:4px;color:#d4ae68}.joinCard{position:relative;border:1px solid #e4ddef;border-radius:19px;background:#fff;padding:29px 33px 23px;box-shadow:0 15px 45px #6f4c9210;z-index:0}.joinTabs{display:flex;gap:4px;background:#f5f1fb;border:1px solid #eee8f6;padding:4px;border-radius:9px;margin:0 0 25px}.joinTabs button{flex:1;border:0;background:transparent;border-radius:6px;padding:10px;color:#a18cad;font-size:11px;font-weight:600}.joinTabs button[aria-selected=true]{background:#fff;color:#7b5ab4;box-shadow:0 2px 7px #7551910e}.joinEyebrow{text-align:center;color:#b09bb9;font-size:8px;letter-spacing:1.6px;font-weight:600}.joinCard h2{font:800 25px Manrope;color:#58436e;letter-spacing:-.7px;text-align:center;margin:11px 0 8px}.joinSubtitle{text-align:center;color:#a38da9;font-size:11px;line-height:1.8;margin:0 0 23px}label{display:flex;justify-content:space-between;color:#897197;font-size:10px;margin-bottom:8px}label span{color:#baa9c2;font-size:9px}input{width:100%;border:1px solid #e7dfef;background:#fff;border-radius:8px;height:42px;padding:12px;color:#725c81;font-size:12px}input::placeholder{color:#c0afc8}.nameNote{font-size:9px;color:#b7a4c0;margin:7px 0 18px}.accountContinue{display:flex;align-items:center;justify-content:center;gap:10px;background:#7657c9;color:white;padding:14px 17px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 5px 12px #8f6cbe22;transition:.2s}.accountContinue:hover{background:#6446b5;transform:translateY(-1px)}.accountContinue svg{width:20px;height:20px}.continueArrow{margin-left:auto}.accountContinue #continueLabel{flex:1;text-align:center;margin-right:3px}.accountNote{color:#aa97b4;font-size:9px;line-height:1.8;text-align:center;margin:12px 0 0}.sampleDivider{border-top:1px solid #f0eaf5;margin-top:28px;text-align:center;height:13px}.sampleDivider span{position:relative;top:-9px;background:white;padding:0 12px;font-size:9px;color:#b8a7c1}.sampleLink{font-size:10px;color:#997baa;display:block;text-align:center;padding:7px}.sampleLink span{margin-left:6px}.sampleLink:hover{color:#7352ad}.pandaEncouragement{display:flex;align-items:center;justify-content:center;gap:9px;background:#faf7fe;border-radius:9px;padding:10px 7px;font-size:9px;color:#b29abd;margin-top:17px}.joinFoot{color:#b8a7c0;text-align:center;font-size:9px;margin-top:18px}.welcomeFooter{max-width:1280px;margin:20px auto 0;border-top:1px solid #eae3f1;padding:20px 48px 26px;display:flex;justify-content:space-between;color:#b9a7bf;font-size:9px}.welcomeFooter a{color:#9e85ad}[hidden]{display:none!important}@media(min-width:1450px){.welcomeLayout{min-height:780px}.welcomeHeader{padding-top:36px}.story{padding-bottom:25px}h1{font-size:53px}}@media(max-width:1050px){.welcomeLayout{gap:35px;padding:0 32px 20px;grid-template-columns:minmax(0,1fr) 390px}h1{font-size:39px}.voiceBubbles{transform:scale(.84);transform-origin:left center}.hello{left:275px}.storyLead{font-size:12px}.storyFeatures small{font-size:10px}.welcomeHeader{padding:25px 32px}}@media(max-width:850px){.welcomeLayout{grid-template-columns:1fr;max-width:570px;gap:0;padding:0 28px 20px}.story{text-align:center;padding-top:30px}.storyEyebrow{justify-content:center}h1{font-size:40px}.storyLead{font-size:13px}.voiceBubbles,.storyFeatures,.storyFoot{display:none}.joinArea{padding-top:0}.pandaStage{height:178px}.pandaHello{right:28px;top:20px}.headerRight>span{display:none}.welcomeFooter{padding:20px 28px}.joinCard{padding:30px}.welcomeBrand small{font-size:7px}.welcomeBrand{font-size:17px}}@media(max-width:420px){.welcomeHeader{padding:20px}.welcomeLayout{padding:0 20px 15px}.brandMark{width:40px;height:40px}.welcomeBrand{gap:9px}.headerRight button{padding:9px 12px}.headerRight button span{margin-left:6px}.welcomeBrand small{letter-spacing:1px;font-size:6px}h1{font-size:33px}.storyLead{font-size:11px}.joinCard{padding:26px 24px 20px}.pandaStage{height:166px}.pandaMascot{width:220px}.pandaHello{right:0}.welcomeFooter{gap:20px;line-height:1.8;padding:20px}.storyEyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Readable supporting copy, with the same warm violet palette. */
.storyLead{color:#74667f}.storyFeatures strong{color:#5f4d75}.storyFeatures small{color:#84728f}.storyFoot{color:#8f7a9a}.joinEyebrow{color:#8f77a1}.joinSubtitle{color:#86708f}.joinCard h2{color:#503869}.joinTabs button{color:#88709d}.joinTabs button[aria-selected=true]{color:#6744ad}.nameNote{color:#8f7a9d}.accountNote{color:#877191}.sampleLink{color:#805d9b}.sampleDivider span{color:#9581a1}.pandaEncouragement{color:#8d719d}.joinFoot,.welcomeFooter{color:#947d9f}.joinCard label{color:#7f6292}.joinCard label span{color:#9983aa}.accountContinue{background:#6548cb}.accountContinue:hover{background:#5636ba}input::placeholder{color:#a18aad}.pandaHello{color:#a17a3f}.joinSubtitle,.accountNote{font-size:11px}.joinEyebrow{font-size:9px}.nameNote,.sampleDivider span,.sampleLink,.pandaEncouragement,.joinFoot{font-size:10px}.welcomeBrand small{color:#8c7c9b}.welcomeFooter{font-size:10px}
