@font-face{font-family:LumaaArabic;src:url('../assets/NotoSansArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:LumaaArabic;src:url('../assets/NotoSansArabic-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}*{box-sizing:border-box} :root{--ink:#302740;--muted:#777080;--purple:#7650b2;--dark-purple:#59378f;--lavender:#f1ebfa;--line:#eae5ef;--paper:#fffefa;--red:#ac354a;--green:#24745b;font-family:LumaaArabic,Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}body{margin:0;font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit;min-height:44px}button:disabled{opacity:.55;cursor:not-allowed}button,a{touch-action:manipulation}a{color:var(--purple)}button:focus-visible,a:focus-visible{outline:3px solid #a882da;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #b696de;outline-offset:1px}h1,h2,h3,p{margin:0}h2{font-size:23px}h3{font-size:17px}small{font-size:11px} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-70px;right:20px;background:#fff;padding:10px;z-index:20}.skip:focus{top:0}[hidden]{display:none!important}.demo-banner{background:#f2edf7;text-align:center;font-size:11px;color:#625071;padding:5px 12px;min-height:30px}.demo-banner button{min-height:24px;padding:0 10px;text-decoration:underline;font-size:11px}.site-header{max-width:1180px;margin:auto;padding:25px 35px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;color:var(--dark-purple);text-decoration:none;font-size:30px;font-weight:800;line-height:1.1}.brand small{display:block;font-weight:400;font-size:10px;letter-spacing:.2px;color:var(--muted);margin-top:8px}.brand-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--purple);color:#ffe09b;border-radius:16px;font-size:35px;transform:rotate(-8deg)}.header-actions{display:flex;gap:15px;align-items:center}.wallet-pill{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);padding:8px 13px;border-radius:16px;text-align:right;line-height:1.3}.wallet-pill small{display:block;color:var(--muted);margin-top:3px}.coin{color:#a47932;background:#fff4d5;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.pill-plus{background:var(--lavender);color:var(--purple);width:28px;height:28px;border-radius:9px;display:grid;place-items:center}.avatar{border-radius:50%;width:43px;height:43px;background:#eadff5;border:4px solid white;color:var(--dark-purple)}main{max-width:1060px;margin:auto;padding:0 35px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:315px;padding:22px 15px 25px}.hero-copy{position:relative}.eyebrow{color:#8b7a63;font-size:11px;letter-spacing:.6px;margin-bottom:16px;display:flex;gap:7px;align-items:center}.eyebrow>span{width:6px;height:6px;background:#bb9c68;border-radius:50%}.greeting{font-size:15px;color:var(--muted);margin-bottom:8px}h1{font-size:47px;line-height:1.38;letter-spacing:-1.7px;font-weight:800;position:relative}h1>span{color:var(--purple)}h1 i{font-size:38px;color:#dcbb7f;position:absolute;left:-48px;top:30px;font-style:normal}.hero-description{color:var(--muted);font-size:14px;margin-top:13px;line-height:1.95}.hero-art{width:330px;height:260px;position:relative;display:grid;place-items:center;margin-left:30px}.mascot-crop{position:relative;width:245px;height:215px;overflow:hidden;mix-blend-mode:multiply;transform:rotate(6deg)}.mascot-crop img{position:absolute;width:650px;max-width:none;left:-199px;top:-282px}.art-orbit{position:absolute;width:260px;height:220px;border:1px dashed #ddcceb;border-radius:50%;transform:rotate(-26deg)}.art-dot{position:absolute;color:#d6b36d}.one{top:0;left:40px;font-size:34px}.two{bottom:22px;right:13px;font-size:28px;color:#ae86d6}.art-note{position:absolute;bottom:0;left:40px;transform:rotate(-7deg);padding:7px 20px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 5px 20px #5b38700a;font-size:12px;color:#77618b}.art-note span{color:#d4ad52;padding-right:10px}.composer-wrap{position:relative;margin-top:5px}.composer{border:1px solid #ded0ee;border-radius:24px;background:white;padding:25px 25px 18px;box-shadow:0 10px 45px #754b9b0a;transition:box-shadow .2s}.composer:focus-within{box-shadow:0 10px 45px #754b9b14;border-color:#b99ad7}.composer-heading{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700}.mini-spark{color:var(--purple);font-size:25px}.tiny-note{font-size:11px;font-weight:400;color:#a194ab;margin-inline-start:auto}.composer textarea{width:100%;border:0;resize:vertical;min-height:102px;max-height:320px;padding:16px 0;background:transparent;color:var(--ink);font-size:15px;line-height:1.9}.composer textarea:focus{outline:0}.composer textarea::placeholder{color:#aaa0b2}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f4f0f7;padding-top:14px}.tools{display:flex;gap:6px;flex-wrap:wrap}.tool-button{padding:6px 10px;border-radius:10px;color:#6c5c7d;font-size:13px}.tool-button:first-child{background:#f4effa;color:#67429f}.tool-button>span:first-child{font-size:20px;vertical-align:middle;margin-left:4px}.tool-button:hover,.secondary:hover{background:#ede4f7}.primary{padding:11px 22px;border-radius:12px;background:var(--purple);color:white;display:inline-flex;gap:18px;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 4px 9px #7650b212}.primary:hover{background:var(--dark-purple)}.secondary{border:1px solid var(--line);border-radius:12px;padding:8px 16px;background:white;color:#6c5682;font-size:13px}.composer-meta{display:flex;justify-content:space-between;color:#93859e;font-size:11px;padding:12px 12px 0}.inline-message:empty{display:none}.inline-message{margin-top:12px;color:var(--red);font-size:13px}.inspiration{display:flex;gap:9px;align-items:center;margin:17px 0 43px;flex-wrap:wrap;font-size:12px;color:#918598}.inspiration button{min-height:34px;border:1px solid #eee6df;border-radius:30px;padding:6px 13px;font-size:11px;background:#fffcf7;color:#786a61}.inspiration button:nth-child(3){background:#f3f6f1;border-color:#e8eee2;color:#63735b}.inspiration button:nth-child(4){background:#f6f1fa;border-color:#eee5f4;color:#806693}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading h2{font-size:22px}.section-heading h2 span{font-size:12px;vertical-align:middle;background:#eee8f4;color:var(--purple);padding:2px 8px;border-radius:8px;margin-right:6px}.section-heading p{font-size:12px;color:var(--muted);margin-top:3px}.orders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.order-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;transition:transform .2s}.order-card:hover{transform:translateY(-3px)}.order-thumb{height:160px;position:relative;display:grid;place-items:center;overflow:hidden;background:#f1e9fa}.order-thumb img{height:100%;width:100%;object-fit:cover}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;border-radius:6px;padding:3px 8px;line-height:1.7;background:#e6f2ec;color:#34634f}.order-thumb>.status{position:absolute;top:11px;right:12px;background:#ffffffec}.status.processing,.status.queued{color:#8a641e;background:#fff2d2}.status.failed{color:var(--red);background:#fce9ed}.card-content{padding:14px 17px}.card-content h3{font-size:14px;font-weight:600;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:#93869d}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3eff6;margin-top:12px;padding-top:6px}.card-bottom button{font-size:12px;color:var(--purple);min-height:33px}.card-bottom small{font-size:10px;color:#a296ad}.generic-thumb{font-size:46px;color:var(--purple);display:grid;place-items:center}.generic-thumb small{font-size:12px;margin-top:5px}.more{display:block;margin:20px auto}.text-button{color:var(--purple);font-size:13px;padding:4px 9px}.works{padding-bottom:43px}footer{max-width:1110px;margin:10px auto 0;border-top:1px solid var(--line);padding:25px 35px 20px;color:#97899f;font-size:10px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:24px;color:#9b7cbb;font-weight:700}.footer-brand span{font-size:11px;font-weight:400;color:#a193aa;margin-right:10px}.social-links,.policy-links{display:flex;gap:12px;flex-wrap:wrap}.social-links button,.policy-links button{font-size:11px;color:#88778f;min-height:36px;padding:0}.policy-links{margin:12px 0 8px;gap:18px}footer p{color:#a89baf}dialog{border:1px solid var(--line);border-radius:23px;padding:0;width:min(580px,calc(100% - 32px));max-height:88dvh;color:var(--ink);background:#fff;box-shadow:0 30px 100px #30204026}dialog::backdrop{background:#30213f55;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 14px;background:white;position:sticky;top:0;z-index:3}.dialog-head h2{font-size:23px}.dialog-head>div>span{color:#a58dbb;font-size:10px}.icon-button{width:42px;height:42px;border-radius:50%;font-size:26px;background:#f6f2f9;color:#83728e}.dialog-head+.dialog-content,#dialog-content{padding:5px 25px 27px} .field{display:grid;gap:7px;margin:14px 0;font-size:13px}.field input,.field textarea,.field select,.search-input{width:100%;padding:12px;border:1px solid #dfd5e8;border-radius:10px;background:#fff;color:var(--ink);min-height:46px}.field textarea{min-height:120px;resize:vertical}.helper{font-size:12px;color:var(--muted);line-height:1.9;margin:8px 0 15px}.notice{padding:12px 14px;border-radius:12px;font-size:12px;color:#75613d;background:#fff7e5;margin:12px 0}.notice.purple{background:#f3edf9;color:#785392}.notice.error{background:#fff0f2;color:var(--red)}.notice.success{background:#edf8f1;color:var(--green)}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.dialog-actions .primary{min-width:130px}.full{width:100%}.divider{display:flex;gap:12px;align-items:center;color:#b4a8bd;font-size:11px;margin:15px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.password-wrap{display:flex;border:1px solid #dfd5e8;border-radius:10px;overflow:hidden}.password-wrap input{border:0}.password-wrap button{font-size:11px;min-width:54px}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:12px 0}.check-row input{width:18px;height:18px;accent-color:var(--purple);flex-shrink:0}.service-group{margin:17px 0}.service-group h3{font-size:13px;color:#9480a6;margin-bottom:8px}.service-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-item{border:1px solid var(--line);border-radius:11px;padding:10px 12px;text-align:right;display:flex;gap:9px;align-items:center;font-size:13px}.service-item:hover{border-color:#bea0d9;background:#f9f5ff}.service-item span{color:#a181c2}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;display:inline-flex;align-items:center;background:#f2ecfa;color:#79569c;border-radius:20px;padding:3px 11px;margin-top:8px;gap:7px}.chip button{font-size:18px;min-height:30px;padding:0 3px}.attachments{display:flex;gap:8px;flex-wrap:wrap}.attachment{background:#f9f6fb;border:1px solid var(--line);border-radius:10px;padding:5px 9px;max-width:100%;font-size:11px;display:flex;align-items:center;gap:8px}.attachment span{overflow:hidden;text-overflow:ellipsis;max-width:160px}.attachment button{min-height:35px;color:var(--purple)}.class-card,.transaction,.detail-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.class-card h3{font-size:14px}.class-card small{color:var(--muted)}.class-card button{color:var(--purple);font-size:12px}.student-list{max-height:250px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:5px 12px}.student-list label{padding:8px;margin:0;border-bottom:1px solid #f1edf5;align-items:center}.student-list label:last-child{border:0}.danger{color:var(--red);border-color:#edccd3}.empty{padding:30px;text-align:center;grid-column:1/-1;background:#f8f5fb;border-radius:15px;color:#8b7899;font-size:13px}.empty .empty-icon{font-size:40px;margin-bottom:8px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.plan{border:1px solid var(--line);border-radius:15px;padding:16px 7px;text-align:center;background:#fff;position:relative}.plan.selected{border:2px solid var(--purple);background:#f7f2fc}.plan b{font-size:27px;display:block;color:var(--purple)}.plan span{display:block;font-size:11px;color:var(--muted)}.balance-box{border-radius:17px;background:#f4effa;padding:20px;display:flex;justify-content:space-between;align-items:center}.balance-box strong{font-size:28px;color:var(--purple)}.transaction{font-size:12px}.transaction small{display:block;color:var(--muted)}.transaction strong{color:var(--purple)}.preview-media{width:100%;max-height:55vh;object-fit:contain;border-radius:12px;background:#faf7fc}.preview-frame{width:100%;height:52vh;border:1px solid var(--line);border-radius:12px}.order-details{margin:12px 0;color:var(--muted);font-size:12px}.step-list{list-style:none;padding:5px 0;margin:10px 0}.step-list li{padding:12px 0;display:flex;gap:12px;font-size:13px}.step-list li span{width:25px;height:25px;border-radius:50%;background:#eee5f8;color:var(--purple);display:grid;place-items:center}.step-list li.active span{background:var(--purple);color:white}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#49365c;color:white;padding:12px 23px;border-radius:13px;font-size:13px;box-shadow:0 4px 22px #30213f30;z-index:20;max-width:90%;text-align:center}.form-status{font-size:12px;margin:12px 0;color:var(--red)}.form-status:empty{display:none}.skeleton{height:280px;border-radius:18px;background:linear-gradient(100deg,#f4eff8,#fff,#f4eff8);background-size:200% 100%;animation:pulse 1.5s infinite}.spinner{display:inline-block;width:17px;height:17px;border:2px solid #dbc7ef;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite}.progress-copy{padding:25px 0;color:#826596}.auth-links{display:flex;justify-content:space-between;margin-top:12px;flex-wrap:wrap}.policy-copy{font-size:13px;line-height:2;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{background-position:-200% 0}}@media(min-width:1100px){.hero{min-height:340px}.hero-art{margin-left:85px}}@media(max-width:760px){.site-header{padding:20px}.brand{font-size:26px}.brand small{font-size:9px}.brand-icon{width:39px;height:39px;font-size:29px}.header-actions{gap:8px}main{padding:0 20px}.hero{padding:18px 0 25px;min-height:260px}.hero-art{width:210px;height:210px;margin-left:0;transform:scale(.8);transform-origin:left center}.hero-copy{z-index:1;min-width:240px}h1{font-size:37px}.hero-description{font-size:12px}.eyebrow{font-size:10px}.composer{padding:20px 17px 15px}.composer-heading{font-size:17px}.tiny-note{display:none}.orders-grid{grid-template-columns:repeat(2,1fr)}footer{padding:22px 20px}.footer-top{align-items:flex-start}.footer-brand span{display:block;margin:0;font-size:10px}.social-links{gap:10px}.composer-toolbar{gap:8px}.tools{gap:1px}.tool-button{padding:5px 6px;font-size:12px}.primary{padding:10px 16px;font-size:12px;gap:10px}}@media(max-width:480px){.demo-banner{font-size:9px}.site-header{padding:17px 18px}.wallet-pill{gap:7px;padding:7px 9px}.wallet-pill .coin{display:none}.wallet-pill b{font-size:12px}.wallet-pill small{font-size:9px}.avatar{width:38px;height:38px;min-height:38px}.hero{min-height:268px;align-items:center;overflow:hidden;padding:15px 0 24px}.hero-copy{min-width:225px}.hero-art{position:absolute;left:5px;top:145px;width:180px;transform:scale(.59);transform-origin:left center;opacity:.9}.hero-art .art-note{display:none}.hero-art .art-orbit{opacity:.5}.hero h1{font-size:34px;line-height:1.42;letter-spacing:-1px}.hero h1 i{left:0;top:-6px;font-size:25px}.hero-description{font-size:11px;max-width:230px;margin-top:10px}.eyebrow{font-size:9px;margin-bottom:12px}.greeting{font-size:12px}.composer{border-radius:19px;padding:17px 14px 13px}.composer-heading{font-size:15px;gap:6px}.composer textarea{font-size:13px;min-height:105px}.composer-toolbar{flex-wrap:wrap}.tools{width:100%;justify-content:flex-start;gap:8px}.composer-toolbar>.primary{width:100%;margin-top:6px;min-height:46px;font-size:14px;justify-content:space-between;padding-inline:18px}.tool-button{font-size:12px}.composer-meta{padding:10px 2px 0;font-size:9px;gap:8px}.inspiration{gap:7px;margin:14px 0 31px}.inspiration>span{width:100%;font-size:10px}.inspiration button{font-size:10px;padding:5px 10px;min-height:34px}.orders-grid{grid-template-columns:1fr;gap:15px}.order-thumb{height:185px}.section-heading h2{font-size:20px}.section-heading p{font-size:10px}.section-heading .secondary{font-size:12px;padding:7px 12px}.card-content h3{font-size:14px}.card-meta{font-size:11px}.card-bottom button{font-size:12px}.works{padding-bottom:24px}footer{margin-top:5px}.footer-top{gap:12px}.social-links{gap:9px}.social-links button{font-size:10px}.policy-links{gap:5px 13px}.policy-links button{font-size:10px}footer p{font-size:9px;line-height:2}dialog{width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0;border-radius:24px 24px 0 0;border-bottom:0}.dialog-head{padding:20px 20px 12px}#dialog-content{padding:4px 20px 25px}.dialog-head h2{font-size:21px}.service-item{font-size:12px;padding:10px}.plans{gap:7px}.plan b{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the decorative mascot inside its hero at narrow RTL viewports. */
.hero{position:relative}
@media(max-width:480px){.hero-art{top:25px;left:0}.hero-copy{max-width:100%}.hero{overflow:hidden}.hero-description{max-width:215px}}
@media(max-width:480px){.hero-art{left:15px}}
/* Legible secondary text on the light surfaces. */
.composer-meta,.card-meta,.card-bottom small{color:#786a84}.policy-links button,.social-links button{color:#75677d}.composer textarea::placeholder{color:#86788f}.tiny-note{color:#7c6c87}
a.primary{text-decoration:none;min-height:44px;cursor:pointer}

/* The mascot is a responsive viewport into the supplied full logo.
   All offsets scale together; it must never depend on a desktop-sized image. */
.mascot-crop {
  width: 260px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 470 / 330;
  overflow: hidden;
  transform: none;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 78% 86%, 78% 100%, 26% 100%, 26% 90%, 0 90%);
}
.mascot-crop img {
  display: block;
  position: absolute;
  width: 230.851064%;
  height: auto;
  max-width: none;
  left: -63.829787%;
  top: -142.424242%;
}
@media (min-width: 481px) and (max-width: 760px) {
  .hero-art { width: 210px; height: 210px; transform: none; }
  .hero-art .art-orbit { width: 205px; height: 180px; }
}
@media (max-width: 480px) {
  .hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(100px, 30vw, 140px);
    column-gap: 8px;
    min-height: 245px;
    overflow: visible;
  }
  .hero-copy { min-width: 0; }
  .hero h1 { font-size: clamp(25px, 7.6vw, 34px); }
  .hero h1 i { left: 0; top: -14px; font-size: 22px; }
  .hero-description { max-width: 100%; }
  .hero-art {
    position: relative;
    width: 100%;
    height: 160px;
    margin: 0;
    top: auto;
    left: auto;
    transform: none;
    transform-origin: center;
    opacity: 1;
    min-width: 0;
  }
  .hero-art .art-orbit { width: 100%; height: 125px; }
  .hero-art .art-dot.one { top: 8px; left: 14px; font-size: 18px; }
  .hero-art .art-dot.two { bottom: 12px; right: 8px; font-size: 18px; }
}
.hero-art { grid-template-columns: minmax(0, 1fr); }
.mascot-crop { min-width: 0; justify-self: center; }
@media (max-width: 480px) { .mascot-crop { width: 100%; } }
@media (max-width: 480px) { .hero-art .art-orbit { width: 90%; height: 110px; } }