@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700;900&display=swap";:root{--font-display: "Cairo", sans-serif;--font-bold: "Cairo", sans-serif;--font-body: "Cairo", sans-serif}:root{--bg: #0d071a;--surface: #1c0d35;--violet: #54229b;--accent: #8d4dff;--bright: #c8a4ff;--white: #f6f2ff;--muted: rgba(230, 220, 255, .62);--line: rgba(200, 164, 255, .18);--grad: linear-gradient(135deg, #8d4dff, #54229b);--glass: rgba(22, 11, 42, .82);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--gutter: clamp(16px, 4vw, 48px);--nav-h: 84px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) - 8px)}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font-body);font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--bright);outline-offset:3px}.container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:clamp(72px,11vh,128px);overflow:hidden}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:var(--d, 0s)}.reveal.in{opacity:1;transform:none}.stitle{margin-bottom:clamp(28px,4vw,48px)}.stitle h2{display:flex;align-items:center;gap:16px;margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(34px,4.4vw,56px);line-height:1.25}.stitle h2:before{content:"";flex:none;width:8px;height:.72em;border-radius:4px;background:linear-gradient(#c8a4ff,#8d4dff)}.stitle p{margin:10px 24px 0 0;color:var(--muted);font-size:clamp(16px,1.6vw,23px)}.pill{background:var(--glass);border:1px solid rgba(200,164,255,.2);border-radius:999px;box-shadow:0 10px 30px #00000073}.btn{display:inline-block;padding:0 32px;height:58px;line-height:58px;border-radius:30px;background:var(--grad);color:#fff;font-family:var(--font-bold);font-weight:700;font-size:clamp(18px,1.6vw,22px);box-shadow:0 0 30px #8d4dff80;transition:transform .3s var(--ease-out),box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 0 44px #8d4dffbf}.arrow{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--glass);border:1px solid rgba(200,164,255,.25);transition:background .25s,opacity .25s,transform .25s}.arrow:hover:not(:disabled){background:var(--grad);transform:scale(1.06)}.arrow:disabled{opacity:.3;cursor:default}.controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.nav{position:fixed;top:0;inset-inline:0;z-index:50;padding:14px var(--gutter);transition:background .35s,border-color .35s;border-bottom:1px solid transparent}.nav.scrolled{background:#0d071ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1240px;margin-inline:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px;padding-inline-end:18px}.brand img{width:42px;height:42px;border-radius:50%;background:#2a1450;object-fit:cover}.brand span{font-family:var(--font-bold);font-weight:700;font-size:20px;white-space:nowrap}.menu{position:relative;display:flex;padding:6px}.menu a{position:relative;z-index:1;height:42px;line-height:42px;padding:0 18px;border-radius:21px;font-family:var(--font-bold);font-weight:700;font-size:17px;color:#ebe1ff9e;white-space:nowrap;transition:color .3s,transform .15s}.menu a:hover,.menu a.active{color:#fff}.menu a:active{transform:scale(.92)}.menu-ind{position:absolute;top:6px;height:42px;border-radius:21px;background:var(--grad);box-shadow:0 0 24px #8d4dff8c;transition:left .5s var(--ease-inout),width .5s var(--ease-inout)}.hero{--hf: clamp(60px, 11.5vw, 158px);position:relative;min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--nav-h) + 16px);padding-bottom:32px;overflow:hidden;background:radial-gradient(55% 65% at 50% 78%,#8d4dff66,#54229b24 45%,#0d071a00 75%)}.hero:before{content:"";position:absolute;inset:0;opacity:.14;background-image:radial-gradient(rgba(200,164,255,.55) 1.2px,transparent 1.4px);background-size:40px 40px;pointer-events:none}.hero-stage{position:relative;text-align:center}.hero-phrase{margin:0;font-family:var(--font-display);font-weight:900;font-size:var(--hf);line-height:1.15;animation:rise 1.1s .2s var(--ease-out) both}.hero-phrase span{display:block}.hero-phrase .l2{background:linear-gradient(180deg,#e2d0ff,#8d4dff 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-avatar{position:relative;z-index:2;width:clamp(250px,40vw,580px);margin:calc(var(--hf) * -.9) auto 0;animation:avatarIn 1.2s .5s var(--ease-out) both}.hero-avatar img{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));animation:bob 5.2s 1.7s ease-in-out infinite}.hero-meta{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;margin-top:calc(var(--hf) * -1.1);animation:rise 1s .9s var(--ease-out) both}.hero-name{text-align:right;line-height:1.4}.hero-name strong{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(30px,3.2vw,44px)}.hero-name span{color:var(--bright);font-size:clamp(18px,1.8vw,26px)}@keyframes rise{0%{opacity:0;transform:translateY(60px)}}@keyframes avatarIn{0%{opacity:0;transform:scale(.9)}}@keyframes bob{50%{transform:translateY(-12px)}}.carousel{--card-h: clamp(300px, 42vw, 560px);display:flex;gap:clamp(16px,2.4vw,34px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:10px var(--gutter) 34px;scrollbar-width:none;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.carousel::-webkit-scrollbar{display:none}.carousel.dragging{scroll-snap-type:none;cursor:grabbing}.card{flex:none;height:var(--card-h);border-radius:18px;overflow:hidden;scroll-snap-align:start;box-shadow:0 22px 40px #0000008c,0 0 0 1px var(--line);transition:transform .45s var(--ease-out),box-shadow .45s}.card:hover{transform:translateY(-8px);box-shadow:0 30px 50px #0009,0 0 0 1px #c8a4ff73,0 0 40px #8d4dff4d}.card img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.progress{position:relative;width:min(400px,50vw);height:6px;border-radius:3px;background:#c8a4ff26;overflow:hidden}.progress i{position:absolute;inset-block:0;right:0;width:25%;border-radius:3px;background:var(--accent);transition:transform .15s linear}.slider{--sw: min(900px, 80vw);--step: min(760px, 66vw);position:relative;height:calc(var(--sw) * .622);perspective:2200px;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none}.spread{position:absolute;top:0;left:50%;width:var(--sw);height:100%;margin-left:calc(var(--sw) / -2);cursor:pointer;transition:transform .85s var(--ease-out),opacity .6s;will-change:transform}.spread.current{cursor:zoom-in}.spread{container-type:size}.bk-fit{--fit: min(90cqw, calc(88cqh * var(--r)));position:absolute;left:50%;top:50%;width:var(--fit);height:calc(var(--fit) / var(--r));translate:-50% -50%}.booklet{position:absolute;left:calc(var(--bx) / var(--bw) * -100%);top:calc(var(--by) / var(--bh) * -100%);width:calc(100% / var(--bw));height:calc(100% / var(--bh));max-width:none;object-fit:contain;pointer-events:none;filter:drop-shadow(0 30px 28px rgba(0,0,0,.6));-webkit-user-drag:none}.shade{position:absolute;inset:0;border-radius:30px;filter:blur(20px);pointer-events:none;background:radial-gradient(closest-side,#0d071a8c,#0d071acc);transition:opacity .6s}.dots{display:flex;gap:12px;align-items:center}.dots button{width:14px;height:10px;border-radius:5px;background:#8d4dff40;transition:width .45s var(--ease-out),background .3s,box-shadow .3s}.dots button.on{width:48px;background:var(--accent);box-shadow:0 0 14px #8d4dffb3}.about{display:flex;align-items:flex-end;justify-content:center;gap:clamp(28px,5vw,60px)}.about-photo{flex:none;width:clamp(240px,28vw,360px);aspect-ratio:360 / 450;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px #0009,0 0 0 2px #c8a4ff4d,0 0 60px #8d4dff59}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:top}.about-text{max-width:670px}.kicker{color:var(--accent);font-family:var(--font-bold);font-weight:700;font-size:24px}.about-text h2{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(42px,5.2vw,70px);line-height:1.3}.bar{width:96px;height:5px;border-radius:3px;margin:16px 0 26px;background:linear-gradient(90deg,#8d4dff,#c8a4ff)}.about-text p{margin:0 0 20px;font-size:clamp(17px,1.8vw,24px);line-height:1.9;color:#f0eaffe0;text-align:justify;text-align-last:right}.about-text p:last-child{margin-bottom:0}.marquee{--tw: clamp(140px, 16vw, 224px);--gap: 22px;direction:ltr;overflow:hidden;margin-bottom:26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;gap:var(--gap);width:max-content;animation:marquee var(--dur) linear infinite}.marquee.rev .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(calc(-50% - var(--gap) / 2))}}.logo-tile{flex:none;width:var(--tw);height:calc(var(--tw) * .625);display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid var(--line);transition:border-color .3s,background .3s}.logo-tile:hover{border-color:#c8a4ff80;background:linear-gradient(145deg,#8d4dff2e,#ffffff08)}.logo-tile img{height:auto;filter:brightness(0) invert(1);opacity:.92;-webkit-user-drag:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px);max-width:1120px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(32px,4.5vw,64px) 16px;border-radius:30px;background:linear-gradient(170deg,#8d4dff2e,#1c0d358c);border:1px solid rgba(200,164,255,.22)}.stat-icon{width:clamp(84px,9vw,120px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#9d63ff,#54229b);box-shadow:0 0 40px #8d4dff8c,inset 0 2px #ffffff40}.stat-num{direction:ltr;margin-top:clamp(18px,2.4vw,34px);font-family:var(--font-display);font-weight:900;font-size:clamp(52px,7vw,104px);line-height:1.2;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(141,77,255,.5)}.stat-label{font-family:var(--font-bold);font-weight:700;font-size:clamp(22px,2.4vw,36px);color:var(--bright);line-height:1.5}.contact{max-width:1240px;margin-inline:auto;padding:8px var(--gutter) 36px;scroll-margin-top:calc(var(--nav-h) + 16px)}.contact-strip{display:flex;align-items:center;justify-content:center;gap:14px 28px;flex-wrap:wrap;padding:18px 28px;border-radius:24px;background:linear-gradient(100deg,#54229b61,#1c0d35b3 55%,#54229b52);border:1px solid rgba(200,164,255,.22);box-shadow:0 0 34px #8d4dff2e,inset 0 1px #ffffff0f}.contact-text{margin:0;font-family:var(--font-bold);font-weight:700;font-size:clamp(18px,2vw,24px);line-height:1.5;text-align:center;background:linear-gradient(90deg,#fff,#c8a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-links{display:flex;gap:12px}.social{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--glass);border:1px solid rgba(200,164,255,.28);transition:transform .3s var(--ease-out),background .3s,box-shadow .3s}.social:hover,.social:focus-visible{transform:translateY(-3px);background:var(--grad);box-shadow:0 0 24px #8d4dff99}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:1240px;margin-inline:auto;padding:32px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--muted);font-size:16px}.footer a:hover{color:#fff}.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:clamp(64px,8vw,96px) clamp(16px,8vw,110px);background:#080410eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .25s ease}.lightbox img{max-width:100%;max-height:calc(100svh - (2*clamp(64px,8vw,96px)));object-fit:contain;border-radius:12px;box-shadow:0 30px 80px #000000b3;animation:zoomIn .35s var(--ease-out)}.lb-close{position:absolute;top:16px;left:16px;font-size:18px}.lb-prev,.lb-next{position:absolute;top:50%;translate:0 -50%}.lb-prev{right:16px}.lb-next{left:16px}.lb-count{position:absolute;bottom:20px;left:50%;translate:-50% 0;color:var(--muted);direction:ltr}@keyframes fade{0%{opacity:0}}@keyframes zoomIn{0%{opacity:0;transform:scale(.94)}}@media(max-width:900px){.about{flex-direction:column;align-items:center}.about-text{text-align:center}.bar{margin-inline:auto}.stats{grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding-inline:8px;border-radius:22px}}@media(max-width:720px){:root{--nav-h: 72px}.nav{padding-block:10px}.brand{padding:4px}.brand span{display:none}.brand img{width:38px;height:38px}.menu{padding:4px}.menu a{height:38px;line-height:38px;padding:0 12px;font-size:15px}.menu-ind{top:4px;height:38px}.hero-avatar{margin-top:calc(var(--hf) * -.75)}.hero-meta{flex-direction:column;align-items:center;gap:18px;margin-top:12px}.hero-name{text-align:center}.carousel{--card-h: clamp(300px, 100vw, 460px)}.slider{--sw: 88vw;--step: 74vw}.stats{grid-template-columns:1fr;max-width:380px;gap:18px}.lb-prev,.lb-next{top:auto;bottom:12px;translate:none}}@media(max-width:560px){.nav-inner{justify-content:center}.brand{display:none}.menu a{padding:0 clamp(4px,1.6vw,9px);font-size:clamp(12px,3.4vw,14px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}