@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#21163b;--muted:#756b89;--violet:#7449f6;--purple:#9b6cff;--lilac:#e9ddff;--pink:#f59ad7;--mint:#72e7c1;--glass:rgba(255,255,255,.58);--line:rgba(255,255,255,.75)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);font-family:"Noto Kufi Arabic",Tahoma,sans-serif;background:linear-gradient(145deg,#fbf9ff 0%,#f4efff 43%,#fff7fb 100%);overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 42px));margin-inline:auto}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:0 18px 50px rgba(82,47,150,.09),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.aurora{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none;opacity:.58}.a1{width:520px;height:520px;background:radial-gradient(circle,#d9c1ff 0%,transparent 70%);top:-190px;right:-150px}.a2{width:500px;height:500px;background:radial-gradient(circle,#ffd5ed 0%,transparent 70%);top:380px;left:-220px}.a3{width:360px;height:360px;background:radial-gradient(circle,#c9f6ee 0%,transparent 70%);top:1100px;right:-180px}.nav{height:72px;border-radius:0 0 24px 24px;display:flex;align-items:center;gap:38px;padding-inline:22px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;flex-shrink:0}.brand>span{width:39px;height:39px;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:900;background:linear-gradient(145deg,#9c75ff,#6440ec);border-radius:13px;box-shadow:0 8px 22px #7549f64d,inset 0 1px 1px #ffffff70}.brand b,.brand small{display:block}.brand b{font-size:16px;font-weight:800}.brand small{font-size:7px;color:var(--muted);margin-top:2px}.nav nav{display:flex;gap:27px;margin-inline:auto}.nav nav a,footer nav a{font-size:9px;color:#5f5573;text-decoration:none;font-weight:700}.navButton,.primary{background:linear-gradient(135deg,#8d62ff,#6740e9);color:#fff;text-decoration:none;border-radius:13px;padding:11px 16px;font-size:9px;font-weight:800;box-shadow:0 10px 25px #764bee45,inset 0 1px 1px #fff6}.navButton i{font-style:normal;font-size:14px;margin-right:9px}.hero{min-height:680px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:45px;padding:75px 0 85px;position:relative}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:20px;color:#5c4b7b;font-size:8px;font-weight:700}.badge i{width:7px;height:7px;border-radius:50%;background:#32c98d;box-shadow:0 0 0 5px #32c98d17}.hero h1{font-size:57px;line-height:1.5;letter-spacing:-3px;margin:16px 0 12px;font-weight:800}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#6c42ec,#a464fa,#df75c5);background-clip:text;-webkit-background-clip:text}.heroText>p{font-size:13px;line-height:2.1;color:var(--muted);max-width:520px}.heroActions{display:flex;align-items:center;gap:12px;margin-top:25px}.primary{display:inline-flex;align-items:center;gap:30px;padding:14px 20px;font-size:10px}.primary span{font-size:18px}.play{padding:13px 17px;border-radius:13px;text-decoration:none;color:#504565;font-size:9px;font-weight:700}.play i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--violet);font-style:normal;font-size:8px;margin-left:7px}.trust{display:flex;gap:18px;margin-top:21px;color:#7b708d;font-size:7px}.showcase{height:500px;position:relative;display:flex;align-items:center}.halo{position:absolute;width:440px;height:440px;border-radius:50%;left:60px;top:30px;background:linear-gradient(145deg,#d8c6ff,#f5cce7 55%,#c9f2eb);filter:blur(1px);opacity:.72}.miniApp{position:relative;z-index:2;width:100%;height:405px;border-radius:26px;overflow:hidden;box-shadow:0 35px 85px #55399032,inset 0 1px 0 #fff;transform:perspective(1100px) rotateY(-3deg)}.miniTop{height:38px;background:#ffffff96;border-bottom:1px solid #ffffffc4;display:flex;align-items:center;padding:0 14px}.miniTop>b{font-size:7px;margin:auto}.miniTop>span{font-size:5px;color:#7f7391}.miniTop>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#39c993;margin-right:4px}.dots{display:flex;gap:4px}.dots i{width:7px;height:7px;border-radius:50%;background:#f19ccd}.dots i:nth-child(2){background:#f2ca7a}.dots i:nth-child(3){background:#76dcb9}.miniBody{height:367px;display:grid;grid-template-columns:120px 1fr;direction:rtl}.miniBody aside{background:linear-gradient(180deg,#34235e,#241a45);color:#d8d1e8;padding:16px 8px}.miniBrand{display:flex;align-items:center;gap:6px;margin:0 7px 18px}.miniBrand i{width:24px;height:24px;border-radius:8px;background:linear-gradient(145deg,#a77aff,#7045ef);display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px}.miniBrand b{font-size:9px;color:#fff}.miniBody aside>span{display:block;font-size:5px;padding:8px;border-radius:8px;margin:3px 0}.miniBody aside>span i{font-style:normal;display:inline-block;width:19px;color:#a99bc3}.miniBody aside>span.active{background:linear-gradient(90deg,#7650ec,#996dfb);color:#fff;box-shadow:0 6px 14px #160c3530}.miniBody aside>span.active i{color:#fff}.miniBody>section{padding:19px;background:rgba(250,248,255,.75)}.miniHead{display:flex;align-items:center;justify-content:space-between}.miniHead small,.miniHead b{display:block}.miniHead small{font-size:5px;color:#8e829f}.miniHead b{font-size:10px;margin-top:2px}.miniHead button{font-family:inherit;border:0;border-radius:8px;background:linear-gradient(135deg,#855bf7,#6841e9);color:#fff;padding:7px 9px;font-size:5px}.miniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0 8px}.miniStats article,.miniGrid article{background:rgba(255,255,255,.72);border:1px solid #fff;border-radius:12px;box-shadow:0 8px 20px #5a3b8a0d;padding:10px}.miniStats small,.miniStats b,.miniStats em{display:block;font-style:normal}.miniStats small{font-size:5px;color:#8e829f}.miniStats b{font-size:17px;margin:4px 0;color:#51358e}.miniStats em{font-size:4px;color:#2eaa80}.miniGrid{display:grid;grid-template-columns:1.6fr 1fr;gap:7px}.miniGrid article{height:174px}.chart>div{display:flex;justify-content:space-between}.chart b,.summary>b{font-size:6px}.chart small{font-size:4px;color:#9589a3}.chart>section{display:flex;align-items:end;height:130px;gap:7px;padding:13px 5px 0}.chart>section i{flex:1;background:linear-gradient(#cc91ee,#7650ee);border-radius:5px 5px 2px 2px}.summary>span{display:block;font-size:5px;color:#736780;margin-top:16px}.summary>span i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:4px}.green{background:#51d4a8}.pink{background:#ef8abb}.summary a{display:block;color:#7a4feb;font-size:5px;text-decoration:none;margin-top:22px}.floatCard{position:absolute;z-index:4;border-radius:16px}.attendance{right:-20px;bottom:15px;display:flex;align-items:center;gap:9px;padding:11px 14px}.check{width:28px;height:28px;border-radius:9px;background:#daf9ef;color:#2aad82;display:grid;place-items:center;font-weight:900}.attendance b,.attendance small{display:block}.attendance b{font-size:7px}.attendance small{font-size:5px;color:#958aa2;margin-top:2px}.schedule{left:-22px;top:8px;padding:12px;width:127px}.schedule small,.schedule b{display:block}.schedule small{font-size:5px;color:#8f829f}.schedule b{font-size:17px;color:#7650eb}.schedule>span{display:flex;gap:3px;margin-top:7px}.schedule>span i{height:4px;flex:1;border-radius:5px;background:#a875ef}.proof{min-height:105px;border-radius:24px;display:flex;align-items:center;padding:22px 30px}.proof>span{font-size:9px;color:#766b86}.proof>div{display:flex;justify-content:flex-end;gap:55px;flex:1}.proof b{font-size:18px;color:#59399c}.proof b small{display:block;color:#8a7f96;font-size:6px;margin-top:4px}.block{padding:105px 0}.title{text-align:center;max-width:650px;margin:0 auto 42px}.title>span,.securityText>span{font-size:8px;color:#8054ee;font-weight:800}.title h2,.security h2{font-size:35px;line-height:1.55;margin:7px 0 10px}.title p{font-size:10px;color:var(--muted)}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.featureGrid article{border-radius:22px;padding:23px;position:relative;transition:.25s}.featureGrid article:hover{transform:translateY(-5px);background:#ffffffc7;box-shadow:0 24px 55px #55359018}.featureGrid article>span{position:absolute;left:18px;top:18px;font-size:7px;color:#a99cb5}.featureIcon{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#efe8ff,#dbcafd);color:#784cec;display:grid;place-items:center;font-size:18px}.featureGrid h3{font-size:13px;margin:18px 0 7px}.featureGrid p{font-size:8px;line-height:1.9;color:var(--muted);min-height:48px}.featureGrid a{font-size:7px;color:#774bec;text-decoration:none;font-weight:800}.security{padding:105px 0;background:linear-gradient(145deg,#2f1d55,#1d1738);color:#fff;position:relative;overflow:hidden}.security:before,.security:after{content:"";position:absolute;border-radius:50%;filter:blur(5px)}.security:before{width:420px;height:420px;background:radial-gradient(circle,#8b57e766,transparent 70%);top:-150px;right:-80px}.security:after{width:360px;height:360px;background:radial-gradient(circle,#df73bd35,transparent 70%);bottom:-170px;left:-50px}.securityInner{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;position:relative;z-index:1}.securityText>span{color:#c69df8}.security h2{font-size:38px}.security h2 em{font-style:normal;color:#c7a2ff}.securityText>p{font-size:9px;color:#baafca;line-height:2}.fair{display:flex;gap:11px;margin-top:23px;border-color:#ffffff20;background:#ffffff0b;border-radius:17px;padding:15px}.fair>i{width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#7de7c5,#43c99f);display:grid;place-items:center;color:#193c32;font-style:normal;font-weight:900}.fair b,.fair small{display:block}.fair b{font-size:8px}.fair small{font-size:6px;color:#bfb5cd;margin-top:4px}.securityList{display:grid;gap:10px}.securityList article{background:#ffffff0a;border-color:#ffffff18;border-radius:18px;padding:16px;display:grid;grid-template-columns:33px 1fr 20px;gap:12px;align-items:center}.securityList article>span{color:#c7a1ff;font-size:7px}.securityList h3{font-size:10px;margin:0 0 4px}.securityList p{font-size:7px;color:#b6acc5;margin:0}.securityList article>i{font-style:normal;color:#9a84b7}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:17px}.plans article{border-radius:25px;padding:29px}.plans article>small{font-size:8px;color:#8054ec;font-weight:800}.plans h3{font-size:20px;margin:8px 0}.plans article>p{font-size:8px;color:var(--muted)}.plans ul{list-style:none;padding:16px 0;margin:17px 0;border-block:1px solid #d9cfea;display:grid;gap:11px}.plans li{font-size:8px;color:#615673}.plans li:before{content:"✓";color:#36b98d;margin-left:8px;font-weight:900}.plans article>a{display:block;text-align:center;padding:11px;border-radius:12px;background:#eee7ff;color:#774bea;text-decoration:none;font-size:8px;font-weight:800}.plans .featured{background:linear-gradient(145deg,#9b70fa,#6b43e7);color:#fff;border-color:#b795ff;box-shadow:0 25px 60px #6c43e538}.plans .featured>small,.plans .featured>p,.plans .featured li{color:#eee8ff}.plans .featured ul{border-color:#ffffff35}.plans .featured>a{background:#fff;color:#7147e6}.popular{display:inline-block;background:#ffffff25;border:1px solid #ffffff3a;padding:5px 9px;border-radius:12px;font-size:6px;float:left}.contact{min-height:270px;border-radius:30px;margin-bottom:70px;padding:45px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(130deg,rgba(255,255,255,.66),rgba(229,214,255,.7))}.contactGlow{position:absolute;width:340px;height:340px;border-radius:50%;background:#bd86ff69;filter:blur(25px);left:-100px;top:-100px}.contact>div:nth-child(2),.contact>a{position:relative}.contact span{font-size:8px;color:#7c51e7;font-weight:800}.contact h2{font-size:28px;margin:7px 0}.contact p{font-size:8px;color:var(--muted)}.contact>a{padding:15px 19px;border-radius:15px;background:#2d1d4b;color:#fff;text-decoration:none;font-size:9px;font-weight:800;box-shadow:0 12px 30px #2d1d4b35}.contact>a i{font-style:normal;color:#c5a2ff;margin-right:20px}footer{height:105px;border-top:1px solid #ded4eb;display:flex;align-items:center;gap:35px}footer p{margin-inline:auto;font-size:7px;color:#8f849b}footer nav{display:flex;gap:17px}
@media(max-width:920px){.nav nav{display:none}.hero{grid-template-columns:1fr}.heroText{max-width:650px}.showcase{margin-top:20px}.proof{display:block;text-align:center;padding:25px}.proof>div{justify-content:center;margin-top:20px}.featureGrid{grid-template-columns:repeat(2,1fr)}.securityInner{grid-template-columns:1fr}.securityText{max-width:650px}}
@media(max-width:600px){.wrap{width:min(100% - 24px,1180px)}.nav{height:66px;border-radius:0 0 18px 18px}.navButton{font-size:0;padding:10px}.navButton:before{content:"تجربة";font-size:8px}.hero{min-height:auto;padding:55px 0 70px}.hero h1{font-size:38px;letter-spacing:-2px}.heroText>p{font-size:10px}.heroActions{flex-direction:column;align-items:flex-start}.showcase{display:none}.trust{flex-wrap:wrap}.proof>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.block{padding:75px 0}.title h2,.security h2{font-size:27px}.featureGrid{grid-template-columns:1fr}.security{padding:75px 0}.plans{grid-template-columns:1fr}.contact{padding:30px 23px;display:block;min-height:280px}.contact h2{font-size:23px}.contact>a{display:inline-block;margin-top:20px}footer{flex-wrap:wrap;justify-content:center;padding:25px 0;height:auto}footer p{order:3;width:100%;text-align:center}footer nav{display:none}}

