@font-face{font-family:YuBaoNaskh;src:url('../assets/fonts/NotoNaskhArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:YuBaoNaskh;src:url('../assets/fonts/NotoNaskhArabic-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--navy:#09265d;--ink:#132b58;--blue:#1768e9;--muted:#71809a;--line:#dfe7f4;--paper:#f7f9ff;--white:#fff;--cyan:#15bfd5;--violet:#7848e6;font-family:YuBaoNaskh,'Noto Naskh Arabic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:inherit}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:82px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffeb;border-bottom:1px solid #dfe7f1;position:sticky;top:0;z-index:5;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:126px;height:auto;display:block}.brand span{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:12px;line-height:1.2}.brand b{font:800 11px/1.2 system-ui,sans-serif;letter-spacing:.13em;color:#1260c2}.brand small{font-size:12px;color:#687995;margin-top:4px}.topbar nav{display:flex;gap:36px;color:#51617d;font-size:14px}.topbar nav a:hover,.to-top:hover{color:var(--blue)}.login-link{padding:11px 18px;border:1px solid #ccdaf0;border-radius:13px;background:#fff;font-size:14px;font-weight:700}.login-link span{color:var(--blue);padding-right:5px}
.hero{position:relative;overflow:hidden;min-height:590px;background:radial-gradient(ellipse at 83% 31%,#174a96 0,#0d2e68 29%,#081d47 67%);color:white;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.94fr);align-items:center;padding:52px clamp(22px,8vw,120px) 88px;gap:44px}.hero:before{content:'';position:absolute;width:640px;height:640px;border:1px solid #72a9ff20;border-radius:50%;right:35%;top:-330px;box-shadow:0 0 0 42px #72a9ff08,0 0 0 90px #72a9ff06;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:610px}.overline,.section-kicker{font-size:13px;font-weight:700;letter-spacing:.02em;color:#47d6e7}.sparkle{color:#f6c95f;font-size:20px;margin-left:8px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.25;letter-spacing:-.04em;margin:18px 0}.hero h1 em,.access-copy h2 em{font-style:normal;color:#86e9ed}.hero-lead{font-size:clamp(17px,1.8vw,20px);line-height:1.95;color:#d9e5fa;max-width:580px;margin:0}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:48px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#29d4e5,#4b92ff);color:#082c69;box-shadow:0 10px 30px #22bddb36}.button-primary span{font-size:20px}.button-quiet{color:#fff;background:#ffffff0c;border:1px solid #ffffff38}.hero-facts{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px;color:#b9c9e4;font-size:13px}.hero-facts b{color:#fff;font-size:17px}.hero-facts i{width:4px;height:4px;background:#79d9e5;border-radius:50%}.hero-art{width:min(100%,545px);justify-self:center;position:relative;z-index:1;border:1px solid #b8e4ff57;border-radius:34px;padding:8px;background:linear-gradient(135deg,#54cdec57,#9168f83b);box-shadow:0 28px 85px #010c2f75,0 0 50px #22c7e429;transform:rotate(-1.5deg)}.hero-art img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;display:block;border-radius:27px}.art-orbit{position:absolute;border:1px solid #8de8f34a;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{width:128%;height:80%;right:-14%;top:12%;transform:rotate(-20deg)}.orbit-two{width:112%;height:102%;right:-6%;top:-1%;transform:rotate(27deg);border-color:#b294ff45}.art-sticker{position:absolute;right:-29px;top:33px;width:102px;height:102px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;color:#1255ba;box-shadow:0 12px 32px #010c2f4a;transform:rotate(7deg)}.art-sticker span{font:700 26px/1.3 system-ui,sans-serif}.art-sticker small{font-size:13px;color:#637796}.art-caption{position:absolute;bottom:27px;left:24px;padding:10px 14px;border-radius:999px;background:#071b40d9;color:white;font-size:13px;backdrop-filter:blur(8px)}.live-dot{display:inline-block;width:7px;height:7px;background:#5ee0b4;border-radius:50%;margin-left:7px;box-shadow:0 0 0 4px #5ee0b426}.hero-bottom{position:absolute;right:clamp(22px,8vw,120px);bottom:17px;color:#8ea9d4;font-size:12px;display:flex;align-items:center;gap:14px}.down-mark{font-size:27px;color:#68dce8}
.worlds-section{padding:82px clamp(18px,7vw,104px) 78px;max-width:1500px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}.section-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.45;color:var(--ink);margin:5px 0 0}.section-heading>p{font-size:15px;color:var(--muted);margin:0 0 7px}.section-kicker{color:#5376a6}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.world-card{overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 9px 28px #11295a0c;transition:transform .23s,box-shadow .23s}.world-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px #11295a17}.card-image{height:218px;display:block;position:relative;overflow:hidden;background:#e9f2ff}.card-image:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#0b1a3dbb,transparent);pointer-events:none}.card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.world-card:hover .card-image img{transform:scale(1.035)}.card-visit{position:absolute;top:13px;left:13px;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:#18376b;font:18px system-ui,sans-serif}.art-chip{position:absolute;bottom:13px;right:17px;z-index:1;background:#071d48a8;border:1px solid #ffffff55;border-radius:999px;padding:5px 11px;color:white;font-size:12px;backdrop-filter:blur(5px)}.card-content{padding:18px 20px 19px}.world-name{display:flex;align-items:center;justify-content:space-between}.world-en{color:var(--world);font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.16em}.world-name h3{font-size:24px;line-height:1.35;margin:2px 0;color:#112959}.world-name h3 small{font:500 14px system-ui,sans-serif;color:#7484a0;margin-right:6px}.world-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--world) 10%,white);color:var(--world);font-size:25px}.icon-voice{font-family:system-ui,sans-serif}.icon-write{font-family:serif}.card-content>p{min-height:54px;color:#667791;font-size:14px;line-height:1.8;margin:11px 0 14px}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8edf5;padding-top:12px;font-size:14px;color:var(--world);font-weight:700}.card-link span{font:20px system-ui,sans-serif;transition:transform .2s}.card-link:hover span{transform:translateX(-4px)}.card-kaikou{--world:#1465df}.card-bimo{--world:#168eae}.card-lamzo{--world:#7c51d8}
.access-section{margin:0 clamp(18px,7vw,104px) 64px;padding:35px clamp(20px,4vw,55px);border-radius:28px;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:25px;background:linear-gradient(105deg,#0c2860,#114893 58%,#15568e);color:#fff;box-shadow:0 16px 42px #183f7e24}.access-mark{width:72px;height:72px;border:1px solid #6edfea7e;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#22cedc3b,#6961e932);font-size:35px;color:#71eced;transform:rotate(-6deg)}.access-copy h2{font-size:clamp(23px,3vw,32px);line-height:1.45;margin:6px 0}.access-copy h2 em{color:#83eaf1}.access-copy p{font-size:14px;line-height:1.8;color:#d0ddf1;margin:0}.access-action{display:flex;align-items:center;flex-direction:column;gap:9px}.access-action .button{min-width:170px}.access-action>span{font-size:11px;color:#b7cde9}.how-section{display:flex;justify-content:center;align-items:center;gap:24px;padding:0 20px 62px;color:#657a9d;font-size:14px}.how-section span{padding:10px 17px;border-radius:999px;background:#edf3fd}.how-section b{font:17px system-ui,sans-serif;color:#49bdcf}.footer{min-height:86px;border-top:1px solid var(--line);padding:16px clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff}.footer-brand{display:flex;align-items:center;gap:8px;color:#58708f;font-size:13px;font-weight:700}.footer-brand img{width:93px}.footer>small,.to-top{color:#7888a2;font-size:12px}.login-dialog{position:fixed;border:1px solid #dce7f5;border-radius:25px;padding:34px 32px 27px;width:min(420px,calc(100% - 28px));color:var(--ink);text-align:center;box-shadow:0 25px 100px #061a4370}.login-dialog::backdrop{background:#07152f99;backdrop-filter:blur(5px)}.dialog-close{position:absolute;left:14px;top:12px;border:0;background:#f0f4fb;border-radius:50%;width:34px;height:34px;color:#526785;font-size:23px;cursor:pointer}.dialog-orbit{display:grid;place-items:center;width:62px;height:62px;background:#ebf4ff;border-radius:20px;color:#3574d2;font-size:30px;margin:0 auto 16px}.login-dialog h2{font-size:29px;margin:5px 0}.login-dialog p{color:#6a7b97;line-height:1.9;font-size:14px}.dialog-preview{display:flex;align-items:center;justify-content:center;gap:10px;margin:19px 0;padding:14px 10px;border-radius:14px;background:#f4f7fd;color:#3b567c;font-size:13px}.dialog-preview i{font-style:normal;color:#8b9ab1}.dialog-continue{width:100%;margin-top:5px}.prototype-note{display:block;color:#97a3b5;font-size:11px;line-height:1.7;margin-top:15px}.no-scroll{overflow:hidden}
@media(max-width:900px){.hero{grid-template-columns:1fr minmax(320px,.8fr);padding-right:5vw;padding-left:5vw;gap:25px;min-height:530px}.hero-art{width:100%}.worlds-section{padding-top:64px}.world-grid{gap:12px}.card-image{height:170px}.card-content{padding:15px}.access-section{grid-template-columns:62px 1fr;gap:19px}.access-mark{width:60px;height:60px}.access-action{grid-column:2;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.access-action>span{padding-right:8px}}
@media(max-width:650px){html{scroll-padding-top:70px}.topbar{height:68px;padding:0 15px;gap:9px}.brand{gap:8px}.brand img{width:91px}.brand span{padding-right:8px}.brand b{font-size:9px}.brand small{font-size:10px}.topbar nav{display:none}.login-link{padding:8px 11px;font-size:12px;border-radius:11px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:26px;padding:27px 21px 80px;min-height:0}.hero-art{width:min(100%,430px);align-self:center;border-radius:25px;padding:6px}.hero-art img{border-radius:20px;aspect-ratio:1.45}.art-sticker{width:77px;height:77px;right:-12px;top:20px}.art-sticker span{font-size:20px}.art-sticker small{font-size:11px}.art-caption{bottom:17px;left:13px;font-size:11px;padding:8px 11px}.hero-copy{max-width:none}.overline{font-size:12px}.hero h1{font-size:clamp(39px,11vw,56px);margin:11px 0}.hero-lead{font-size:16px;line-height:1.85}.hero-actions{gap:9px;margin-top:20px}.button{min-height:45px;padding:9px 14px;font-size:13px}.hero-facts{gap:10px;margin-top:19px;font-size:11px}.hero-facts b{font-size:15px}.hero-bottom{right:22px;bottom:11px}.worlds-section{padding:51px 16px 48px}.section-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:17px}.section-heading h2{font-size:27px}.section-heading>p{font-size:13px}.world-grid{grid-template-columns:1fr;gap:14px}.world-card{border-radius:20px}.card-image{height:clamp(170px,53vw,245px)}.card-content{padding:15px 17px 16px}.card-content>p{min-height:0;font-size:13px}.access-section{margin:0 16px 44px;padding:23px 19px;border-radius:22px;grid-template-columns:48px 1fr;gap:13px}.access-mark{width:46px;height:46px;border-radius:15px;font-size:24px}.access-copy h2{font-size:23px}.access-copy p{font-size:13px}.access-action{grid-column:1/-1;flex-direction:column;align-items:stretch;gap:9px}.access-action .button{width:100%}.access-action>span{text-align:center}.how-section{gap:7px;font-size:11px;padding-bottom:40px}.how-section span{padding:8px 10px}.how-section b{font-size:14px}.footer{padding:14px 16px;min-height:74px}.footer-brand img{width:72px}.footer>small{display:none}.to-top{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}