/* Wondobi approved Violet + Mint identity. Panda and original logo assets remain unchanged. */
:root{--w-primary:#6836E6;--w-background:#24133F;--w-accent:#57EDC6;--w-text:#FFFFFF}
.v5{color:var(--w-text);background:var(--w-background)}
.v5 .nav .logo{display:flex;align-items:center;gap:10px}
.v5 .nav .logo>img.brand-face{width:43px;height:43px;object-fit:contain}
.v5 .nav .logo>img:not(.brand-face){width:145px}
.v5 .nav-links .nav-cta{background:var(--w-accent);color:var(--w-background);border-color:var(--w-accent)}
.v5hero-grid{grid-template-columns:minmax(0,49fr) minmax(0,51fr);gap:0;min-height:755px}
.v5hero-copy{z-index:5}
.v5hero .dot{color:var(--w-primary)}
.v5portal{left:5%;right:-3%;top:112px;bottom:45px;background:var(--w-accent);border-radius:48% 48% 8px 8px;transform:rotate(-6deg)}
.v5hero-word{color:var(--w-primary);font-size:137px;top:22px;right:0;letter-spacing:-9px}
.v5creative{left:0;bottom:45px;width:100%;height:615px;object-fit:contain;object-position:center;z-index:2}
.v5hero-label{right:-9px;top:110px;padding:16px;background:var(--w-accent);z-index:4}
.v5hero-label b{font-size:24px;letter-spacing:-1px}
.v5skill-sticker{left:0;bottom:80px;background:var(--w-text);font-size:20px;z-index:4}
.v5hero-caption{right:6px;bottom:17px;background:none;color:var(--w-text);font-size:7px}
.v5stripes{background:repeating-linear-gradient(135deg,var(--w-accent) 0 3px,transparent 3px 12px);bottom:30px;left:-10px;z-index:1}
.v5ribbon{background:var(--w-primary);color:var(--w-background)}
.v5ribbon span{color:var(--w-background)}
.v5section-head h2 span,.v5centers h2 span{color:var(--w-background);text-decoration:underline;text-decoration-color:var(--w-primary);text-decoration-thickness:4px;text-underline-offset:8px}
.v5interests{background:var(--w-background)}
.v5interests .v5section-head h2 span{color:var(--w-accent);text-decoration:none}
.v5interests-note,.v5try-intro,.v5story-small,.v5intro,.v5status,.v5story-copy>.ar,.v5console-note,.v5footer p,.v5footer-bottom,.v5faq .faqs details>p{color:var(--w-text)}
.v5phone{background:var(--w-text)}
.v5phone-search{background:var(--w-accent)}
.v5phone-lesson{background:var(--w-text)}
.v5phone-lesson-art{background:var(--w-accent)}
.v5phone-lesson-art>span{color:var(--w-background);font-size:29px}
.v5phone-lesson-art img{height:128px;width:140px;right:0;bottom:0;object-fit:contain}
.v5phone-lesson-body>span,.v5phone-lesson-body>small,.v5concept-note{color:var(--w-background)}
.v5phone-float{background:var(--w-background);color:var(--w-accent)}
.interest-create{background:var(--w-accent)}
.interest-create img{height:220px;width:220px;bottom:12px;right:5px;object-fit:contain}
.interest-work{background:var(--w-primary);color:var(--w-background)}
.interest-work h3{color:var(--w-background)}
.interest-work .eyebrow,.interest-work>.ar{background:var(--w-background);color:var(--w-text);padding:8px 10px;border-radius:4px;width:fit-content}
.interest-work .v5bubble{background:var(--w-background);color:var(--w-text)}
.v5mini-panda{background:transparent;width:210px;height:210px;bottom:20px;right:8px}
.v5mini-panda img{width:100%;height:100%;object-fit:contain}
.v5teach{background:var(--w-accent);color:var(--w-background)}
.v5teach h2 span{color:var(--w-background);text-decoration-color:var(--w-primary)}
.v5teach-back{color:var(--w-primary);font-size:110px;top:30px}
.v5teach-window{background:var(--w-accent);top:170px;bottom:25px}
.v5teach-art>img{bottom:40px;height:500px;width:100%;object-fit:contain}
.v5teacher-label{background:var(--w-background);color:var(--w-accent);bottom:25px}
.v5console-screen{background:var(--w-accent)}
.v5console-screen>img{height:205px;width:205px;bottom:5px;left:auto;right:18px;object-fit:contain}
.v5console-screen>span{left:20px;top:30px;bottom:auto;transform:none;white-space:normal;max-width:180px;padding:10px;font-size:19px;color:var(--w-background);background:none;z-index:2}
.v5console-note{font-size:10px}
.v5regions{background:var(--w-background);border-top:8px solid var(--w-primary)}
.v5country-list small{color:var(--w-accent)}
.v5regions>.container>small{color:var(--w-text)}
.v5closing{background:var(--w-accent)}
.v5closing h2 span{color:var(--w-background);text-decoration:underline;text-decoration-color:var(--w-primary);text-underline-offset:10px}
.v5closing-art>div{background:var(--w-accent);inset:40px 0 30px}
.v5closing-art>img{width:100%;height:350px;bottom:20px;object-fit:contain}
.v5closing-art>span{color:var(--w-primary)}
@media(min-width:1550px){.v5creative{height:650px}.v5hero-grid{min-height:805px}.v5portal{top:145px}.v5hero-word{top:35px;font-size:157px}}
@media(max-width:1100px){.v5hero-grid{min-height:710px}.v5creative{height:545px}.v5portal{top:135px;bottom:50px}.v5hero-word{font-size:115px;top:40px}.v5hero-label{top:135px}.v5hero-label b{font-size:20px}.v5skill-sticker{font-size:17px;bottom:75px}.v5teach-back{font-size:90px}.v5teach-art>img{height:470px}}
@media(max-width:760px){
 .v5 .nav .logo>img.brand-face{width:36px;height:36px}.v5 .nav .logo>img:not(.brand-face){width:125px}
 .v5hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}.v5hero-copy{display:contents}
 .v5hero-art{height:435px;grid-row:4;margin-top:26px}.v5hero-word{top:0;right:0;font-size:88px;letter-spacing:-6px}
 .v5portal{top:60px;bottom:32px;left:7%;right:2%;transform:rotate(-5deg)}
 .v5creative{height:355px;bottom:32px;left:0;width:100%;object-position:center}
 .v5hero-label{right:-3px;top:58px;padding:10px}.v5hero-label>span{font-size:5px;margin-bottom:8px}.v5hero-label b{font-size:17px;letter-spacing:-.7px}.v5hero-label small{font-size:9px}
 .v5skill-sticker{left:0;bottom:40px;font-size:16px;padding:9px 11px}.v5hero-caption{bottom:2px;font-size:6px;right:0}.v5stripes{bottom:20px;left:0;height:95px;width:55px}
 .v5intro{margin-top:24px}.v5teach-art{min-height:510px}.v5teach-art>img{height:390px;bottom:45px}.v5teach-back{font-size:89px;top:0}.v5teach-window{top:130px;bottom:30px}.v5teacher-label{bottom:20px;font-size:16px}
 .interest-create img{height:190px;width:190px;bottom:12px;right:10px}.v5mini-panda{width:190px;height:190px;bottom:15px;right:10px}.v5mini-panda img{width:100%;height:100%}
 .v5interest-card{height:480px}.v5console-screen>img{height:185px;width:185px;right:0;bottom:0}.v5console-screen>span{max-width:130px;font-size:16px;left:12px;top:25px}.v5closing-art>img{height:300px;bottom:0}
}
@media(max-width:375px){.v5hero-art{height:385px}.v5creative{height:305px}.v5hero-word{font-size:76px}.v5hero-label b{font-size:14px}.v5skill-sticker{font-size:13px}.v5hero-ar{font-size:23px}.v5teach-back{font-size:77px}.v5console-screen>img{width:160px}.v5console-screen>span{max-width:100px;font-size:14px}.v5interest-card h3{font-size:49px}.v5interest-card .ar{font-size:19px}}

