@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
500;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

500;600;700;800&display=swap');
#fatima-sky{--sky:#aab8da;--deep:#172238;--pale:#f5f6fa;--muted:#5c687b;background:#fff;color:var(--deep);font:14px 'Noto Sans Arabic',sans-serif;border-radius:20px;overflow:hidden}#fatima-sky *{box-sizing:border-box}#fatima-sky button,#fatima-sky a{font:inherit;cursor:pointer}#fatima-sky a{color:inherit;text-decoration:none}#fatima-sky button{border:0;background:none;color:inherit}#fatima-sky .wrap{padding-inline:5.5%}#fatima-sky header{display:flex;align-items:center;gap:25px;padding-block:22px;background:white;position:relative;z-index:3}#fatima-sky .brand{font:700 20px Arial;direction:ltr;margin-left:auto}#fatima-sky .brand small{display:block;letter-spacing:3px;font-size:9px;color:#65758b;margin-top:5px}#fatima-sky .brand b{color:var(--sky)}#fatima-sky nav{display:flex;gap:20px;align-items:center;font-size:12px}#fatima-sky .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--sky);color:#273751;border-radius:30px;padding:12px 23px;font-weight:600;font-size:13px}#fatima-sky .secondary{background:white;border:1px solid #c9e5f3;color:var(--deep)}#fatima-sky .menu{position:relative}#fatima-sky .dropdown{position:absolute;top:34px;right:0;width:225px;box-shadow:0 12px 40px #20395720;border:1px solid #dfedf5;border-radius:16px;background:white;padding:10px;z-index:9}#fatima-sky .dropdown button{display:block;padding:12px;width:100%;text-align:right}#fatima-sky .hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:510px;padding-top:18px}#fatima-sky .kicker{color:#566b99;font-weight:600;font-size:12px}#fatima-sky h1{font-size:clamp(32px,4.6vw,51px);line-height:1.5;letter-spacing:-1.2px;margin:15px 0;font-weight:800}#fatima-sky h1 em{font-style:normal;color:#6c80ad}#fatima-sky p{color:var(--muted);line-height:1.95;margin:12px 0 22px}#fatima-sky .hero p{max-width:400px;font-size:14px}#fatima-sky .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#fatima-sky .proof{display:flex;gap:13px;align-items:center;margin-top:25px;font-size:11px;color:#5c687b}#fatima-sky .proof strong{color:var(--deep)}#fatima-sky .dots{display:flex;direction:ltr}#fatima-sky .dots span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6eaf4;border:2px solid white;color:#2587b0;margin-right:-6px;font-weight:700}#fatima-sky .portrait{position:relative;min-width:0;align-self:stretch;display:flex;align-items:end;justify-content:center;isolation:isolate}#fatima-sky .blob{position:absolute;inset:30px -35px 0 -20px;background:linear-gradient(145deg,#e2e7f2,#f5f6fa);border-radius:58% 42% 0 0;z-index:-1}#fatima-sky .portrait img{width:100%;height:490px;object-fit:contain;object-position:bottom;position:relative;z-index:1}#fatima-sky .floating{position:absolute;z-index:2;background:white;box-shadow:0 10px 35px #31537612;border:1px solid #e3eff5;border-radius:15px;padding:14px 17px;font-size:11px;max-width:155px;line-height:1.7}#fatima-sky .floating strong{font:700 28px Arial;color:#5f739f;display:block}#fatima-sky .float-one{top:50px;left:-10px}#fatima-sky .float-two{bottom:65px;right:0}#fatima-sky .spark{position:absolute;color:#f4c46d;font-size:30px;right:4%;top:3%;transform:rotate(12deg)}#fatima-sky .platforms{background:var(--pale);text-align:center;padding-block:22px}#fatima-sky .platforms p{font-size:11px;margin:0 0 16px}#fatima-sky .logos{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;font:600 17px Arial;color:#41566b}#fatima-sky section.content{padding-block:56px}#fatima-sky .section-title{text-align:center;max-width:620px;margin:0 auto 30px}#fatima-sky h2{font-size:28px;line-height:1.6;margin:6px 0 12px;font-weight:700}#fatima-sky h3{font-size:17px;line-height:1.6;margin:14px 0 8px}#fatima-sky .underline{display:block;width:55px;height:4px;background:#facd7a;margin:14px auto 0;border-radius:100%;transform:rotate(-5deg)}#fatima-sky .services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#fatima-sky .service{text-align:center;padding:12px 20px 22px;border-left:1px solid #eaf0f6}#fatima-sky .service:last-child{border:0}#fatima-sky .service p{font-size:13px}#fatima-sky .icon{display:grid;place-items:center;width:56px;height:56px;background:linear-gradient(145deg,#eefaff,#dce3f1);color:#6d80ad;border-radius:18px;margin:auto;box-shadow:0 7px 0 #edf7fb;transform:rotate(-5deg)}#fatima-sky .service button{color:#586d99;font-size:12px;font-weight:600}#fatima-sky .about{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;background:#f7fbff;border:1px solid #e4eff8;padding:30px;border-radius:25px}#fatima-sky .about-layout{display:grid;grid-template-columns:145px 1fr;gap:24px;align-items:center}#fatima-sky .about-portrait{height:230px;background:#e6eaf4;border-radius:22px;overflow:hidden}#fatima-sky .about-portrait img{width:100%;height:100%;object-fit:cover;object-position:top}#fatima-sky .about p{font-size:12px}#fatima-sky .stats{display:grid;grid-template-columns:1fr 1fr;gap:13px}#fatima-sky .stat{padding:20px;background:#e7ebf5;border-radius:16px;display:flex;flex-direction:column;justify-content:center}#fatima-sky .stat:nth-child(2){background:#e7f8f3}#fatima-sky .stat:nth-child(3){background:#fff5e6}#fatima-sky .stat:nth-child(4){background:#edf0ff}#fatima-sky .stat strong{font-size:24px;color:#6277a4}#fatima-sky .stat span{font-size:11px;margin-top:6px}#fatima-sky .pricing{background:linear-gradient(#f3f5fa,#fff);padding-block:55px}#fatima-sky .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}#fatima-sky .plan{background:white;border:1px solid #e0eaf2;border-radius:22px;padding:25px;position:relative;display:flex;flex-direction:column}#fatima-sky .plan.featured{border:2px solid var(--sky);box-shadow:0 12px 36px #32afe51b}#fatima-sky .badge{background:#e6eaf4;color:#52658f;font-size:10px;border-radius:20px;padding:3px 12px;align-self:start}#fatima-sky .price{font:700 38px Arial;margin:14px 0;color:#172238;direction:ltr;text-align:right}#fatima-sky .price small{font:400 11px 'Noto Sans Arabic'}#fatima-sky ul{padding:0;list-style:none;margin:14px 0 20px}#fatima-sky li{font-size:12px;color:#516174;line-height:2.3}#fatima-sky li:before{content:'✓';display:inline-block;color:#7185b2;margin-left:7px}#fatima-sky .plan .button{margin-top:auto}#fatima-sky .fine{font-size:10px;line-height:1.8;color:#62758a;margin-top:12px}#fatima-sky .tutorials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#fatima-sky .tutorial{border:1px solid #e4ecf4;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #21365006}#fatima-sky .cover{height:145px;padding:18px;background:linear-gradient(135deg,#dbf4ff,#f2fbff);position:relative;display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr}#fatima-sky .cover .miniwindow{width:140px;height:90px;background:white;border-radius:9px;box-shadow:0 10px 20px #24759918;padding:12px;transform:rotate(-5deg)}#fatima-sky .miniwindow span{display:block;height:5px;background:#daedf7;border-radius:3px;margin:7px 0;width:80%}#fatima-sky .miniwindow span:nth-child(2){width:50%;background:#63caec}#fatima-sky .tutorial-body{padding:19px}#fatima-sky .tutorial-body h3{font-size:15px}#fatima-sky .tutorial-body p{font-size:12px}#fatima-sky .tutorial-body button{color:#586d99;font-size:12px;padding:0}#fatima-sky .tutorial .kicker{font-size:10px}#fatima-sky .section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}#fatima-sky .section-head h2{margin-bottom:0}#fatima-sky .faq{max-width:700px;margin:auto}#fatima-sky details.question{border-bottom:1px solid #e4eef5;padding:17px 0}#fatima-sky summary{cursor:pointer;font-size:13px}#fatima-sky details.question p{font-size:12px}#fatima-sky .contact{background:linear-gradient(115deg,#7c90bc,#c2cce4);color:white;padding-block:35px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}#fatima-sky .contact p{color:#f1fbff;font-size:13px}#fatima-sky .contact h2{font-size:29px}#fatima-sky .contact-box{background:white;color:#172238;border-radius:20px;padding:25px;display:flex;flex-direction:column;gap:12px}#fatima-sky .contact-box a{font-size:12px;overflow-wrap:anywhere}#fatima-sky .contact-box .button{font-size:13px}#fatima-sky footer{padding-block:23px;background:#11384f;color:#e0f2fc;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px;flex-wrap:wrap}#fatima-sky footer .brand{font-size:16px;margin:0}#fatima-sky .detail{margin:20px 5.5%;padding:25px;border:1px solid #c7eafa;border-radius:20px;background:#f3f5fa}#fatima-sky .detail p{margin-bottom:0}#fatima-sky [hidden]{display:none!important}@media(max-width:700px){#fatima-sky header{gap:16px;flex-wrap:wrap}#fatima-sky header .brand{width:100%;text-align:right}#fatima-sky header>.button{margin-right:auto;padding:9px 15px}#fatima-sky nav{gap:15px}#fatima-sky .hero{grid-template-columns:1fr;padding-top:25px}#fatima-sky .hero h1{font-size:37px}#fatima-sky .portrait{min-height:420px}#fatima-sky .portrait img{height:420px}#fatima-sky .blob{inset:20px 0 0}#fatima-sky .float-one{left:0}#fatima-sky .float-two{right:0;bottom:25px}#fatima-sky .logos{gap:22px;font-size:15px}#fatima-sky .services,#fatima-sky .plans,#fatima-sky .tutorials{grid-template-columns:1fr}#fatima-sky .service{border-left:0;border-bottom:1px solid #eaf0f6;padding-bottom:25px}#fatima-sky .about{grid-template-columns:1fr;padding:20px}#fatima-sky .about-layout{grid-template-columns:110px 1fr;gap:16px}#fatima-sky .about-portrait{height:190px}#fatima-sky .contact{grid-template-columns:1fr}#fatima-sky .section-head{align-items:start}#fatima-sky .section-head .button{padding:9px 12px;white-space:nowrap;font-size:11px}#fatima-sky section.content{padding-block:38px}#fatima-sky h2{font-size:24px}}

