:root{color-scheme:light;--bg: #FDFBF7;--bg-alt: #FFFFFF;--bg-sunken: #F7F2E9;--surface: #FFFFFF;--surface-2: #FBF8F2;--surface-3: #F4EFE5;--border: #EDE5D9;--border-strong: #DCD0BE;--text: #241F2B;--text-muted: #6B6273;--text-subtle: #918898;--brand: #5B4BC4;--brand-hover: #4B3CAE;--brand-soft: #EFECFC;--brand-softer: #F7F5FE;--brand-ink: #3A2E86;--on-brand: #FFFFFF;--accent: #E08A22;--accent-hover: #C7761A;--accent-soft: #FDF1DF;--accent-ink: #8A5310;--teal: #2A9D93;--teal-soft: #E2F4F2;--rose: #DB5A3C;--rose-soft: #FCEBE6;--green: #3D9A63;--green-soft: #E6F4EC;--shadow-1: 0 1px 2px rgba(40, 30, 55, .05), 0 1px 3px rgba(40, 30, 55, .04);--shadow-2: 0 2px 4px rgba(40, 30, 55, .05), 0 4px 10px rgba(40, 30, 55, .05);--shadow-3: 0 4px 8px rgba(40, 30, 55, .05), 0 10px 22px rgba(40, 30, 55, .07);--shadow-4: 0 8px 16px rgba(40, 30, 55, .06), 0 20px 40px rgba(40, 30, 55, .09);--shadow-5: 0 16px 32px rgba(40, 30, 55, .08), 0 32px 64px rgba(40, 30, 55, .12);--shadow-brand: 0 6px 16px rgba(91, 75, 196, .22), 0 12px 32px rgba(91, 75, 196, .18);--shadow-accent: 0 6px 16px rgba(224, 138, 34, .22), 0 12px 28px rgba(224, 138, 34, .16);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 32px;--r-full: 999px;--font-body: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-display: "Rubik", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--fs-xs: .8125rem;--fs-sm: .9062rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: clamp(1.2rem, 1.6vw, 1.35rem);--fs-2xl: clamp(1.45rem, 2.4vw, 1.75rem);--fs-3xl: clamp(1.8rem, 3.4vw, 2.4rem);--fs-4xl: clamp(2.2rem, 5vw, 3.4rem);--sp-section: clamp(4rem, 8vw, 6.5rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root[data-theme=dark]{color-scheme:dark;--bg: #15131A;--bg-alt: #1B1822;--bg-sunken: #100E15;--surface: #201D29;--surface-2: #262230;--surface-3: #2E2939;--border: #322D3E;--border-strong: #443D53;--text: #F3EFF8;--text-muted: #A9A0B8;--text-subtle: #8B8199;--brand: #9484F5;--brand-hover: #A797F8;--brand-soft: #272144;--brand-softer: #201C36;--brand-ink: #C9BEFF;--on-brand: #17121F;--accent: #F0A648;--accent-hover: #F5B663;--accent-soft: #3A2A14;--accent-ink: #FBD9A6;--teal: #46BFB3;--teal-soft: #12312E;--rose: #EE7B5F;--rose-soft: #3A1D15;--green: #5CBB84;--green-soft: #14301F;--shadow-1: 0 1px 2px rgba(0, 0, 0, .34);--shadow-2: 0 2px 6px rgba(0, 0, 0, .38);--shadow-3: 0 6px 16px rgba(0, 0, 0, .44);--shadow-4: 0 12px 30px rgba(0, 0, 0, .5);--shadow-5: 0 24px 56px rgba(0, 0, 0, .58);--shadow-brand: 0 8px 26px rgba(148, 132, 245, .3);--shadow-accent: 0 8px 26px rgba(240, 166, 72, .26)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);background:var(--bg);line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.3;letter-spacing:-.01em;font-weight:700}img,svg{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:var(--r-xs)}::selection{background:var(--brand);color:var(--on-brand)}.container{width:min(1160px,92%);margin-inline:auto}.icon-fallback{line-height:1;display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.7rem;border-radius:var(--r-full);font-family:var(--font-display);font-size:var(--fs-base);font-weight:600;cursor:pointer;border:1.5px solid transparent;position:relative;overflow:hidden;isolation:isolate;transition:background-color .25s var(--ease-out),color .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}.btn svg{flex-shrink:0}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translate(-120%);transition:transform .7s var(--ease-out)}.btn:hover:after{transform:translate(120%)}.btn--primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--brand-hover)}.btn--accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn--accent:hover{background:var(--accent-hover)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--shadow-2)}.btn--full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn:disabled:after{display:none}.section{padding:var(--sp-section) 0;position:relative}.section--alt{background:var(--bg-alt)}.section--sunken{background:var(--bg-sunken)}.section__head{text-align:center;max-width:42rem;margin:0 auto clamp(2.5rem,5vw,3.5rem)}.section__tag{display:inline-flex;align-items:center;gap:.45rem;background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);padding:.35rem 1rem;border-radius:var(--r-full);margin-bottom:.9rem}.section__title{font-size:var(--fs-3xl);font-weight:700}.section__desc{color:var(--text-muted);margin-top:.6rem;font-size:var(--fs-lg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-2);transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.card:hover{box-shadow:var(--shadow-4);border-color:var(--border-strong)}.icon-chip{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--brand-soft);color:var(--brand);flex-shrink:0;transition:background-color .3s var(--ease-out),color .3s var(--ease-out)}.icon-chip--accent{background:var(--accent-soft);color:var(--accent-ink)}.icon-chip--teal{background:var(--teal-soft);color:var(--teal)}.icon-chip--rose{background:var(--rose-soft);color:var(--rose)}.top-bar{background:var(--brand-ink);color:#fff;font-size:var(--fs-xs);padding:.5rem 0}:root[data-theme=dark] .top-bar{background:var(--bg-sunken);color:var(--text-muted)}.top-bar__inner{display:flex;justify-content:center;align-items:center;gap:1.4rem;flex-wrap:wrap}.top-bar__item{display:inline-flex;align-items:center;gap:.4rem;opacity:.9}.top-bar__item img{width:18px;height:18px;border-radius:4px}.navbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out),background-color .3s var(--ease-out)}.navbar.is-stuck{border-bottom-color:var(--border);box-shadow:var(--shadow-2)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.brand{display:inline-flex;align-items:center;gap:.6rem}.brand__logo{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.brand__text{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.01em}.nav{display:flex;align-items:center;gap:.15rem}.nav--mobile{display:none}.nav__link{position:relative;padding:.5rem .95rem;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);transition:color .25s var(--ease-out)}.nav__link:hover{color:var(--text)}.nav__link.is-active{color:var(--brand);font-weight:600}.nav__pill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--brand-soft);border-radius:var(--r-full);z-index:-1}.nav__actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;overflow:hidden;transition:color .25s var(--ease-out),border-color .25s var(--ease-out)}.theme-toggle:hover{color:var(--brand);border-color:var(--brand)}.nav-toggle{display:none;width:40px;height:40px;place-items:center;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer}.hero{position:relative;padding:clamp(3.5rem,8vw,6rem) 0 clamp(6rem,10vw,8.5rem);overflow:hidden;background:var(--bg)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}:root[data-theme=dark] .aurora{opacity:.3}.aurora--1{width:44vw;height:44vw;min-width:340px;min-height:340px;background:radial-gradient(circle,var(--brand) 0%,transparent 70%);top:-14%;inset-inline-end:-8%;animation:drift-a 22s ease-in-out infinite alternate}.aurora--2{width:38vw;height:38vw;min-width:300px;min-height:300px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);bottom:-18%;inset-inline-start:-10%;animation:drift-b 26s ease-in-out infinite alternate}.aurora--3{width:30vw;height:30vw;min-width:240px;min-height:240px;background:radial-gradient(circle,var(--teal) 0%,transparent 70%);top:30%;inset-inline-start:32%;opacity:.32;animation:drift-c 30s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-6%,8%,0) scale(1.12)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(8%,-6%,0) scale(.92)}}@keyframes drift-c{0%{transform:translateZ(0) scale(.95)}to{transform:translate3d(-10%,-10%,0) scale(1.15)}}.hero__grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to left,color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px);background-size:62px 62px;mask-image:radial-gradient(ellipse 75% 60% at 50% 40%,#000 20%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 75% 60% at 50% 40%,#000 20%,transparent 78%);z-index:1}.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center}.badge{display:inline-flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);color:var(--brand-ink);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);padding:.4rem 1rem .4rem .7rem;border-radius:var(--r-full);margin-bottom:1.4rem;box-shadow:var(--shadow-1)}.badge svg{color:var(--accent)}.hero__title{font-size:var(--fs-4xl);font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:1.1rem}.highlight{position:relative;color:var(--brand);white-space:nowrap}.highlight:after{content:"";position:absolute;inset-inline:-.06em;bottom:.06em;height:.28em;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent));border-radius:var(--r-full);opacity:.42;z-index:-1;transform-origin:right center;animation:draw-underline 1s var(--ease-out) .5s both}.highlight--2{color:var(--teal)}.highlight--2:after{background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 35%,transparent));animation-delay:.8s}@keyframes draw-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero__subtitle{color:var(--text-muted);font-size:var(--fs-lg);max-width:36rem;margin-bottom:2rem}.hero__actions{display:flex;gap:.8rem;flex-wrap:wrap}.hero__card{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:var(--r-2xl);padding:2.2rem 1.8rem 1.8rem;text-align:center;box-shadow:var(--shadow-5);position:relative}.hero__school{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:.3rem .9rem .3rem .4rem;font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);margin-bottom:1.3rem}.hero__school img{width:22px;height:22px;border-radius:var(--r-full)}.hero__avatar{width:116px;height:116px;margin:0 auto 1.1rem;border-radius:var(--r-full);padding:4px;background:linear-gradient(140deg,var(--brand),var(--accent));box-shadow:var(--shadow-3)}.hero__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-full);border:3px solid var(--surface);background:var(--surface-2)}.hero__avatar-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:3rem;border-radius:var(--r-full);background:var(--surface-2)}.hero__quote{font-size:var(--fs-sm);line-height:1.9;color:var(--text-muted);margin-bottom:1rem}.hero__stars{display:inline-flex;gap:.2rem;color:var(--accent)}.hero__stars svg{fill:currentColor}.stats{position:relative;z-index:5;margin-top:clamp(-5rem,-6vw,-4rem)}.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem 1rem;text-align:center;box-shadow:var(--shadow-3);transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.stat:hover{box-shadow:var(--shadow-4);border-color:var(--border-strong)}.stat__icon{margin:0 auto .7rem}.stat__num{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.15rem);font-weight:700;letter-spacing:-.02em;display:block;line-height:1.3}.stat__label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.about__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.about__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.9rem 1.5rem;box-shadow:var(--shadow-1);position:relative;overflow:hidden;transition:box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}.about__card:before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--accent));transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease-out)}.about__card:hover:before{transform:scaleX(1)}.about__card:hover{box-shadow:var(--shadow-4);border-color:var(--border-strong)}.about__card h3{font-size:var(--fs-xl);margin:1rem 0 .4rem}.about__card p{color:var(--text-muted);font-size:var(--fs-sm)}.videos__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.video-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-2);transition:box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}.video-card:hover{box-shadow:var(--shadow-4);border-color:var(--border-strong)}.video-card__thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:0;background:var(--surface-3);cursor:pointer;overflow:hidden}.video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out),filter .35s var(--ease-out)}.video-card__thumb:hover img{transform:scale(1.06);filter:brightness(.82)}.video-card__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,15,28,.42),transparent 55%);opacity:.8;transition:opacity .35s var(--ease-out)}.video-card__thumb:hover:after{opacity:1}.video-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border-radius:var(--r-full);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--brand);box-shadow:var(--shadow-3);z-index:2;transition:transform .35s var(--ease-out),background-color .35s var(--ease-out),color .35s var(--ease-out)}.video-card__play svg{fill:currentColor;margin-inline-start:2px}.video-card__thumb:hover .video-card__play{transform:translate(-50%,-50%) scale(1.12);background:var(--brand);color:var(--on-brand)}.video-card__player{width:100%;aspect-ratio:16 / 9;border:0;display:block}.video-card__title{font-size:var(--fs-base);font-weight:600;padding:1rem 1.2rem 1.2rem;line-height:1.6}.videos__more{text-align:center;margin-top:2.5rem}.pl-block{margin-top:3.5rem;padding:2rem clamp(1.2rem,3vw,2.2rem);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-2xl)}.pl-block__title{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-xl);margin-bottom:1.5rem}.pl-block__title svg{color:var(--brand)}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.pl-card{display:flex;flex-direction:column;gap:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.2rem 1.3rem;box-shadow:var(--shadow-1);position:relative;overflow:hidden;transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.pl-card:hover{box-shadow:var(--shadow-3);border-color:var(--brand)}.pl-card__grade{align-self:flex-start;background:var(--brand-soft);color:var(--brand-ink);font-family:var(--font-display);font-weight:600;font-size:var(--fs-xs);padding:.2rem .75rem;border-radius:var(--r-full)}.pl-card__subject{color:var(--text-subtle);font-size:var(--fs-xs);font-weight:500}.pl-card__title{font-weight:600;font-size:var(--fs-sm);line-height:1.6}.pl-card__cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;color:var(--brand);font-weight:600;font-size:var(--fs-sm)}.pl-card__cta svg{transition:transform .3s var(--ease-out)}.pl-card:hover .pl-card__cta svg{transform:translate(-4px)}.reflections__intro{max-width:48rem;margin:0 auto 3rem;text-align:center;font-size:var(--fs-lg);line-height:2.1;color:var(--text-muted);padding:1.8rem 2rem;background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.reflections__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}.reflection-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:2.4rem 1.6rem 1.6rem;box-shadow:var(--shadow-1);overflow:hidden;transition:box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}.reflection-card:hover{box-shadow:var(--shadow-4);border-color:var(--border-strong)}.reflection-card__num{position:absolute;top:-.35em;inset-inline-end:.1em;font-family:var(--font-display);font-size:5.5rem;font-weight:800;line-height:1;color:var(--brand);opacity:.07;pointer-events:none}.reflection-card__text{position:relative;line-height:2;font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.1rem}.field label{font-weight:600;font-size:var(--fs-sm);color:var(--text)}.field input,.field select,.field textarea{width:100%;padding:.8rem 1rem;border-radius:var(--r-md);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-base);font-family:var(--font-body);transition:border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),background-color .25s var(--ease-out)}.field textarea{resize:vertical;min-height:7rem;line-height:1.8}.field input::placeholder,.field textarea::placeholder{color:var(--text-subtle)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}.form-success,.form-error{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.8rem 1rem;border-radius:var(--r-md);font-weight:500;font-size:var(--fs-sm)}.form-success{background:var(--green-soft);color:var(--green)}.form-error{background:var(--rose-soft);color:var(--rose)}.form-success svg,.form-error svg{flex-shrink:0;margin-top:.2rem}.contact__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}.contact__info{display:flex;flex-direction:column;gap:1rem}.contact__item{display:flex;align-items:flex-start;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.2rem 1.3rem;box-shadow:var(--shadow-1);transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.contact__item:hover{box-shadow:var(--shadow-3);border-color:var(--border-strong)}.contact__item h4{font-size:var(--fs-base);margin-bottom:.15rem}.contact__item p{color:var(--text-muted);font-size:var(--fs-sm)}.contact__link{color:var(--brand);font-weight:600;display:inline-flex;align-items:center;gap:.3rem;transition:color .25s var(--ease-out)}.contact__link:hover{color:var(--brand-hover);text-decoration:underline}.contact__link svg{flex-shrink:0}.contact__form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(1.4rem,3vw,2rem);box-shadow:var(--shadow-3)}.fb-visits{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);padding:.4rem 1.1rem;font-size:var(--fs-sm);color:var(--text-muted);box-shadow:var(--shadow-1)}.fb-visits svg{color:var(--teal)}.fb-visits strong{color:var(--text);font-family:var(--font-display)}.fb-form{max-width:46rem;margin:0 auto 3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(1.4rem,3vw,2rem);box-shadow:var(--shadow-3)}.fb-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.2rem}.fb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.3rem;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:.6rem;transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.fb-card:hover{box-shadow:var(--shadow-3);border-color:var(--border-strong)}.fb-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fb-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--fs-xs);font-weight:600;padding:.2rem .7rem;border-radius:var(--r-full)}.fb-pill--idea{background:var(--accent-soft);color:var(--accent-ink)}.fb-pill--bug{background:var(--rose-soft);color:var(--rose)}.fb-pill--msg{background:var(--teal-soft);color:var(--teal)}.fb-card__date{font-size:var(--fs-xs);color:var(--text-subtle)}.fb-card__text{font-size:var(--fs-sm);line-height:1.85;flex:1}.fb-card__name{font-size:var(--fs-xs);color:var(--text-subtle);font-weight:600}.footer{background:var(--brand-ink);color:#fff;padding:3.5rem 0 2rem;margin-top:auto}:root[data-theme=dark] .footer{background:var(--bg-sunken);border-top:1px solid var(--border)}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer__brand{display:flex;align-items:center;gap:.7rem;font-weight:600}.footer__brand .brand__logo{background:#ffffff24;box-shadow:none;color:#fff}:root[data-theme=dark] .footer__brand .brand__logo{background:var(--brand);color:var(--on-brand)}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.footer__links a{padding:.4rem .9rem;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:500;color:#ffffffc7;transition:background-color .25s var(--ease-out),color .25s var(--ease-out)}:root[data-theme=dark] .footer__links a{color:var(--text-muted)}.footer__links a:hover{background:#ffffff1f;color:#fff}.footer__youtube{display:inline-flex;align-items:center;gap:.4rem}.footer__copy{font-size:var(--fs-xs);color:#fff9;border-top:1px solid rgba(255,255,255,.14);padding-top:1.4rem;width:100%}:root[data-theme=dark] .footer__copy{color:var(--text-subtle);border-top-color:var(--border)}.to-top,.wa-float,.quiz-float{position:fixed;z-index:90;display:grid;place-items:center;border-radius:var(--r-full);cursor:pointer;border:0;box-shadow:var(--shadow-4)}.to-top{inset-block-end:6.6rem;inset-inline-end:1.5rem;width:46px;height:46px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.to-top:hover{color:var(--brand);border-color:var(--brand)}.wa-float{inset-block-end:1.5rem;inset-inline-end:1.5rem;width:56px;height:56px;background:#25d366;color:#fff;box-shadow:0 8px 24px #25d36661}.quiz-float{inset-block-end:1.5rem;inset-inline-start:1.5rem;width:auto;height:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.4rem;background:var(--brand);color:var(--on-brand);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);box-shadow:var(--shadow-brand)}.skeleton-page{min-height:100vh;background:var(--bg)}.sk{position:relative;overflow:hidden;background:var(--surface-3);border-radius:var(--r-md)}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 70%,transparent),transparent);animation:shimmer 1.6s infinite}@keyframes shimmer{to{transform:translate(100%)}}.sk-nav{height:68px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sk-hero{padding:clamp(3rem,7vw,5rem) 0;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.sk-line{height:1rem;margin-bottom:.8rem}.sk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.error-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:var(--bg)}.error-screen__box{max-width:26rem;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);padding:2.5rem 2rem;box-shadow:var(--shadow-4)}.error-screen__icon{width:60px;height:60px;margin:0 auto 1.2rem;display:grid;place-items:center;border-radius:var(--r-full);background:var(--rose-soft);color:var(--rose)}.error-screen__box h2{font-size:var(--fs-xl);margin-bottom:.5rem}.error-screen__box p{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:1.5rem}@media (max-width: 1024px){.about__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.hero__inner,.sk-hero{grid-template-columns:1fr}.hero__card{max-width:24rem;margin-inline:auto}.contact__grid{grid-template-columns:1fr}.stats__grid,.sk-stats{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:grid}.nav--desktop{display:none}.nav--mobile{display:flex;position:absolute;top:calc(100% + .5rem);inset-inline:0;flex-direction:column;align-items:stretch;gap:.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-5);padding:.6rem;overflow:hidden}.nav__link{padding:.75rem 1rem;border-radius:var(--r-md);font-size:var(--fs-base)}.nav__pill{border-radius:var(--r-md)}.navbar__inner{position:relative}}@media (max-width: 640px){.stats{margin-top:-3rem}.stats__grid{gap:.7rem}.stat{padding:1.1rem .6rem}.fb-form__row{grid-template-columns:1fr}.hero__actions .btn{flex:1 1 auto}.reflections__intro{padding:1.3rem 1.2rem;font-size:var(--fs-base)}.quiz-float{padding:.7rem 1.1rem;font-size:var(--fs-xs);inset-block-end:1rem;inset-inline-start:1rem}.wa-float{width:50px;height:50px;inset-block-end:1rem;inset-inline-end:1rem}.to-top{inset-block-end:5.4rem;inset-inline-end:1rem;width:42px;height:42px}.top-bar__inner{gap:.8rem;font-size:11px}}@media (max-width: 400px){.stats__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.aurora{animation:none!important}.highlight:after{animation:none!important;transform:scaleX(1)}.sk:after{animation:none!important}}@media print{.navbar,.top-bar,.to-top,.wa-float,.quiz-float,.hero__bg{display:none!important}body{background:#fff;color:#000}}