/* هوية Glassmorphism الوردية واللافندرية */
body{background:
 radial-gradient(circle at 88% 5%,rgba(226,190,255,.72),transparent 30%),
 radial-gradient(circle at 8% 27%,rgba(255,196,226,.67),transparent 28%),
 radial-gradient(circle at 78% 62%,rgba(208,194,255,.5),transparent 30%),
 linear-gradient(145deg,#fffaff 0%,#f8f1ff 48%,#fff4fa 100%)}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,247,253,.45));border:1px solid rgba(255,255,255,.88);box-shadow:0 22px 60px rgba(130,75,177,.12),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.35);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
.nav{background:linear-gradient(110deg,rgba(255,255,255,.72),rgba(252,240,255,.5),rgba(255,244,250,.64));box-shadow:0 15px 45px rgba(128,76,170,.1)}
.brand>span,.navButton,.primary{background:linear-gradient(135deg,#b67cff 0%,#9a62f2 48%,#ed8fc9 140%)}
.hero h1 em{background:linear-gradient(90deg,#8e5ce7 5%,#be72ee 48%,#e783bb 95%);background-clip:text;-webkit-background-clip:text}
.halo{background:linear-gradient(145deg,rgba(226,198,255,.9),rgba(255,203,231,.88) 52%,rgba(225,214,255,.86));box-shadow:0 0 90px rgba(213,155,240,.42)}
.miniApp{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(247,235,255,.54));border-color:rgba(255,255,255,.92);box-shadow:0 40px 95px rgba(112,65,151,.22),inset 0 1px 0 #fff}
.miniBody aside{background:linear-gradient(180deg,#5d397e,#3c285b 65%,#53356e)}
.miniBody aside>span.active,.miniHead button{background:linear-gradient(90deg,#ac6ff1,#d27ed3)}
.chart>section i{background:linear-gradient(#f0a6d1,#ad70ec)}
.featureIcon{background:linear-gradient(145deg,#fff0fa,#e8d4ff);color:#9d5fe2;box-shadow:0 9px 22px rgba(173,105,221,.16)}
.featureGrid article:nth-child(2),.featureGrid article:nth-child(5){background:linear-gradient(135deg,rgba(255,240,249,.75),rgba(245,230,255,.58))}
.security{background:radial-gradient(circle at 85% 15%,rgba(196,119,221,.34),transparent 32%),radial-gradient(circle at 5% 90%,rgba(241,132,190,.22),transparent 30%),linear-gradient(145deg,#4d306d,#302047)}
.plans .featured{background:linear-gradient(145deg,#b778ed,#8b5ae1 54%,#d77fbd);border-color:rgba(255,255,255,.5)}
.contact{background:linear-gradient(125deg,rgba(255,255,255,.74),rgba(255,228,244,.67) 45%,rgba(230,211,255,.72))}
.contactGlow{background:radial-gradient(circle,#ef9ccc99,transparent 68%)}

/* النسخة الزجاجية الزرقاء */
:root{--ink:#12213f;--muted:#687794;--violet:#3478f6;--purple:#65a7ff;--lilac:#dbeaff;--pink:#72b9ff;--glass:rgba(246,251,255,.6)}
body{background:
 radial-gradient(circle at 88% 5%,rgba(159,210,255,.78),transparent 31%),
 radial-gradient(circle at 8% 28%,rgba(195,229,255,.72),transparent 29%),
 radial-gradient(circle at 78% 64%,rgba(148,193,255,.54),transparent 31%),
 linear-gradient(145deg,#fbfdff 0%,#eef7ff 48%,#f5fbff 100%)}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(232,246,255,.46));border-color:rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(38,108,178,.13),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.4)}
.nav{background:linear-gradient(110deg,rgba(255,255,255,.76),rgba(228,244,255,.54),rgba(241,249,255,.68));box-shadow:0 15px 45px rgba(45,112,178,.11)}
.brand>span,.navButton,.primary{background:linear-gradient(135deg,#65b8ff 0%,#3d8ef5 48%,#3669e8 100%);box-shadow:0 10px 28px rgba(45,119,232,.35),inset 0 1px 1px #fff8}
.hero h1 em{background:linear-gradient(90deg,#2869e8 5%,#3b95f3 48%,#6ec7f7 95%);background-clip:text;-webkit-background-clip:text}
.halo{background:linear-gradient(145deg,rgba(187,225,255,.95),rgba(158,207,255,.9) 52%,rgba(210,239,255,.9));box-shadow:0 0 95px rgba(92,171,239,.42)}
.miniApp{background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(225,242,255,.58));box-shadow:0 40px 95px rgba(33,101,168,.23),inset 0 1px 0 #fff}
.miniBody aside{background:linear-gradient(180deg,#204d85,#173a68 65%,#225488)}
.miniBody aside>span.active,.miniHead button{background:linear-gradient(90deg,#3d8ff3,#62b4f8)}
.miniStats b{color:#245d9e}.chart>section i{background:linear-gradient(#77d1f8,#3478ed)}
.featureIcon{background:linear-gradient(145deg,#f1faff,#d5ebff);color:#347ceb;box-shadow:0 9px 22px rgba(60,135,218,.17)}
.featureGrid article:nth-child(2),.featureGrid article:nth-child(5){background:linear-gradient(135deg,rgba(238,249,255,.78),rgba(218,239,255,.6))}
.security{background:radial-gradient(circle at 85% 15%,rgba(63,145,230,.36),transparent 32%),radial-gradient(circle at 5% 90%,rgba(91,195,239,.24),transparent 30%),linear-gradient(145deg,#183e70,#112b50)}
.securityText>span,.security h2 em,.securityList article>span{color:#9fd5ff}.plans .featured{background:linear-gradient(145deg,#65b5f2,#367de2 54%,#3d70d8);border-color:rgba(255,255,255,.52);box-shadow:0 25px 60px rgba(42,111,204,.34)}
.contact{background:linear-gradient(125deg,rgba(255,255,255,.77),rgba(221,242,255,.7) 45%,rgba(201,228,255,.74))}.contactGlow{background:radial-gradient(circle,rgba(86,178,244,.62),transparent 68%)}

/* ========================================================================== 
   MEDRAAK OFFICIAL VISUAL IDENTITY — website
   ========================================================================== */
:root{--ink:#081a2c;--muted:#64788d;--violet:#00a9e8;--purple:#00d4c4;--lilac:#dff7ff;--pink:#00b8ff;--glass:rgba(250,253,255,.68);--line:rgba(255,255,255,.82)}
body{background:radial-gradient(circle at 88% 6%,rgba(0,184,255,.18),transparent 29%),radial-gradient(circle at 8% 30%,rgba(0,212,196,.11),transparent 27%),linear-gradient(145deg,#f8fcff 0%,#eef8fc 48%,#f8fcff 100%)}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(237,249,255,.62));border-color:rgba(255,255,255,.92);box-shadow:0 22px 60px rgba(8,42,68,.09),inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.nav{background:linear-gradient(110deg,rgba(255,255,255,.88),rgba(237,249,255,.68));box-shadow:0 15px 45px rgba(8,42,68,.08)}
.brandMark{width:44px;height:44px;object-fit:contain;padding:6px;border-radius:13px;background:linear-gradient(145deg,#07111f,#0d2a43);box-shadow:0 9px 24px rgba(0,184,255,.18)}
.brand>span{display:none}.brand b{color:#081a2c}.brand small{color:#6a8294}
.navButton,.primary{background:linear-gradient(110deg,#008dcc,#00b8ff 55%,#00b9ac);box-shadow:0 11px 28px rgba(0,151,207,.25),inset 0 1px 1px #fff8}
.hero h1 em{background:linear-gradient(90deg,#007db8,#00b8ff 48%,#00b8aa);background-clip:text;-webkit-background-clip:text}
.badge i{background:#00d4c4}.trust span:before{color:#00a99c}
.halo{background:linear-gradient(145deg,rgba(170,231,255,.92),rgba(128,220,246,.82) 52%,rgba(166,246,235,.76));box-shadow:0 0 95px rgba(0,184,255,.24)}
.miniApp{background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(228,246,255,.66));box-shadow:0 40px 95px rgba(8,52,83,.18),inset 0 1px 0 #fff}
.miniBody aside{background:linear-gradient(180deg,#07111f,#0a1727 60%,#0b2439)}
.miniBrand{display:flex;align-items:center;gap:5px}.miniBrand img{width:20px;height:20px}.miniBrand i{display:none}
.miniBody aside>span.active,.miniHead button{background:linear-gradient(90deg,rgba(0,184,255,.85),rgba(0,212,196,.78))}
.chart>section i{background:linear-gradient(#44d8ff,#0088c8)}
.featureIcon{background:linear-gradient(145deg,#ecfbff,#ddfaf6);color:#007db8;box-shadow:0 9px 22px rgba(0,184,255,.12)}
.featureGrid article:nth-child(2),.featureGrid article:nth-child(5){background:linear-gradient(135deg,rgba(239,251,255,.82),rgba(228,251,247,.64))}
.security{background:radial-gradient(circle at 85% 15%,rgba(0,184,255,.20),transparent 32%),radial-gradient(circle at 5% 90%,rgba(0,212,196,.12),transparent 30%),linear-gradient(145deg,#07111f,#0c243a)}
.securityText>span,.security h2 em,.securityList article>span{color:#68dcff}.fair>i{background:linear-gradient(145deg,#55e8d8,#00c8b8)}
.plans article>small{color:#007db8}.plans article>a{background:#e6f8ff;color:#007db8}.plans .featured{background:linear-gradient(145deg,#0b2a43,#086a8e 55%,#008f86);border-color:rgba(93,225,255,.25);box-shadow:0 25px 60px rgba(8,54,79,.25)}.plans .featured>a{color:#007db8}
.contact{background:linear-gradient(125deg,rgba(255,255,255,.83),rgba(228,248,255,.74) 45%,rgba(224,251,247,.74))}.contactGlow{background:radial-gradient(circle,rgba(0,184,255,.32),transparent 68%)}.contact span{color:#007db8}.contact>a{background:linear-gradient(145deg,#07111f,#0d2a43)}.contact>a i{color:#64dcff}
footer{border-top-color:#d9e8f0}
main{width:100%;max-width:100%;overflow:hidden}.hero,.showcase,.heroText,.miniApp{min-width:0;max-width:100%}

/* ========================================================================== 
   RESPONSIVE EXPERIENCE — tablet and mobile
   ========================================================================== */
@media (max-width:1100px){
  .wrap{width:min(100% - 32px,920px)}
  .glass{backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}
  .nav{height:68px;gap:14px;padding-inline:16px;border-radius:0 0 20px 20px}
  .nav nav{display:none}
  .navButton{margin-right:auto;padding:10px 14px;font-size:9px}
  .hero{min-height:auto;grid-template-columns:1fr;gap:32px;padding:54px 0 66px}
  .heroText{max-width:760px;margin-inline:auto;text-align:center}
  .hero h1{font-size:clamp(42px,7vw,58px);line-height:1.38;letter-spacing:-2px;margin-top:18px}
  .heroText>p{max-width:680px;margin-inline:auto;font-size:14px;line-height:2}
  .heroActions,.trust{justify-content:center}
  .showcase{width:min(760px,100%);height:455px;margin:0 auto}
  .miniApp{height:400px;transform:none}
  .halo{width:390px;height:390px;left:50%;top:25px;transform:translateX(-50%)}
  .attendance{right:12px;bottom:2px}.schedule{left:12px;top:0}
  .proof{gap:20px}.proof>div{gap:32px}
  .featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featureGrid h3{font-size:15px}.featureGrid p{font-size:10px;min-height:58px}
  .securityInner{grid-template-columns:1fr;gap:38px}.securityText{max-width:760px}
  .securityText>p{font-size:11px}.securityList h3{font-size:12px}.securityList p{font-size:9px}
  .featureGrid article:hover{transform:none}
}

@media (max-width:700px){
  html{scroll-behavior:auto}
  .wrap{width:calc(100% - 24px)}
  .aurora{opacity:.32;filter:none}
  .glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 32px rgba(8,42,68,.08)}
  .nav{height:64px;padding-inline:12px;gap:8px;position:relative}
  .brand{gap:8px}.brandMark{width:38px;height:38px;padding:5px;border-radius:11px}
  .brand b{font-size:14px}.brand small{display:none}
  .navButton{font-size:0;padding:9px 11px;border-radius:11px}
  .navButton:before{content:"جرّب الآن";font-size:9px}.navButton i{margin:0 6px 0 0;font-size:13px}
  .hero{padding:42px 0 54px;gap:0}
  .heroText{text-align:center}
  .badge{font-size:9px;padding:8px 12px}
  .hero h1{font-size:clamp(31px,10vw,40px);line-height:1.42;letter-spacing:-1.5px;margin:15px 0 10px}
  .heroText>p{font-size:13px;line-height:1.9;margin:0 auto}
  .heroActions{width:100%;flex-direction:column;gap:10px;margin-top:22px}
  .primary,.play{width:100%;min-height:48px;justify-content:center;padding:12px 16px;font-size:11px}
  .primary{gap:18px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;font-size:7px}
  .showcase{display:none}
  .proof{margin-top:0;padding:20px 14px;border-radius:20px;text-align:center;display:block}
  .proof>span{display:block;font-size:10px;margin-bottom:16px}
  .proof>div{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 10px;margin:0}
  .proof b{font-size:18px}.proof b small{font-size:7px}
  .block{padding:68px 0}.title{margin-bottom:28px}
  .title>span,.securityText>span{font-size:9px}
  .title h2,.security h2{font-size:clamp(25px,8vw,32px);line-height:1.5}
  .title p{font-size:11px;line-height:1.8}
  .featureGrid{grid-template-columns:1fr;gap:12px}
  .featureGrid article{padding:20px;border-radius:18px}
  .featureGrid h3{font-size:15px;margin:14px 0 6px}.featureGrid p{font-size:11px;line-height:1.85;min-height:0}.featureGrid a{font-size:9px}
  .security{padding:68px 0}.securityInner{gap:28px}
  .securityText{text-align:center}.securityText>p{font-size:11px;line-height:1.9}
  .fair{text-align:right;padding:13px}.fair b{font-size:10px}.fair small{font-size:8px;line-height:1.7}
  .securityList article{grid-template-columns:28px 1fr 14px;gap:9px;padding:14px;border-radius:15px}
  .securityList h3{font-size:11px}.securityList p{font-size:8px;line-height:1.65}
  .plans{grid-template-columns:1fr;gap:14px}.plans article{padding:23px;border-radius:20px}
  .plans article>small{font-size:9px}.plans h3{font-size:20px}.plans article>p,.plans li{font-size:10px;line-height:1.8}.plans article>a{font-size:10px;padding:13px}
  .contact{min-height:auto;margin-bottom:42px;padding:28px 20px;display:block;text-align:center;border-radius:22px}
  .contact h2{font-size:24px;line-height:1.55}.contact p{font-size:10px}.contact>a{display:block;margin-top:18px;padding:14px;font-size:10px}
  footer{height:auto;min-height:150px;padding:24px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;text-align:center}
  footer p{order:3;width:100%;margin:0;font-size:8px}footer nav{display:none}
}

@media (max-width:390px){
  .wrap{width:calc(100% - 18px)}
  .nav{padding-inline:9px}.brand b{font-size:13px}.navButton:before{font-size:8px}
  .hero h1{font-size:29px}.heroText>p{font-size:12px}
  .trust{grid-template-columns:1fr;gap:5px}
  .proof>div{grid-template-columns:1fr 1fr}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}