.v5phone-lesson-art>span{font-size:24px;letter-spacing:-.5px}.v5phone-lesson-art img{width:120px;height:125px}

@media(max-width:760px){.v5hero-label{top:8px;right:0;padding:10px 12px}.v5hero-label>span,.v5hero-label>small,.v5hero-label b br{display:none}.v5hero-label b{font-size:14px;letter-spacing:-.4px;white-space:nowrap}.v5hero-word{top:10px}.v5skill-sticker{bottom:17px}.v5hero-art{height:395px}.v5creative{height:330px;bottom:32px}}
@media(max-width:375px){.v5hero-art{height:365px}.v5creative{height:300px}.v5hero-label b{font-size:12px}.v5hero-word{font-size:76px}.v5skill-sticker{bottom:20px}}

.primary-text{color:var(--w-primary)}

.v5 dialog{background:var(--w-accent);color:var(--w-background)}.v5 dialog select,.v5 dialog textarea{background:var(--w-text);color:var(--w-background)}.v5 dialog .close-dialog{background:var(--w-background);color:var(--w-text)}
.v5try .starter-panel{background:var(--w-accent)}

/* Approved palette roles across the existing experience. */
.v5 .nav-wrap,.v5hero,.v5hero-bottom,.v5interests,.v5studio,.v5regions{background:var(--w-primary);color:var(--w-text)}
.v5 .nav-links{background:var(--w-primary)}
.v5hero-word{color:var(--w-background)}
.v5hero .dot{color:var(--w-accent)}
.v5hero-label{background:var(--w-background);color:var(--w-accent)}
.v5skill-sticker{background:var(--w-accent);color:var(--w-background)}
.v5ribbon{background:var(--w-accent);color:var(--w-background)}
.v5section-head h2 span,.v5centers h2 span{text-decoration-color:var(--w-primary)}
.v5phone{background:var(--w-primary);color:var(--w-text)}
.v5phone-search{background:var(--w-background);color:var(--w-text)}
.v5phone-lesson{background:var(--w-text);color:var(--w-background)}
.v5phone-lesson-art{background:var(--w-accent)}
.v5phone-greeting,.v5phone-head{color:var(--w-text)}
.v5phone-chips span{border-color:#ffffff80;color:var(--w-text)}
.v5phone-float{background:var(--w-background);color:var(--w-accent)}
.interest-create,.interest-life{background:var(--w-accent);color:var(--w-background)}
.interest-work{background:var(--w-background);color:var(--w-text)}
.interest-work h3{color:var(--w-accent)}
.interest-work .eyebrow,.interest-work>.ar{background:var(--w-background);color:var(--w-text)}
.interest-work .v5bubble{background:var(--w-primary);color:var(--w-text)}
.v5teach{background:var(--w-background);color:var(--w-text)}
.v5teach h2 span{color:var(--w-accent);text-decoration-color:var(--w-primary)}
.v5teach-back{color:var(--w-primary)}
.v5teach-window{background:var(--w-accent)}
.v5teacher-detail{border-color:#ffffff50}
.v5teacher-label{background:var(--w-primary);color:var(--w-text)}
.v5console-screen{background:var(--w-accent)}
.v5console-screen>span{color:var(--w-background)}
.v5regions{border-top-color:var(--w-accent)}
.v5closing-art>div{background:var(--w-text)}
.v5closing-art>span{color:var(--w-primary)}
.v5closing h2 span{text-decoration-color:var(--w-primary)}
.v5 dialog{background:var(--w-accent);color:var(--w-background)}
.v5 dialog select,.v5 dialog textarea{background:var(--w-text);color:var(--w-background)}
@media(max-width:760px){.v5 .nav-links{background:var(--w-primary)}}

.v5hero-copy>.eyebrow,.v5interests .eyebrow.accent-text,.v5studio .eyebrow.accent-text,.v5country-list small{color:var(--w-text)}

/* Approved type system: English Montserrat; Arabic Noto Kufi Arabic. */
:root{--w-font-en:Montserrat,'Noto Kufi Arabic',Arial,sans-serif;--w-font-ar:'Noto Kufi Arabic',Montserrat,Arial,sans-serif}
.v5{font-family:var(--w-font-en)}
.ar,[lang=ar]{font-family:var(--w-font-ar);letter-spacing:0}
.ar [lang=en],[lang=ar] [lang=en]{font-family:Montserrat,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}
@media(max-width:350px){.v5hero h1{font-size:64px}}

@media(max-width:760px){.v5phone-lesson-art{height:110px}.v5phone-lesson-body{padding:12px}.v5phone-lesson-art img{height:105px;width:110px}}
@media(max-width:375px){.v5phone-lesson-art{height:104px}}

/* Store navigation remains usable on tablets as the site gains a second page. */
.v5 .nav-links a[aria-current=page]{color:var(--w-accent)}
@media(max-width:1050px){
 .v5 .nav{height:72px}
 .v5 .mobile-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:1px solid #fff8;padding:11px;border-radius:5px}
 .v5 .mobile-toggle span{display:block;width:21px;height:2px;background:#fff}
 .v5 .nav-links{display:none;position:absolute;top:72px;left:0;right:0;padding:25px 20px;background:var(--w-primary);box-shadow:0 20px 20px #0003}
 .v5 .nav-links.open{display:grid;gap:22px}
 .v5 .nav-links a{font-size:15px}
 .v5 .nav-links small{font-size:11px}
}