#fatima-sky{font-family:'Noto Sans Arabic',sans-serif}
#fatima-sky .wrap{padding-inline:6%}
#fatima-sky header{padding-block:26px;border-bottom:1px solid #f1f6fa}
#fatima-sky nav{gap:25px}
#fatima-sky h1{font-weight:700;font-size:clamp(34px,4.5vw,48px);line-height:1.6;letter-spacing:-.8px}
#fatima-sky h2{font-weight:600;font-size:27px}
#fatima-sky h3{font-weight:600}
#fatima-sky .hero{min-height:455px;gap:38px;padding-top:18px;position:relative}
#fatima-sky .hero>div:first-child{padding-bottom:25px}
#fatima-sky .hero p{font-size:14px;line-height:2;max-width:380px}
#fatima-sky .portrait{height:445px;overflow:hidden;border-radius:0 0 24px 24px}
#fatima-sky .portrait img{width:100%;height:535px;object-fit:cover;object-position:center top;align-self:start;mix-blend-mode:multiply}
#fatima-sky .blob{inset:35px 0 0;background:linear-gradient(145deg,#e2e7f2,#f5f6fa);border-radius:52% 48% 0 0}
#fatima-sky .floating{box-shadow:0 10px 35px #204c6f13;padding:13px 16px}
#fatima-sky .float-one{top:50px;left:0}
#fatima-sky .float-two{bottom:32px;right:0}
#fatima-sky .floating strong{font-size:25px}
#fatima-sky .platforms{padding-block:24px}
#fatima-sky section.content{padding-block:65px}
#fatima-sky .services{gap:0}
#fatima-sky .service{padding:12px 28px 20px}
#fatima-sky .service .icon{width:62px;height:62px;border-radius:21px;box-shadow:4px 7px 0 #edf0f7}
#fatima-sky .service h3{margin-top:24px}
#fatima-sky .about{background:linear-gradient(120deg,#f7f8fb,#edf0f7);border:0;border-radius:28px;padding:35px;gap:28px;grid-template-columns:1.4fr 1fr;position:relative}
#fatima-sky .about-layout{grid-template-columns:155px 1fr;gap:25px}
#fatima-sky .about-portrait{height:255px;border-radius:90px 90px 20px 20px;background:linear-gradient(160deg,#b8e7fd,#e6f7ff)}
#fatima-sky .about-portrait img{height:290px;object-position:top;mix-blend-mode:multiply}
#fatima-sky .about p{font-size:13px}
#fatima-sky .stats{gap:14px}
#fatima-sky .stat{padding:20px;border:1px solid #ffffffa0;min-height:105px;box-shadow:0 6px 18px #316c9410}
#fatima-sky .stat strong{font-size:26px}
#fatima-sky .stat span{font-size:12px}
#fatima-sky .pricing{padding-block:60px;background:#f4f5fa}
#fatima-sky .plans{gap:18px;margin-top:38px}
#fatima-sky .plan{padding:27px 23px;border:0;border-radius:20px;box-shadow:0 10px 35px #2c638509}
#fatima-sky .plan.featured{border:2px solid #aab8da;transform:translateY(-9px)}
#fatima-sky .plan h3{font-size:18px}
#fatima-sky .price{font-size:40px;margin-block:24px 14px}
#fatima-sky .fine{font-size:11px}
#fatima-sky .tutorials{gap:21px}
#fatima-sky .tutorial{box-shadow:0 8px 30px #203a5510;border:0;transition:transform .2s}
#fatima-sky .tutorial:hover{transform:translateY(-4px)}
#fatima-sky .cover{height:170px;overflow:hidden;position:relative}
#fatima-sky .cover:before{content:'';position:absolute;width:110px;height:110px;border:20px solid #ffffff80;border-radius:50%;right:-30px;top:-40px}
#fatima-sky .cover .miniwindow{width:150px;height:103px;padding:14px;transform:rotate(-7deg)}
#fatima-sky .cover>i{background:white;padding:16px;border-radius:14px;color:#299bc5;box-sizing:content-box;transform:rotate(8deg);box-shadow:0 8px 20px #3c71881a}
#fatima-sky .tutorial-body{padding:22px}
#fatima-sky .tutorial-body h3{font-size:16px;line-height:1.8}
#fatima-sky .contact{background:linear-gradient(110deg,#7c90bc,#aab8da);grid-template-columns:1.3fr 1fr;gap:45px;padding-block:48px;position:relative}
#fatima-sky .contact h2{font-size:34px;font-weight:600}
#fatima-sky .contact-box{padding:28px;box-shadow:0 15px 35px #0a476023}
#fatima-sky .footer-main{background:#10324b;color:#d4e8f4;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-block:36px}
#fatima-sky .footer-main h3{font-size:14px;color:white;margin:0 0 15px}
#fatima-sky .footer-main p{color:#adc8d9;font-size:12px;max-width:250px}
#fatima-sky .footer-main .brand{color:white;font-size:21px}
#fatima-sky .footer-main a,#fatima-sky .footer-main button{display:block;font-size:12px;padding:5px 0;text-align:right;color:#d4e8f4}
#fatima-sky .footer-main .footer-social{display:flex;gap:13px;margin-top:15px}
#fatima-sky footer{background:#0c293e;border-top:1px solid #224357;padding-block:18px;color:#adc8d9}
#fatima-sky .process{display:grid;grid-template-columns:1.2fr 2fr;gap:40px;align-items:center;padding-block:45px;border-block:1px solid #e5f1f8}
#fatima-sky .process h2{font-size:24px}
#fatima-sky .process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#fatima-sky .process-steps strong{color:#6d80ad;font:500 25px Arial}
#fatima-sky .process-steps h3{font-size:14px}
#fatima-sky .process-steps p{font-size:12px;margin-bottom:0}
@media(max-width:700px){#fatima-sky header{gap:12px;padding-block:18px}#fatima-sky nav{gap:16px}#fatima-sky .hero{gap:5px}#fatima-sky .hero h1{font-size:37px}#fatima-sky .hero>div:first-child{padding-bottom:10px}#fatima-sky .portrait{height:390px;min-height:390px}#fatima-sky .portrait img{height:490px}#fatima-sky .about{grid-template-columns:1fr;padding:24px}#fatima-sky .about-layout{grid-template-columns:110px 1fr;gap:16px}#fatima-sky .about-portrait{height:215px}#fatima-sky .about-portrait img{height:260px}#fatima-sky .about h2{font-size:24px}#fatima-sky section.content{padding-block:43px}#fatima-sky .plan.featured{transform:none}#fatima-sky .process{grid-template-columns:1fr;gap:15px}#fatima-sky .process-steps{gap:14px}#fatima-sky .contact{grid-template-columns:1fr;gap:20px}#fatima-sky .footer-main{grid-template-columns:1fr 1fr;gap:25px}#fatima-sky .footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:370px){#fatima-sky .about-layout{grid-template-columns:1fr}#fatima-sky .about-portrait{width:150px;height:185px}#fatima-sky .process-steps{grid-template-columns:1fr}#fatima-sky .floating{padding:10px;max-width:130px}#fatima-sky .hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){#fatima-sky .tutorial{transition:none}}

#fatima-sky header{gap:17px}#fatima-sky .fs-languages{display:flex;gap:2px;direction:ltr;border:1px solid #dcecf5;border-radius:22px;padding:3px}#fatima-sky .fs-languages button{font:500 11px Arial;padding:8px;border-radius:18px;min-height:32px}#fatima-sky .fs-languages button[aria-pressed="true"]{background:#e6eaf4;color:#116286}#fatima-sky .fs-location{font-size:12px;color:#5c687b}#fatima-sky[dir="ltr"]{font-family:Arial,sans-serif}#fatima-sky[dir="ltr"] .brand{margin-left:0;margin-right:auto}#fatima-sky[dir="ltr"] .dropdown{right:auto;left:0}#fatima-sky[dir="ltr"] .dropdown button,#fatima-sky[dir="ltr"] .price,#fatima-sky[dir="ltr"] .footer-main a,#fatima-sky[dir="ltr"] .footer-main button{text-align:left}#fatima-sky[dir="ltr"] li:before{margin-left:0;margin-right:7px}#fatima-sky[dir="ltr"] .service{border-left:0;border-right:1px solid #eaf0f6}#fatima-sky[dir="ltr"] .service:last-child{border-right:0}#fatima-sky[dir="ltr"] h1{line-height:1.2;letter-spacing:-1px}#fatima-sky .footer-main .fs-location{color:#adc8d9}@media(max-width:850px){#fatima-sky header{flex-wrap:wrap}#fatima-sky header .brand{width:100%;text-align:start}#fatima-sky header nav{gap:14px}#fatima-sky header>.button{margin-inline-start:auto;margin-right:0}#fatima-sky .fs-languages button{min-height:36px}}@media(max-width:400px){#fatima-sky header nav{width:100%;justify-content:space-between}#fatima-sky header>.button{padding:10px 16px}#fatima-sky[dir="ltr"] .service{border-right:0}}
#fatima-sky header{flex-wrap:wrap}#fatima-sky nav{flex-wrap:wrap;min-width:0}#fatima-sky .fs-languages{flex-shrink:0}#fatima-sky .button{max-width:100%;text-align:center}#fatima-sky .plan .button{white-space:normal}#fatima-sky .portrait{height:410px;min-height:410px;align-self:center;border-radius:130px 130px 25px 25px;background:#e5edf2}#fatima-sky .portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;mix-blend-mode:normal}#fatima-sky .blob{display:none}#fatima-sky .float-one{top:35px}#fatima-sky .float-two{bottom:24px}#fatima-sky .about-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 35%;mix-blend-mode:normal}@media(max-width:700px){#fatima-sky .portrait{height:390px;min-height:390px;margin-top:15px}#fatima-sky .portrait img{height:100%}#fatima-sky .about-portrait img{height:100%}}#fatima-sky .logo-image{display:block;width:225px;height:62px;position:relative;overflow:hidden;background:#f8fbfd;border-radius:8px}#fatima-sky .logo-image img{position:absolute;width:280px!important;max-width:none;height:280px!important;left:-25px;top:-110px;object-fit:contain!important;mix-blend-mode:normal!important}#fatima-sky header .brand{font-size:0}#fatima-sky .footer-main .logo-image{width:225px}#fatima-sky .platform-icon{width:25px;height:25px;object-fit:contain}#fatima-sky .icon .platform-icon{width:30px;height:30px}#fatima-sky .button,#fatima-sky .footer-social a{display:inline-flex;align-items:center;justify-content:center;gap:9px}#fatima-sky .button .platform-icon,#fatima-sky .footer-social .platform-icon{width:17px;height:17px}#fatima-sky .arrow-icon{width:16px;height:16px;flex-shrink:0;vertical-align:middle;margin-inline-start:7px}#fatima-sky .footer-main .arrow-icon,#fatima-sky footer .arrow-icon,#fatima-sky .footer-social .platform-icon{filter:brightness(0) invert(1)}#fatima-sky .real-tutorials{grid-template-columns:minmax(0,1fr)}#fatima-sky .real-tutorials .tutorial{display:grid;grid-template-columns:1fr 1.2fr;background:#f7f8fb}#fatima-sky .curtain-cover{height:245px;background:linear-gradient(125deg,#071a2e,#213957);position:relative;direction:ltr}#fatima-sky .night-window{height:155px;width:110px;border:6px solid #1c3148;background:#e5b56a;box-shadow:0 0 45px #edb36538;position:relative;overflow:hidden}#fatima-sky .curtain-left,#fatima-sky .curtain-right{position:absolute;top:0;bottom:0;width:44%;background:repeating-linear-gradient(90deg,#e0dcd1,#fbf5e6 12px,#d4cdbd 24px)}#fatima-sky .curtain-left{left:0}#fatima-sky .curtain-right{right:0}#fatima-sky .flow-tag{position:absolute;bottom:15px;left:18px;font:500 10px Arial;letter-spacing:2px;color:#cfdeec}#fatima-sky .real-tutorials .tutorial-body{align-self:center;padding:30px}#fatima-sky .real-tutorials h3{font-size:23px}#fatima-sky .real-tutorials p{font-size:13px}#fatima-sky #fs-detail.tutorial-open{padding:0;border:0;background:transparent}#fatima-sky #fs-detail.tutorial-open>#fs-close{position:relative;z-index:2;margin:15px}#fatima-sky #curtain-tutorial{border:1px solid #e1edf5}#fatima-sky #curtain-tutorial h1{font:700 38px/1.2 Arial;margin:15px 0 25px}#fatima-sky #curtain-tutorial .reel{display:flex}#fatima-sky #curtain-tutorial .reel img{width:25px;height:25px}#fatima-sky #curtain-tutorial #ct-copy{background:#aab8da;color:#273751;padding:12px 18px;border-radius:25px}#fatima-sky #curtain-tutorial #ct-copy img{width:15px;height:15px}@media(max-width:650px){#fatima-sky .real-tutorials .tutorial{grid-template-columns:1fr}#fatima-sky header .brand{width:auto}#fatima-sky .logo-image{width:205px}}
500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
#fatima-sky,#fatima-sky[dir="ltr"]{font-family:'Manrope','Cairo',sans-serif}
#fatima-sky[dir="rtl"]{font-family:'Cairo','Manrope',sans-serif}
#fatima-sky h1{font-weight:800;letter-spacing:-.8px;line-height:1.5}
#fatima-sky h2{font-weight:700;letter-spacing:-.3px}
#fatima-sky h3{font-weight:700}
#fatima-sky .button{font-weight:700}
#fatima-sky .hero p{line-height:1.95}
#fatima-sky #fs-about{padding-top:22px;padding-bottom:55px}
#fatima-sky .about{display:grid;grid-template-columns:1fr 210px;gap:35px;align-items:center;padding:27px 30px 0;background:linear-gradient(110deg,#aebcdd,#c6cfE6);border-radius:24px;overflow:visible;position:relative}
#fatima-sky .about-layout{display:grid;grid-template-columns:185px 1fr;gap:28px;align-items:center;direction:ltr}
#fatima-sky .about-layout>div:last-child{direction:rtl;padding-bottom:27px}
#fatima-sky[dir="ltr"] .about-layout>div:last-child{direction:ltr}
#fatima-sky .about-portrait{height:245px;width:185px;border-radius:20px 20px 0 0;overflow:hidden;background:#e9edf5;transform:translateY(0)}
#fatima-sky .about-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 33%;mix-blend-mode:normal}
#fatima-sky .about .kicker{color:#273751;font-size:11px}
#fatima-sky .about h2{color:#273751;font-size:29px;line-height:1.4;margin-top:9px;margin-bottom:10px}
#fatima-sky .about p{color:#3b4b67;font-size:12px;line-height:1.85;margin:10px 0 17px}
#fatima-sky .about .button{background:#fff;border:0;box-shadow:0 4px 12px #228cb514;padding:10px 19px;color:#4b5e89;font-size:12px}
#fatima-sky .stats{display:flex;flex-direction:column;gap:13px;padding-bottom:27px}
#fatima-sky .stat,#fatima-sky .stat:nth-child(n){display:flex;flex-direction:row;align-items:center;justify-content:start;gap:13px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;min-height:0}
#fatima-sky .stat strong{font-size:20px;color:#34445f;min-width:63px;line-height:1.3}
#fatima-sky .stat span{font-size:11px;margin:0;color:#3e4e6b}
#fatima-sky .about .stats:before{content:'';position:absolute;inset-block:34px;inset-inline-start:auto;width:1px;background:#ffffff50;transform:translateX(15px)}
#fatima-sky .pricing{padding-block:50px;background:#f5f6fa}
#fatima-sky .pricing-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;max-width:850px;margin:auto}
#fatima-sky .pricing-copy h2{font-size:31px;line-height:1.6;margin-bottom:14px}
#fatima-sky .pricing-copy p{font-size:13px;line-height:1.9;max-width:360px}
#fatima-sky .pricing-copy .section-title{text-align:start;margin:0}
#fatima-sky .pricing-copy .underline{margin-inline:0}
#fatima-sky .plan-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
#fatima-sky .plan-switcher button{padding:10px 14px;border:1px solid #c7e8f5;border-radius:22px;font-size:12px;background:white}
#fatima-sky .plan-switcher button[aria-pressed="true"]{background:#6a7ea9;color:white;border-color:#6a7ea9}
#fatima-sky .plans{display:block;margin:0;min-width:0}
#fatima-sky .plan,#fatima-sky .plan.featured{border:1px solid #e0edf5;border-radius:20px;padding:26px 30px;box-shadow:0 14px 35px #30769812;transform:none;text-align:center;min-height:360px}
#fatima-sky .plan .badge{align-self:center}
#fatima-sky .price,#fatima-sky[dir="ltr"] .price{font-size:43px;text-align:center;margin:20px 0 14px}
#fatima-sky .plan ul{text-align:start;margin-top:10px;margin-bottom:25px}
#fatima-sky .plan .button{width:100%}
#fatima-sky .real-tutorials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#fatima-sky .real-tutorials .tutorial{display:block;background:white;border:1px solid #e3ecf4;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #31516d08}
#fatima-sky .real-tutorials .curtain-cover{height:150px}
#fatima-sky .real-tutorials .night-window{height:110px;width:85px}
#fatima-sky .real-tutorials .tutorial-body{padding:19px}
#fatima-sky .real-tutorials h3{font-size:16px;line-height:1.65;margin-top:9px}
#fatima-sky .real-tutorials p{font-size:12px;line-height:1.8;margin-bottom:15px}
#fatima-sky .real-tutorials .ct-read{font-size:12px;font-weight:700}
#fatima-sky .contact{display:grid;grid-template-columns:1fr 1.35fr .8fr;gap:25px;background:linear-gradient(110deg,#e9edf6,#d6deef);color:#293a58;padding-block:35px;overflow:hidden;border-radius:22px 22px 0 0}
#fatima-sky .contact h2{font-size:25px;line-height:1.65;color:#293a58}
#fatima-sky .contact p{color:#566581;font-size:12px;line-height:1.8}
#fatima-sky .contact-info-links{display:flex;flex-direction:column;gap:12px;margin-top:20px;font-size:11px}
#fatima-sky .contact-info-links a{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}
#fatima-sky .contact-info-links img{width:17px;height:17px}
#fatima-sky .contact-info-links .fs-location{color:#566581;font-size:11px}
#fatima-sky .contact-form{background:#fff;padding:18px;border:1px solid #deecf5;border-radius:15px;box-shadow:0 10px 25px #5383a912;position:relative;z-index:1}
#fatima-sky .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#fatima-sky .contact-form label{display:block;font-size:11px;color:#4b697e;margin-bottom:12px}
#fatima-sky .contact-form input,#fatima-sky .contact-form textarea{display:block;width:100%;font:13px 'Manrope','Cairo',sans-serif;border:1px solid #dce9f1;border-radius:7px;padding:10px;background:#f8fbfd;color:#19384e;margin-top:5px}
#fatima-sky .contact-form textarea{resize:vertical;min-height:72px}
#fatima-sky .contact-form .button{width:100%;border-radius:8px;background:#aab8da;color:#273751;padding:11px;font-size:12px}
#fatima-sky .contact-form .form-note{font-size:10px;color:#5b768a;margin:9px 0 0;line-height:1.6}
#fatima-sky .contact-photo{position:relative;height:270px;align-self:end;border-radius:100px 100px 0 0;background:#e4e9f3;overflow:hidden;margin-bottom:-35px}
#fatima-sky .contact-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
#fatima-sky .footer-main{background:#f4f5f9;color:#34445f;padding-block:29px;border-top:1px solid #dce2ee;grid-template-columns:1.4fr 1fr 1fr}
#fatima-sky .footer-main h3{color:#293a58}
#fatima-sky .footer-main p,#fatima-sky .footer-main .fs-location{color:#62708b}
#fatima-sky .footer-main a,#fatima-sky .footer-main button{color:#4f6081}
#fatima-sky .footer-main .arrow-icon,#fatima-sky .footer-social .platform-icon,#fatima-sky footer .arrow-icon{filter:none}
#fatima-sky footer{background:#e9edf5;border-top:1px solid #dce2ee;color:#5b6a85}
#fatima-sky .reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.25,1)}
#fatima-sky .reveal-ready.is-visible{opacity:1;transform:none}
#fatima-sky .floating{animation:fs-float 5s ease-in-out infinite}
#fatima-sky .float-two{animation-delay:-2.5s}
#fatima-sky .button{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
#fatima-sky .button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #2188b31a}
@keyframes fs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:800px){#fatima-sky .about{grid-template-columns:1fr;padding:24px 24px 0;gap:0}#fatima-sky .about-layout{grid-template-columns:150px 1fr;gap:24px}#fatima-sky .about-portrait{width:150px;height:225px}#fatima-sky .stats{flex-direction:row;flex-wrap:wrap;gap:18px;justify-content:space-between;padding-block:20px}#fatima-sky .about .stats:before{display:none}#fatima-sky .stat strong{min-width:0;font-size:19px}#fatima-sky .stat{gap:7px}#fatima-sky .pricing-layout{gap:26px}#fatima-sky .contact{grid-template-columns:1fr 1.4fr}#fatima-sky .contact-photo{display:none}#fatima-sky .real-tutorials{grid-template-columns:1fr 1fr}}
@media(max-width:550px){#fatima-sky .about-layout{grid-template-columns:115px 1fr;gap:17px}#fatima-sky .about-portrait{width:115px;height:215px}#fatima-sky .about h2{font-size:24px}#fatima-sky .about p{font-size:12px}#fatima-sky .about-layout>div:last-child{padding-bottom:15px}#fatima-sky .stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}#fatima-sky .pricing-layout{grid-template-columns:1fr}#fatima-sky .plan-switcher{margin-top:16px}#fatima-sky .real-tutorials{grid-template-columns:1fr}#fatima-sky .real-tutorials .curtain-cover{height:170px}#fatima-sky .contact{grid-template-columns:1fr;padding-block:29px;gap:20px}#fatima-sky .contact h2{font-size:28px}#fatima-sky .contact-form{padding:17px}#fatima-sky .pricing-copy h2{font-size:28px}}
@media(max-width:360px){#fatima-sky .about-layout{grid-template-columns:1fr}#fatima-sky .about-portrait{width:135px;height:160px;border-radius:18px}#fatima-sky .about-layout>div:last-child{padding-block:10px}#fatima-sky .contact-form .form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#fatima-sky .reveal-ready{opacity:1;transform:none;transition:none}#fatima-sky .floating{animation:none}#fatima-sky .button{transition:none}}

500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
#fatima-sky{--sky:#abb9da;--deep:#28364f;--pale:#f3f5fa;--muted:#626d83;color:var(--deep);background:#fff;font-family:'Tajawal','DM Sans',sans-serif;font-size:16px}
#fatima-sky[dir="rtl"]{font-family:'Tajawal','DM Sans',sans-serif}
#fatima-sky[dir="ltr"]{font-family:'DM Sans','Tajawal',sans-serif}
#fatima-sky h1{font-family:inherit;font-weight:700;letter-spacing:-.6px;line-height:1.45}
#fatima-sky h2,#fatima-sky h3{font-family:inherit;font-weight:700}
#fatima-sky .kicker{color:#5c6e99;font-weight:500}
#fatima-sky .hero h1 em{color:#798db8}
#fatima-sky .hero p{font-size:16px;line-height:1.9}
#fatima-sky .button{background:#aebcdd;color:#273751;box-shadow:none;font-family:inherit;font-size:14px}
#fatima-sky .button.secondary{background:#f9faff;border-color:#dce2ef;color:#495d87}
#fatima-sky .button:hover{box-shadow:0 7px 18px #7887a620}
#fatima-sky .fs-languages button[aria-pressed="true"]{background:#e4e9f4;color:#52668e}
#fatima-sky .portrait{background:#edf0f6}
#fatima-sky .floating strong{color:#6479a4}
#fatima-sky .about{background:linear-gradient(110deg,#aebcdd,#c6cfe5);box-shadow:none}
#fatima-sky .about p{font-size:14px;line-height:1.75;color:#3d4d6a}
#fatima-sky .about h2{color:#293750}
#fatima-sky .about .button{background:#fff;color:#52658e}
#fatima-sky .stats .stat strong,#fatima-sky .stats .stat span{color:#354560}
#fatima-sky .plan .badge{background:#edf0f7;color:#53668d}
#fatima-sky .plan-switcher button[aria-pressed="true"]{background:#aebcdd;color:#273751;border-color:#aebcdd}
#fatima-sky li:before{color:#7386b0}
#fatima-sky .pricing{background:#f3f5fa}
#fatima-sky .contact{background:linear-gradient(110deg,#eef1f8,#d9e0ef);color:#293750}
#fatima-sky .contact-form input,#fatima-sky .contact-form textarea{font-family:'Tajawal','DM Sans',sans-serif;font-size:15px;border-color:#dde3ef;background:#fafbfe}
#fatima-sky .contact-form .button{background:#aebcdd;color:#293750}
#fatima-sky .footer-main{background:#f6f7fb;border-color:#e2e6f0}
#fatima-sky footer{background:#ebeff6;border-color:#dfe4ef}
#fatima-sky .icon{background:#edf0f7;box-shadow:4px 7px 0 #f3f5fa;color:#6d80aa}
#fatima-sky .process-steps strong{color:#788db7}
#fatima-sky .underline{background:#b9c5df}
#fatima-sky .contact-photo{background:#e8ecf5}
#fatima-sky .fs-brand-whatsapp{filter:invert(57%) sepia(91%) saturate(410%) hue-rotate(89deg) brightness(94%) contrast(91%)!important}
#fatima-sky .fs-brand-shopify{filter:invert(58%) sepia(44%) saturate(559%) hue-rotate(40deg) brightness(94%) contrast(86%)!important}
#fatima-sky .fs-brand-meta{filter:invert(40%) sepia(99%) saturate(3881%) hue-rotate(196deg) brightness(101%) contrast(103%)!important}
#fatima-sky .stat strong{font-weight:600}
@media(max-width:550px){#fatima-sky .hero h1{font-size:37px}#fatima-sky .about p{font-size:13px}#fatima-sky .about .button{font-size:13px}}

/* Compact navigation and a balanced editorial hero, following the supplied reference. */
#fatima-sky header.wrap{padding:16px 4.5%;gap:20px;flex-wrap:nowrap;border-bottom:0}
#fatima-sky header>.brand,#fatima-sky[dir="ltr"] header>.brand{width:167px;min-width:145px;flex-shrink:0;margin:0}
#fatima-sky header .logo-image{width:167px;height:46px;border-radius:0;background:white}
#fatima-sky header .logo-image img{width:210px!important;height:210px!important;left:-19px;top:-82px}
#fatima-sky header nav{flex:1;justify-content:center;gap:20px;flex-wrap:nowrap;font-size:12px;white-space:nowrap}
#fatima-sky header nav a,#fatima-sky header nav button{font-size:12px;font-weight:500;padding-block:9px}
#fatima-sky header .fs-languages{border:0;background:#f6f8fb;padding:2px;gap:0;flex-shrink:0}
#fatima-sky header .fs-languages button{font-size:10px;min-height:28px;padding:6px}
#fatima-sky header .fs-languages button[aria-pressed="true"]{background:#e1f5ff;color:#216b88}
#fatima-sky header>.button{margin:0!important;background:#48bce6;color:#103f56;border:0;padding:10px 18px;font-size:12px;white-space:nowrap;box-shadow:none}
#fatima-sky .hero.wrap{padding:18px 4.5% 0;grid-template-columns:1fr 1.05fr;gap:36px;min-height:460px;align-items:center;position:relative;overflow:hidden}
#fatima-sky .hero>div:first-child{padding-top:0;padding-bottom:35px;position:relative;z-index:1}
#fatima-sky .hero .kicker{font-size:12px;color:#3796b7;line-height:1.6}
#fatima-sky .hero h1{font-size:clamp(32px,4.4vw,48px);line-height:1.35;font-weight:800;letter-spacing:-.6px;color:#18283e;margin:16px 0}
#fatima-sky .hero h1 em{color:#18283e;position:relative;white-space:nowrap}
#fatima-sky .hero h1 em:after{content:'';position:absolute;bottom:0;inset-inline:0;height:5px;border-radius:50%;background:#f3cf88;z-index:-1;transform:rotate(-3deg)}
#fatima-sky .hero p{font-size:14px;line-height:1.85;max-width:370px;margin:0 0 23px;color:#536174}
#fatima-sky .hero .actions{gap:16px;flex-wrap:wrap}
#fatima-sky .hero .button{background:#47bce7;color:#123c51;border:0;padding:12px 21px;font-size:13px;border-radius:28px}
#fatima-sky .hero .button.secondary{background:transparent;color:#3c6175;padding:10px 0;border:0;font-weight:500;font-size:12px}
#fatima-sky .hero .button.secondary .arrow-icon{border:1px solid #ccebf7;padding:5px;width:27px;height:27px;border-radius:50%;box-sizing:border-box}
#fatima-sky .hero .proof{margin-top:24px;gap:13px;font-size:11px;line-height:1.6}
#fatima-sky .hero .dots span{background:#dff3fd;color:#3295b9}
#fatima-sky .hero .portrait{height:433px;min-height:433px;width:100%;align-self:end;margin:0;border-radius:48% 48% 0 0;background:transparent;isolation:isolate;overflow:visible}
#fatima-sky .hero .blob{display:block;position:absolute;inset:0 -70px 0 -20px;border-radius:58% 40% 0 0;background:linear-gradient(135deg,#d1f0ff 0%,#eaf8ff 90%);z-index:-1}
#fatima-sky .hero .portrait>img{position:relative;width:79%;height:405px;align-self:end;object-fit:cover;object-position:50% 30%;border-radius:46% 46% 0 0;mix-blend-mode:normal;box-shadow:none}
#fatima-sky .hero .floating{background:#fff;border:1px solid #edf2f6;border-radius:13px;box-shadow:0 8px 22px #25496910;padding:14px 16px;font-size:11px;line-height:1.7;max-width:144px;min-width:110px}
#fatima-sky .hero .floating strong{color:#25394f;font-size:26px;margin-bottom:4px}
#fatima-sky .hero .float-one{top:33px;left:0;right:auto}
#fatima-sky .hero .float-two{bottom:43px;right:0;left:auto}
#fatima-sky .hero .spark{color:#f5ca7a;font-size:28px;top:16px;right:15px}
#fatima-sky #fs-services{padding-top:52px;border-top:1px solid #f0f7fb}
#fatima-sky[dir="ltr"] .hero h1{font-size:45px;line-height:1.14;max-width:380px}
#fatima-sky[lang="fr"] header nav{gap:13px}
#fatima-sky[lang="fr"] header nav a,#fatima-sky[lang="fr"] header nav button{font-size:11px}
@media(min-width:701px) and (max-width:900px){#fatima-sky header.wrap{gap:12px}#fatima-sky header nav{gap:13px}#fatima-sky header>.brand,#fatima-sky[dir="ltr"] header>.brand{width:145px;min-width:145px}#fatima-sky header>.button{padding:9px 13px}#fatima-sky .hero.wrap{gap:24px}#fatima-sky .hero h1{font-size:37px}#fatima-sky[dir="ltr"] .hero h1{font-size:36px}#fatima-sky .hero .floating{max-width:120px;min-width:100px;padding:11px;font-size:10px}#fatima-sky .hero .portrait>img{width:85%}}
@media(max-width:700px){#fatima-sky header.wrap{display:grid;grid-template-columns:1fr auto;gap:10px 15px;padding:14px 5%}#fatima-sky header>.brand,#fatima-sky[dir="ltr"] header>.brand{grid-column:1;grid-row:1;width:160px;margin:0}#fatima-sky header .fs-languages{grid-column:2;grid-row:1;justify-self:end}#fatima-sky header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:10px;flex-wrap:wrap}#fatima-sky header>.button{display:none}#fatima-sky header nav a,#fatima-sky header nav button{font-size:13px}#fatima-sky .hero.wrap{grid-template-columns:1fr;padding:24px 6% 0;gap:8px;min-height:0}#fatima-sky .hero>div:first-child{padding-bottom:12px}#fatima-sky .hero h1,#fatima-sky[dir="ltr"] .hero h1{font-size:38px;line-height:1.35;max-width:none}#fatima-sky .hero .kicker{font-size:11px}#fatima-sky .hero p{max-width:440px}#fatima-sky .hero .portrait{height:365px;min-height:365px;max-width:440px;justify-self:center;overflow:hidden}#fatima-sky .hero .portrait>img{height:345px;width:79%}#fatima-sky .hero .blob{inset:10px -15px 0 -15px}#fatima-sky .hero .floating{max-width:127px;min-width:105px;padding:11px;font-size:10px}#fatima-sky .hero .float-one{top:25px}#fatima-sky .hero .float-two{bottom:25px}#fatima-sky .hero .proof{margin-top:18px}#fatima-sky #fs-services{padding-top:38px}}
@media(max-width:370px){#fatima-sky .hero h1,#fatima-sky[dir="ltr"] .hero h1{font-size:33px}#fatima-sky .hero .actions{gap:12px}#fatima-sky .hero .button{padding:11px 15px;font-size:12px}#fatima-sky .hero .floating{max-width:110px;padding:9px}#fatima-sky .hero .floating strong{font-size:23px}}

#fatima-sky{--sky:#c9e5fa;--deep:#263445;--pale:#f2f9fc;--muted:#596777;background:#f7fafc;color:#263445}
#fatima-sky header.wrap{background:#ffffff}
#fatima-sky .hero.wrap{background:#ffffff}
#fatima-sky header>.button,#fatima-sky .hero .button,#fatima-sky .button{background:#c9e5fa;color:#344f66;border-color:#c9e5fa}
#fatima-sky .button.secondary{background:#ffffff;border-color:#e5d9cf;color:#54667a}
#fatima-sky .hero .button.secondary{background:transparent;border:0;color:#536b7e}
#fatima-sky .hero .kicker,#fatima-sky .kicker{color:#587f99}
#fatima-sky .hero h1,#fatima-sky .hero h1 em{color:#263445}
#fatima-sky .hero h1 em:after{background:#c9e5fa;height:7px}
#fatima-sky .hero .portrait{background:transparent;height:433px;border-radius:0;align-items:end;justify-content:center;overflow:visible}
#fatima-sky .hero .blob{inset:25px -40px 0 -10px;background:#e1f0fb;border-radius:58% 42% 0 0}
#fatima-sky .hero .portrait>img{width:106%;max-width:none;height:425px;object-fit:contain;object-position:center bottom;border-radius:0;mix-blend-mode:normal}
#fatima-sky .hero .floating{border-color:#f0e8df;background:#ffffff;box-shadow:0 10px 25px #647b8c0c}
#fatima-sky .hero .floating strong{color:#526e86}
#fatima-sky .hero .float-two{border-top:3px solid #c9e5fa}
#fatima-sky .hero .spark{color:#c9e5fa}
#fatima-sky .hero .dots span{background:#e1f0fb;color:#296491}
#fatima-sky .fs-languages button[aria-pressed="true"]{background:#e7f3fb;color:#4b718d}
#fatima-sky .icon{background:#eef7fc;box-shadow:4px 7px 0 #eaf4fb}
#fatima-sky .underline{background:#c9e5fa}
#fatima-sky #fs-services{background:#ffffff;border-top-color:#edf3f5}
#fatima-sky .about{background:#e1f0fb;border:0;box-shadow:none}
#fatima-sky .about-portrait{background:transparent;overflow:visible;border-radius:0}
#fatima-sky .about-portrait img{object-fit:contain;object-position:center bottom;border-radius:0}
#fatima-sky .about h2,#fatima-sky .about .kicker,#fatima-sky .about p,#fatima-sky .stats .stat strong,#fatima-sky .stats .stat span{color:#263445}
#fatima-sky .about .button{background:#f7fafc;color:#296491}
#fatima-sky .pricing{background:#f0f7fc}
#fatima-sky .pricing-copy h2{color:#263445}
#fatima-sky .plan{background:#ffffff}
#fatima-sky .plan-switcher button{background:#f7fafc;border-color:#d9e7ee;color:#526b7e}
#fatima-sky .plan-switcher button[aria-pressed="true"]{background:#c9e5fa;border-color:#c9e5fa;color:#263445}
#fatima-sky .plan .badge{background:#eaf4fb;color:#296491}
#fatima-sky .plan li:before{color:#7295ae}
#fatima-sky .process{border-color:#edf0ef}
#fatima-sky .process-steps strong{color:#296491}
#fatima-sky #fs-tutorials{background:#ffffff}
#fatima-sky .tutorial{background:white}
#fatima-sky .contact{background:linear-gradient(110deg,#f0f7fc,#e1f0fb);color:#263445}
#fatima-sky .contact h2{color:#263445}
#fatima-sky .contact-form{background:#ffffff;border-color:#e5edf0}
#fatima-sky .contact-form .button{background:#c9e5fa;color:#263445}
#fatima-sky .contact-form input,#fatima-sky .contact-form textarea{background:#f7fafc;border-color:#eee5df}
#fatima-sky .contact-photo{background:#e1f0fb;border-radius:90px 90px 0 0;overflow:hidden}
#fatima-sky .contact-photo img{object-fit:contain;object-position:center bottom}
#fatima-sky .footer-main{background:#f7fafc;border-top-color:#dae3eb}
#fatima-sky .footer-main h3{color:#263445}
#fatima-sky .footer-main p,#fatima-sky .footer-main .fs-location{color:#596777}
#fatima-sky .footer-main a,#fatima-sky .footer-main button{color:#6d7e8b}
#fatima-sky footer{background:#edf5fb;color:#596777;border-top-color:#dae3eb}
@media(max-width:700px){#fatima-sky .hero .portrait{height:365px;min-height:365px;overflow:hidden}#fatima-sky .hero .portrait>img{height:365px;width:105%}#fatima-sky .hero .blob{inset:25px -15px 0}}
#fatima-sky .hero.wrap{grid-template-columns:1fr;min-height:380px;padding:50px 7% 40px;text-align:center}#fatima-sky .hero>div:first-child{padding:0;max-width:720px;margin:auto}#fatima-sky .hero h1,#fatima-sky[dir="ltr"] .hero h1{max-width:none;font-size:clamp(36px,5vw,55px)}#fatima-sky .hero p{max-width:520px;margin:0 auto 25px}#fatima-sky .hero .actions,#fatima-sky .hero .proof{justify-content:center}#fatima-sky .about{grid-template-columns:1.4fr 1fr;padding:30px 35px}#fatima-sky .about-layout{display:block;direction:inherit}#fatima-sky .about-layout>div:last-child{padding:0}#fatima-sky .about .stats{padding:0}#fatima-sky .contact{grid-template-columns:1fr 1.2fr;gap:40px}@media(max-width:700px){#fatima-sky .hero.wrap{padding:35px 6%;min-height:350px}#fatima-sky .about{grid-template-columns:1fr;padding:25px;gap:20px}#fatima-sky .about .stats{padding-top:15px}#fatima-sky .contact{grid-template-columns:1fr;gap:20px}}
#fatima-sky{--sky:#c9e5fa;--deep:#263445;--pale:#eef6fc;--muted:#596777;background:#f7fafc;color:#263445}
#fatima-sky header.wrap,#fatima-sky .hero.wrap,#fatima-sky #fs-services,#fatima-sky #fs-tutorials{background:#f7fafc}
#fatima-sky h1,#fatima-sky h2,#fatima-sky h3,#fatima-sky .hero h1,#fatima-sky .hero h1 em{color:#263445}
#fatima-sky p,#fatima-sky .hero p{color:#596777}
#fatima-sky .kicker,#fatima-sky .hero .kicker{color:#296491}
#fatima-sky .button,#fatima-sky header>.button,#fatima-sky .hero .button,#fatima-sky .contact-form .button{background:#263445;color:#fff;border-color:#263445}
#fatima-sky .button.secondary,#fatima-sky .hero .button.secondary{background:#fff;color:#263445;border:1px solid #dae3eb}
#fatima-sky .button:hover{box-shadow:0 7px 18px #26344515}
#fatima-sky .about{background:#e1f0fb}
#fatima-sky .about h2,#fatima-sky .about .kicker,#fatima-sky .about p,#fatima-sky .stats .stat strong,#fatima-sky .stats .stat span{color:#263445}
#fatima-sky .about .button{background:#fff;color:#263445;border:1px solid #dae3eb}
#fatima-sky .pricing{background:#eef6fc}
#fatima-sky .plan{background:#fff;border-color:#dae3eb}
#fatima-sky .plan .badge{background:#e1f0fb;color:#296491}
#fatima-sky .plan-switcher button{background:#fff;color:#596777;border-color:#dae3eb}
#fatima-sky .plan-switcher button[aria-pressed="true"]{background:#c9e5fa;border-color:#c9e5fa;color:#263445}
#fatima-sky .process{border-color:#dae3eb}
#fatima-sky .process-steps strong,#fatima-sky .service button,#fatima-sky .tutorial-body button{color:#296491}
#fatima-sky .icon{background:#e7f3fc;color:#296491;box-shadow:4px 7px 0 #eff7fc}
#fatima-sky .underline,#fatima-sky .hero h1 em:after{background:#c9e5fa}
#fatima-sky .tutorial{background:#fff;border-color:#dae3eb}
#fatima-sky .contact{background:linear-gradient(110deg,#edf6fc,#c9e5fa);color:#263445}
#fatima-sky .contact h2,#fatima-sky .contact p,#fatima-sky .contact-info-links .fs-location{color:#263445}
#fatima-sky .contact-form{background:#fff;border-color:#dae3eb}
#fatima-sky .contact-form input,#fatima-sky .contact-form textarea{background:#f7fafc;border-color:#dae3eb;color:#263445}
#fatima-sky .footer-main{background:#f1f7fb;border-color:#dae3eb}
#fatima-sky .footer-main h3{color:#263445}
#fatima-sky .footer-main p,#fatima-sky .footer-main .fs-location{color:#596777}
#fatima-sky .footer-main a,#fatima-sky .footer-main button{color:#296491}
#fatima-sky footer{background:#e8f2fa;border-color:#dae3eb;color:#596777}
#fatima-sky .fs-languages button[aria-pressed="true"]{background:#c9e5fa;color:#263445}

body{margin:0;background:#f7fafc}html{scroll-behavior:smooth}#fatima-sky{border-radius:0;max-width:1400px;margin:auto;overflow:clip}#fatima-sky{font-family:'Tajawal','DM Sans',sans-serif}#fatima-sky[dir="ltr"]{font-family:'DM Sans','Tajawal',sans-serif}#fatima-sky a:focus-visible,#fatima-sky button:focus-visible{outline:3px solid #296491;outline-offset:4px}#fatima-sky .button:has(.arrow-icon){gap:8px}#fatima-sky .brand-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}#fatima-sky .brand-whatsapp{background:#25d366;mask-image:url('/assets/icons/whatsapp.svg');-webkit-mask-image:url('/assets/icons/whatsapp.svg')}#fatima-sky .brand-instagram{background:radial-gradient(circle at 30% 100%,#feda75 0%,#fa7e1e 28%,#d62976 52%,#962fbf 74%,#4f5bd5 100%);mask-image:url('/assets/icons/instagram.svg');-webkit-mask-image:url('/assets/icons/instagram.svg')}#fatima-sky .brand-meta{background:#0866ff;mask-image:url('/assets/icons/meta.svg');-webkit-mask-image:url('/assets/icons/meta.svg')}#fatima-sky .brand-shopify{background:#95bf47;mask-image:url('/assets/icons/shopify.svg');-webkit-mask-image:url('/assets/icons/shopify.svg')}#fatima-sky .icon .brand-icon{width:30px;height:30px;flex-basis:30px}#fatima-sky .contact-info-links a,#fatima-sky .footer-social a{display:flex;align-items:center;gap:9px}#fatima-sky .page-intro{padding-block:50px 30px;max-width:950px}#fatima-sky .page-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.4;margin:16px 0}#fatima-sky .page-intro p{max-width:700px;font-size:16px;line-height:1.9}#fatima-sky .breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#596777;margin-bottom:20px}#fatima-sky .breadcrumbs a{color:#296491}#fatima-sky .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:50px}#fatima-sky .service-card{background:#fff;border:1px solid #dae3eb;border-radius:18px;padding:27px;display:flex;flex-direction:column;gap:8px}#fatima-sky .service-card .button{margin-top:auto}#fatima-sky .service-card .price{margin-block:10px 18px}#fatima-sky .page-section{padding-block:35px 50px}#fatima-sky .service-steps{display:grid;grid-template-columns:1fr 1fr;gap:22px}#fatima-sky .service-step{padding:25px;background:#fff;border:1px solid #dae3eb;border-radius:17px}#fatima-sky .service-step strong{color:#296491;font-size:14px}#fatima-sky .service-step p{font-size:14px}#fatima-sky .service-price-box{background:#e1f0fb;border-radius:20px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}#fatima-sky .service-price-box .price{text-align:start!important;font-size:42px;margin:0}#fatima-sky .service-price-box p{margin:8px 0 0;font-size:13px}#fatima-sky .project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}#fatima-sky .project-item{background:white;border:1px solid #dae3eb;border-radius:17px;overflow:hidden}#fatima-sky .project-item img{width:100%;aspect-ratio:1.8;object-fit:cover;object-position:top;display:block}#fatima-sky .project-item div{padding:20px}#fatima-sky .project-item h3{margin:0 0 15px}#fatima-sky .tutorial-article{max-width:850px;margin:auto;padding-block:0 50px}#fatima-sky .tutorial-result{display:flex;align-items:center;justify-content:space-between;padding:22px;background:#e1f0fb;border:1px solid #dae3eb;border-radius:15px;gap:20px}#fatima-sky .tutorial-step{margin-top:35px}#fatima-sky .prompt-shell{border:1px solid #dae3eb;border-radius:15px;overflow:hidden;margin-top:24px;background:#fff}#fatima-sky .prompt-toolbar{background:#eef6fc;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}#fatima-sky .prompt-toolbar .button{font-size:12px;padding:10px 15px}#fatima-sky .prompt-shell>details{padding:20px}#fatima-sky .prompt-shell summary{font-size:13px;color:#296491}#fatima-sky .full-prompt{font:14px/1.9 'DM Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#263445;text-align:left;direction:ltr;margin:25px 0 0}#fatima-sky .copy-status{font-size:12px;margin:10px 0;color:#296491}#fatima-sky .manual-copy{width:100%;font:14px/1.7 Arial;padding:15px;border:1px solid #dae3eb;border-radius:10px}#fatima-sky .real-tutorials .tutorial-body .ct-read{display:inline-flex;align-items:center;color:#296491}#fatima-sky .about-page-copy{max-width:750px;margin:auto}#fatima-sky .about-page-copy p{font-size:17px;line-height:2}#fatima-sky .stats-text{display:flex;gap:35px;flex-wrap:wrap;margin-block:30px;padding:25px;background:#e1f0fb;border-radius:17px}#fatima-sky .stats-text strong{font-size:28px;color:#296491}#fatima-sky .stats-text span{font-size:13px;display:block;color:#596777}#fatima-sky .copy-fallback[hidden]{display:none}#fatima-sky nav a[aria-current="page"]{color:#296491;text-decoration:underline;text-underline-offset:7px}#fatima-sky .service-index-link{font-weight:700;border-bottom:1px solid #dae3eb}
@media(max-width:700px){#fatima-sky .service-grid,#fatima-sky .service-steps,#fatima-sky .project-grid{grid-template-columns:1fr}#fatima-sky .page-intro{padding-block:30px 20px}#fatima-sky .page-intro h1{font-size:34px}#fatima-sky .page-intro p{font-size:15px}#fatima-sky .prompt-toolbar{align-items:start;flex-direction:column}#fatima-sky .tutorial-result{align-items:start}#fatima-sky .page-section{padding-block:25px 35px}}

#fatima-sky .dropdown a{display:flex;padding:12px;width:100%;text-align:start;font-size:13px}#fatima-sky .contact-form label{font-size:12px}#fatima-sky .brand-instagram{filter:none!important}#fatima-sky .dropdown a:hover{background:#eef6fc;border-radius:8px}

#fatima-sky .curtain-cover-link{display:block;background:#e8e5df;overflow:hidden}#fatima-sky .curtain-cover-image{display:block;width:100%;height:200px;object-fit:cover;object-position:50% 64%;transition:transform .3s ease}#fatima-sky .curtain-cover-link:hover .curtain-cover-image{transform:scale(1.035)}#fatima-sky .curtain-article-cover{margin:0 auto 28px;max-width:540px;border-radius:16px;overflow:hidden;background:#e8e5df}#fatima-sky .curtain-article-cover img{display:block;width:100%;height:auto}@media(max-width:700px){#fatima-sky .curtain-cover-image{height:240px}}@media(prefers-reduced-motion:reduce){#fatima-sky .curtain-cover-image{transition:none}}

/* Updated type and a mobile-first service hierarchy. */
#fatima-sky,#fatima-sky[dir="rtl"]{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;font-size:15px}
#fatima-sky[dir="ltr"]{font-family:'Inter','IBM Plex Sans Arabic',sans-serif}
#fatima-sky button,#fatima-sky input,#fatima-sky textarea,#fatima-sky .contact-form input,#fatima-sky .contact-form textarea{font-family:inherit}
#fatima-sky h1,#fatima-sky h2,#fatima-sky h3{font-family:inherit;letter-spacing:-.3px;font-weight:600}
#fatima-sky .hero h1{font-weight:700;line-height:1.45}
#fatima-sky p{line-height:1.9}
#fatima-sky .service-card{position:relative}
#fatima-sky .service-card .icon{margin:0 0 10px}
#fatima-sky .service-card h2{font-size:24px}
#fatima-sky .service-card .price{font-weight:600}
#fatima-sky .slide-section{opacity:0;transform:translate3d(0,32px,0);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
#fatima-sky .slide-section.is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
@media(max-width:700px){
#fatima-sky .hero h1,#fatima-sky[dir="ltr"] .hero h1{font-size:34px;line-height:1.5}
#fatima-sky .hero p{font-size:15px}
#fatima-sky #fs-services .section-title{margin-bottom:22px}
#fatima-sky #fs-services .services{display:grid;grid-template-columns:1fr;gap:14px}
#fatima-sky #fs-services .service{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px 15px;text-align:start;background:#fff;border:1px solid #dae3eb;border-radius:16px;padding:21px 18px;min-width:0}
#fatima-sky #fs-services .service:last-child{border:1px solid #dae3eb}
#fatima-sky #fs-services .service .icon{grid-column:1;grid-row:1/4;width:46px;height:46px;border-radius:13px;margin:0;box-shadow:none;transform:none;background:#edf6fc}
#fatima-sky #fs-services .service .icon .brand-icon{width:25px;height:25px;flex-basis:25px}
#fatima-sky #fs-services .service h3{grid-column:2;font-size:19px;line-height:1.5;margin:0}
#fatima-sky #fs-services .service p{grid-column:2;font-size:13px;line-height:1.85;margin:2px 0 7px}
#fatima-sky #fs-services .service>a{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;min-height:35px;color:#296491}
#fatima-sky .service-grid{gap:16px;padding-bottom:35px}
#fatima-sky .service-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px 14px;padding:23px 20px;border-radius:17px;align-items:start}
#fatima-sky .service-card>.icon{grid-column:1;grid-row:1/3;margin:0;width:46px;height:46px;box-shadow:none;transform:none;border-radius:13px}
#fatima-sky .service-card h2{grid-column:2;font-size:21px;line-height:1.5;margin:0}
#fatima-sky .service-card p{grid-column:1/-1;font-size:14px;line-height:1.9;margin:7px 0 2px}
#fatima-sky .service-card .price{grid-column:1/-1;text-align:start!important;font-size:32px;margin:5px 0 10px;line-height:1.5}
#fatima-sky .service-card .price small{font:400 13px 'IBM Plex Sans Arabic','Inter',sans-serif;color:#596777}
#fatima-sky .service-card>.button{grid-column:1/-1;width:100%;padding:12px 17px;font-size:14px;border-radius:10px;min-height:46px}
#fatima-sky .page-intro h1{font-size:31px;line-height:1.5}
#fatima-sky .page-intro p{font-size:15px}
#fatima-sky .service-price-box{padding:23px;border-radius:16px;display:grid;grid-template-columns:1fr;gap:20px}
#fatima-sky .service-price-box .price{font-size:36px}
#fatima-sky .service-price-box .price small{font:400 13px 'IBM Plex Sans Arabic','Inter',sans-serif;color:#596777}
#fatima-sky .service-price-box>.button{width:100%;min-height:46px;border-radius:10px}
#fatima-sky .service-steps{gap:12px}
#fatima-sky .service-step{padding:22px 20px;border-radius:14px;border-inline-start:3px solid #c9e5fa}
#fatima-sky .service-step>strong{display:block;font-size:13px;margin-bottom:9px}
#fatima-sky .service-step h3{font-size:19px;margin:0 0 10px}
#fatima-sky .service-step p{font-size:14px;line-height:1.9;margin:0}
#fatima-sky .plan-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#fatima-sky .plan-switcher button{font-size:12px;line-height:1.5;padding:12px 7px;border-radius:10px;min-height:45px}
#fatima-sky .plan,#fatima-sky .plan.featured{padding:23px;text-align:start;border-radius:17px;min-height:0}
#fatima-sky .plan .price{text-align:start!important;font-size:36px;margin:16px 0 12px}
#fatima-sky .plan h3{font-size:21px;line-height:1.5}
#fatima-sky .plan li{font-size:14px;line-height:2.1}
#fatima-sky .plan .button{border-radius:10px;min-height:46px;font-size:14px}
#fatima-sky .plan .badge{align-self:start}
#fatima-sky .plan .fine{font-size:12px;line-height:1.8;margin-top:13px}
#fatima-sky .pricing-copy h2{font-size:27px}
#fatima-sky .pricing-layout{gap:20px}
#fatima-sky .slide-section{transform:translate3d(0,24px,0)}
}
@media(prefers-reduced-motion:reduce){#fatima-sky .slide-section{opacity:1!important;transform:none!important;transition:none!important;will-change:auto}}

/* Center both hero actions independently of their icon width. */
#fatima-sky .hero .actions{display:flex;align-items:stretch;justify-content:center;gap:12px}
#fatima-sky .hero .actions>.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;font-size:14px;line-height:1.5;text-align:center;white-space:normal}
#fatima-sky .hero .actions>.button.secondary{padding:12px 22px;background:#fff;color:#263445;border:1px solid #dae3eb}
#fatima-sky .hero .actions>.button .arrow-icon,#fatima-sky .hero .actions>.button.secondary .arrow-icon{display:block;width:18px;height:18px;min-width:18px;max-width:18px;padding:0;margin:0;border:0;border-radius:0;flex:0 0 18px;box-sizing:content-box}
#fatima-sky .button:not(.secondary)>.arrow-icon{filter:brightness(0) invert(1)}
#fatima-sky .hero .actions>.button.secondary .arrow-icon{filter:none}
#fatima-sky .hero .actions>.button .brand-icon{width:21px;height:21px;flex:0 0 21px}
#fatima-sky .hero .proof .dots{display:none}
@media(max-width:550px){#fatima-sky .hero .actions{display:grid;grid-template-columns:1fr;width:100%;max-width:350px;margin-inline:auto;gap:10px}#fatima-sky .hero .actions>.button{width:100%;padding:13px 20px;min-height:49px}#fatima-sky .hero .proof{justify-content:center;text-align:center;margin-top:20px}}

#fatima-sky .curtain-cover-image{object-position:50% 50%;aspect-ratio:16/9;height:auto}

#fatima-sky .doodle-cover-image{object-position:50% 50%;background:#fff;aspect-ratio:16/9;object-fit:cover}#fatima-sky .tutorial-article img[src$="doodle-character-cover.jpg"]{background:#fff;object-fit:contain}

#fatima-sky .tesla-cover-image{object-position:center;background:#000;aspect-ratio:16/9;object-fit:cover}

#fatima-sky .paper-cover-image{object-position:center;aspect-ratio:16/9;object-fit:cover;background:#efefed}#fatima-sky .prompt-toolbar .button.is-copied{background:#29634d;color:#fff;border-color:#29634d}#fatima-sky #fs-tutorials .real-tutorials{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){#fatima-sky #fs-tutorials .real-tutorials{grid-template-columns:1fr}}