:root{--cream: #FFFDF9;--cream-deep: #FFF6E9;--paper-white: #FFFFFF;--ink: #1E1B2E;--ink-soft: #635E75;--teal: #00C9B1;--teal-deep: #009E8B;--teal-soft: #D9FAF4;--coral: #FF533D;--coral-deep: #DE3B26;--coral-soft: #FFE7E3;--royal: #2E68FF;--royal-soft: #E3ECFF;--purple: #8447FF;--purple-deep: #662CD9;--purple-soft: #EFE7FF;--amber: #FFB800;--amber-deep: #D99B00;--amber-soft: #FFF3D1;--success: #10B981;--font-display: "Fredoka", "Noto Kufi Arabic", sans-serif;--font-body: "Nunito", "Noto Kufi Arabic", sans-serif;--r-s: 12px;--r-m: 20px;--r-l: 28px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--shadow-1: 0 2px 0 rgba(30, 27, 46, .04), 0 12px 24px -12px rgba(30, 27, 46, .12);--shadow-2: 0 4px 0 rgba(30, 27, 46, .06), 0 24px 48px -16px rgba(30, 27, 46, .2);--t-micro: .12s;--t-hover: .2s;--t-move: .4s;--t-hero: .7s;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.5, 1.8, .4, .9);--maxw: clamp(1440px, calc(100vw - 80px) , 2240px);--gutter: clamp(20px, 5vw, 128px);--card-scale: 1;--veil-strong: rgba(255, 253, 249, .97);--veil-mid: rgba(255, 253, 249, .82);--veil-soft: rgba(255, 247, 234, .55);--veil-faint: rgba(255, 253, 249, .2);--tile-teal-bg: linear-gradient(145deg, #E6FBF7 0%, #BFF5EC 100%);--tile-teal-border: rgba(0, 201, 177, .45);--tile-teal-accent: #009E8B;--tile-coral-bg: linear-gradient(145deg, #FFF0EC 0%, #FFD6CE 100%);--tile-coral-border: rgba(255, 83, 61, .45);--tile-coral-accent: #DE3B26;--tile-royal-bg: linear-gradient(145deg, #EDF3FF 0%, #CCE0FF 100%);--tile-royal-border: rgba(46, 104, 255, .45);--tile-royal-accent: #1D4ED8;--tile-purple-bg: linear-gradient(145deg, #F5EFFF 0%, #E2D1FF 100%);--tile-purple-border: rgba(132, 71, 255, .45);--tile-purple-accent: #662CD9;--tile-amber-bg: linear-gradient(145deg, #FFF9E6 0%, #FFE9B3 100%);--tile-amber-border: rgba(255, 184, 0, .45);--tile-amber-accent: #D99B00;--tile-gloss: rgba(255, 255, 255, .7);color-scheme:light}html{font-size:clamp(100%,.703125vw,112.5%)}[data-theme=vibrant]{--cream: #0E0B22;--cream-deep: #171231;--paper-white: #1E1A3D;--ink: #F4F1FF;--ink-soft: #A9A3CC;--teal: #2DE3C8;--teal-deep: #00C9B1;--teal-soft: #0F3537;--coral: #FF6A55;--coral-deep: #E04A36;--coral-soft: #401B27;--royal: #6E9BFF;--royal-soft: #182449;--purple: #A673FF;--purple-deep: #8B5CF6;--purple-soft: #2B1C50;--amber: #FFC53D;--amber-deep: #E5A800;--amber-soft: #3A2C0C;--success: #4ADE80;--shadow-1: 0 2px 0 rgba(0, 0, 0, .28), 0 12px 24px -12px rgba(0, 0, 0, .55);--shadow-2: 0 4px 0 rgba(0, 0, 0, .32), 0 24px 48px -16px rgba(0, 0, 0, .65);--veil-strong: rgba(14, 11, 34, .97);--veil-mid: rgba(14, 11, 34, .85);--veil-soft: rgba(14, 11, 34, .6);--veil-faint: rgba(14, 11, 34, .25);--tile-teal-bg: linear-gradient(145deg, #11403F 0%, #0B2D2E 100%);--tile-teal-border: rgba(45, 227, 200, .35);--tile-teal-accent: #2DE3C8;--tile-coral-bg: linear-gradient(145deg, #4A2029 0%, #34141C 100%);--tile-coral-border: rgba(255, 106, 85, .35);--tile-coral-accent: #FF6A55;--tile-royal-bg: linear-gradient(145deg, #1D2C56 0%, #131E3B 100%);--tile-royal-border: rgba(110, 155, 255, .35);--tile-royal-accent: #6E9BFF;--tile-purple-bg: linear-gradient(145deg, #35225F 0%, #231641 100%);--tile-purple-border: rgba(166, 115, 255, .35);--tile-purple-accent: #A673FF;--tile-amber-bg: linear-gradient(145deg, #46350F 0%, #312506 100%);--tile-amber-border: rgba(255, 197, 61, .35);--tile-amber-accent: #FFC53D;--tile-gloss: rgba(255, 255, 255, .08);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-weight:700;font-size:1rem;line-height:1.55;color:var(--ink-soft);background-color:var(--cream);background-image:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(255,184,0,.08) 0%,transparent 70%),radial-gradient(circle 420px at 92% 16%,rgba(132,71,255,.05) 0%,transparent 70%),radial-gradient(circle 420px at 8% 32%,rgba(0,201,177,.06) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{margin:0;color:var(--ink);font-family:var(--font-display);font-style:normal}p{margin:0}em,i{font-style:normal}img,video,canvas{display:block;max-width:100%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;user-select:none;-webkit-user-select:none}a{color:var(--teal-deep);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;color:inherit}input,select{font-family:var(--font-body)}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:var(--r-s)}::selection{background:var(--teal-soft);color:var(--ink)}.display-xl{font-family:var(--font-display);font-weight:700;font-size:clamp(2.75rem,6vw,5rem);line-height:1.02;letter-spacing:-.01em;color:var(--ink)}.display-l{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;color:var(--ink)}.display-m{font-family:var(--font-display);font-weight:600;font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.15;color:var(--ink)}.eyebrow{font-family:var(--font-body);font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.body-strong{font-weight:800;color:var(--ink)}.meta{font-weight:800;font-size:.8125rem}.w-teal{color:var(--teal)}.w-coral{color:var(--coral)}.w-royal{color:var(--royal)}.w-purple{color:var(--purple)}.w-amber{color:var(--amber-deep)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:900;font-size:.9375rem;letter-spacing:.02em;border-radius:var(--r-full);padding:14px 28px;transition:transform var(--t-micro) var(--ease-spring),box-shadow var(--t-micro) var(--ease-spring),background var(--t-hover) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn svg{flex:none}.btn:active{transform:translateY(3px) scale(.96);box-shadow:none}.btn-teal{background:var(--teal);color:var(--paper-white);box-shadow:0 3px 0 var(--teal-deep)}.btn-teal:hover{background:var(--teal-deep)}.btn-teal:active{box-shadow:0 0 0 var(--teal-deep)}.btn-coral{background:var(--coral);color:var(--paper-white);box-shadow:0 3px 0 var(--coral-deep)}.btn-coral:hover{background:var(--coral-deep)}.btn-coral:active{box-shadow:0 0 0 var(--coral-deep)}.btn-purple{background:var(--purple);color:var(--paper-white);box-shadow:0 3px 0 var(--purple-deep)}.btn-purple:hover{background:var(--purple-deep)}.btn-purple:active{box-shadow:0 0 0 var(--purple-deep)}.btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 3px 0 var(--amber-deep)}.btn-amber:hover{background:var(--amber-deep)}.btn-amber:active{box-shadow:0 0 0 var(--amber-deep)}.btn-white{background:var(--paper-white);color:var(--ink);box-shadow:0 3px #1e1b2e1f}.btn-white:hover{background:var(--cream)}.btn-white:active{box-shadow:none}.btn-lg{padding:17px 36px;font-size:1.0625rem}.btn-sm{padding:9px 18px;font-size:.8125rem}.btn[disabled]{opacity:.55;pointer-events:none}.link-quiet{font-weight:800;color:var(--ink-soft);transition:color var(--t-hover) var(--ease-out)}.link-quiet:hover{color:var(--teal-deep)}.chip{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:.75rem;letter-spacing:.02em;border-radius:var(--r-full);padding:5px 12px}.chip-amber{background:var(--amber-soft);color:var(--ink)}.chip-teal{background:var(--teal-soft);color:var(--teal-deep)}.chip-purple{background:var(--purple-soft);color:var(--purple)}.chip-coral{background:var(--coral-soft);color:var(--coral-deep)}.chip-royal{background:var(--royal-soft);color:var(--royal)}.age-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding-inline:8px;border-radius:var(--r-full);background:var(--amber-soft);border:2px solid var(--amber);color:var(--ink);font-weight:900;font-size:.6875rem;letter-spacing:.04em}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rise-in{animation:rise-in var(--t-move) var(--ease-bounce) both}.stagger>*{animation:rise-in var(--t-move) var(--ease-bounce) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.36s}.stagger>*:nth-child(8){animation-delay:.42s}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{animation:page-in .18s var(--ease-out) both;flex:1;display:flex;flex-direction:column}@keyframes float-y{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(240%) skew(-18deg)}}@keyframes hoopoe-wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(105vh) translate(var(--drift, 0)) rotate(640deg);opacity:0}}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(2%)}}@keyframes rank-wobble{0%{transform:rotate(0) scale(1)}30%{transform:rotate(-5deg) scale(1.1)}60%{transform:rotate(3deg) scale(1.05)}to{transform:rotate(0) scale(1)}}@keyframes frame-invite{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-1.8deg)}96%{transform:rotate(1.8deg)}98.5%{transform:rotate(-.9deg)}}.frame-invite{animation:frame-invite 8s var(--ease-out) infinite}@keyframes burst-fly{0%{transform:translate(0) scale(.3) rotate(0);opacity:1}60%{opacity:1}to{transform:translate(var(--bx),var(--by)) scale(1) rotate(var(--br));opacity:0}}.cursor-spark{position:absolute;transform:translate(-50%,-50%);animation:spark-pop .6s var(--ease-out) forwards}@keyframes spark-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-80%) scale(.5)}}@keyframes ken-burns{0%{transform:scale(1) translate(0)}50%{transform:scale(1.12) translate(-1.5%,1%)}to{transform:scale(1) translate(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rise-in,.stagger>*,.page{animation:none;opacity:1;transform:none}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cream-deep);border-radius:var(--r-full);border:2px solid var(--cream)}::-webkit-scrollbar-thumb:hover{background:var(--teal-soft)}[data-theme=vibrant] .chip-teal{color:var(--teal)}[data-theme=vibrant] .chip-coral{color:var(--coral)}[data-theme=vibrant] .chip-amber{color:var(--amber)}[data-theme=vibrant] .rail-arrow,[data-theme=vibrant] .mobile-tab[aria-current=page],[data-theme=vibrant] .link-quiet:hover{color:var(--teal)}[data-theme=vibrant] .hdr-action-search{background:var(--teal-soft);color:var(--teal)}[data-theme=vibrant] .hdr-action-bell{background:var(--amber-soft);color:var(--amber)}[data-theme=vibrant] .hdr-action-bell:hover{background:var(--amber-soft)}