*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}button{font:inherit;cursor:pointer}.glass-page{--glass-ink:#0a0503;--glass-paper:#f2f0ea;--glass-ember:#8a2e10;--glass-blue:#1c294a;--glass-violet:#3a2354;--glass-blue-violet:#3a3a7a;--glass-ember-bright:#ff7a33;--glass-red-bright:#ff5c5c;--font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--font-headline:"Cormorant Garamond",serif;--font-subtext:"Inter",sans-serif;min-height:100vh;color:var(--glass-paper);background:var(--glass-ink);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 28 34'%3E%3Cpath d='M3 2 L3 26 L9.5 20.5 L14.5 30.5 L18.5 28.5 L13.5 18.5 L23 18.5 Z' fill='%23f2f0ea' stroke='%23c2491c' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 1.5 1,auto;flex-direction:column;display:flex;position:relative;overflow:hidden}.glass-page button,.glass-page input,.glass-page a,.glass-page [role=button]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 28 30'%3E%3Crect x='6' y='16' width='16' height='12' rx='6' fill='%23f2f0ea' stroke='%23c2491c' stroke-width='1.6'/%3E%3Crect x='1' y='17' width='8' height='6' rx='3' fill='%23f2f0ea' stroke='%23c2491c' stroke-width='1.6'/%3E%3Crect x='6' y='6' width='4' height='13' rx='2' fill='%23f2f0ea' stroke='%23c2491c' stroke-width='1.6'/%3E%3Crect x='11' y='3' width='4' height='16' rx='2' fill='%23f2f0ea' stroke='%23c2491c' stroke-width='1.6'/%3E%3Crect x='16' y='4' width='4' height='15' rx='2' fill='%23f2f0ea' stroke='%23c2491c' stroke-width='1.6'/%3E%3Crect x='21' y='7' width='4' height='12' rx='2' fill='%23f2f0ea' stroke='%23c2491c' stroke-width='1.6'/%3E%3C/svg%3E") 7 7.5,pointer}.glass-page button:active,.glass-page a:active,.glass-page [role=button]:active{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 28 30'%3E%3Crect x='6' y='16' width='16' height='12' rx='6' fill='%23ff7a33'/%3E%3Crect x='1' y='17' width='8' height='6' rx='3' fill='%23ff7a33'/%3E%3Crect x='6' y='6' width='4' height='13' rx='2' fill='%23ff7a33'/%3E%3Crect x='11' y='3' width='4' height='16' rx='2' fill='%23ff7a33'/%3E%3Crect x='16' y='4' width='4' height='15' rx='2' fill='%23ff7a33'/%3E%3Crect x='21' y='7' width='4' height='12' rx='2' fill='%23ff7a33'/%3E%3C/svg%3E") 7 7.5,pointer}.glass-bg{z-index:0;position:absolute;inset:0}.glass-bg-light{background:radial-gradient(85% 90% at 62% 55%, var(--glass-ember-bright) 0%, transparent 62%), radial-gradient(40% 45% at 15% 78%, var(--glass-blue) 0%, transparent 60%), radial-gradient(36% 40% at 85% 15%, var(--glass-violet) 0%, transparent 60%), linear-gradient(180deg,#170a05 0%,#0a0503 55%,#0a0503 100%);filter:url(#glassWave)saturate(1.25)brightness(.85);animation:26s ease-in-out infinite alternate glass-drift;position:absolute;inset:-12%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 11px);mask-image:repeating-linear-gradient(90deg,#000 0 4px,#0000 4px 11px)}.glass-bg-fringe{background:radial-gradient(85% 90% at 62% 55%, var(--glass-ember-bright) 0%, transparent 62%), radial-gradient(40% 45% at 15% 78%, var(--glass-blue) 0%, transparent 60%), radial-gradient(36% 40% at 85% 15%, var(--glass-violet) 0%, transparent 60%);mix-blend-mode:screen;opacity:.35;filter:url(#glassWave)hue-rotate(12deg)saturate(1.5)brightness(.85);animation:26s ease-in-out infinite alternate-reverse glass-drift;position:absolute;inset:-12%;-webkit-mask-image:repeating-linear-gradient(90deg,#0000 0 4px,#000 4px 6px,#0000 6px 11px);mask-image:repeating-linear-gradient(90deg,#0000 0 4px,#000 4px 6px,#0000 6px 11px)}@keyframes glass-drift{0%{transform:translate(-4%,-2%)scale(1.05)rotate(0)}50%{transform:translate(3%,3%)scale(1.12)rotate(1.1deg)}to{transform:translate(-2%,4%)scale(1.08)rotate(-1deg)}}.glass-bg-sweep{background:radial-gradient(circle at 50% 50%, var(--glass-ember-bright) 0%, #ff7a3352 38%, transparent 70%);filter:blur(55px);opacity:.48;pointer-events:none;width:42vw;height:42vw;margin-top:-21vw;margin-left:-21vw;animation:16s linear infinite glass-sweep;position:absolute;top:48%;left:50%}@keyframes glass-sweep{0%{animation-timing-function:ease-in;transform:translate(-28vw)}12.5%{animation-timing-function:linear;transform:translate(-19.8vw,14.1vh)}25%{animation-timing-function:linear;transform:translateY(20vh)}37.5%{animation-timing-function:linear;transform:translate(19.8vw,14.1vh)}50%{animation-timing-function:linear;transform:translate(28vw)}62.5%{animation-timing-function:linear;transform:translate(19.8vw,-14.1vh)}75%{animation-timing-function:linear;transform:translateY(-20vh)}87.5%{animation-timing-function:ease-out;transform:translate(-19.8vw,-14.1vh)}to{transform:translate(-28vw)}}.glass-bg-sweep-blue{background:radial-gradient(circle at 50% 50%, var(--glass-blue-violet) 0%, #3a3a7a4d 38%, transparent 70%);filter:blur(55px);opacity:.22;pointer-events:none;width:34vw;height:34vw;margin-top:-17vw;margin-left:-17vw;animation:16s linear infinite reverse glass-sweep;position:absolute;top:48%;left:50%}.glass-bg-focus{background:radial-gradient(56% 52% at 50% 48%,#0a0503f7 0%,#0a0503eb 34%,#0a05039e 60%,#0000 82%);position:absolute;inset:0}.glass-bg-vignette{background:radial-gradient(120% 90% at 50% 100%,#0a0503eb 0%,#0000 55%),radial-gradient(140% 100% at 50% 0,#0a050399 0%,#0000 45%),linear-gradient(90deg,#0a0503b3 0%,#0000 16% 84%,#0a0503b3 100%);position:absolute;inset:0}.glass-bg-grain{opacity:.4;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.glass-bg-dust{pointer-events:none;position:absolute;inset:0;overflow:hidden}.glass-bg-dust span{background:var(--glass-ember-bright);border-radius:50%;animation-name:glass-dust-rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-10px;box-shadow:0 0 4px 1px #ff7a33b3,0 0 12px 3px #8a2e1073}@keyframes glass-dust-rise{0%{opacity:0;transform:translate(0,0)}10%{opacity:var(--peak)}85%{opacity:var(--peak)}to{transform:translate3d(var(--drift,20px),-112vh,0);opacity:0}}.glass-frame{z-index:1;flex-direction:column;flex:1;padding:26px clamp(20px,4vw,56px) 0;display:flex;position:relative}.glass-topbar{direction:ltr;justify-content:space-between;align-items:center;display:flex}.glass-topbar .brand.compact{padding:0;font-size:20px}.glass-topbar-right{align-items:center;gap:16px;display:flex}.glass-hero{text-align:center;flex-direction:column;align-items:center;max-width:100%;margin:auto;padding:40px clamp(16px,4vw,40px);display:flex;position:relative}.glass-footer{z-index:1;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#f2f0ea80;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:18px 0 26px;font-size:10px;font-weight:500;display:flex;position:relative}@media (max-width:760px){.glass-hero{padding:40px 0 32px}.glass-footer{padding:16px 0 20px}}@media (max-width:480px){.glass-footer{flex-direction:column;align-items:flex-start;gap:6px}}.glass-flipper{perspective:1200px;justify-content:center;align-items:center;min-height:clamp(52px,11vw,130px);margin-bottom:18px;display:flex}.glass-flip{transform-origin:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:0;animation:.75s cubic-bezier(.16,1,.3,1) both glass-flip-in}@keyframes glass-flip-in{0%{opacity:0;filter:blur(6px);transform:rotateX(-88deg)translateY(-14px)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:rotateX(0)translateY(0)}}.glass-flip-ask{font-family:var(--font-headline);letter-spacing:.005em;color:#f2f0eae6;font-size:clamp(28px,6vw,72px);font-style:italic;font-weight:500}.glass-flip-mark{font-family:var(--font-subtext);letter-spacing:-.035em;color:var(--glass-paper);font-size:clamp(30px,7vw,86px);font-weight:700}.glass-flip-mark span{color:var(--glass-ember-bright)}.glass-headline{letter-spacing:-.03em;color:var(--glass-paper);white-space:nowrap;margin:0 0 18px;font-size:clamp(30px,8.5vw,108px);line-height:.98;animation:10s linear infinite glass-headline-flicker}.glass-headline.glass-flip{margin:0;animation:.75s cubic-bezier(.16,1,.3,1) both glass-flip-in,10s linear .75s infinite glass-headline-flicker}@keyframes glass-headline-flicker{0%{opacity:.08}.4%{opacity:1}.7%{opacity:.1}1.1%{opacity:1}1.4%{opacity:.15}1.8%{opacity:1}2.1%{opacity:.2}2.5%{opacity:1}3.3%{opacity:.35}4.2%{opacity:1}5.2%{opacity:.5}6.4%{opacity:1}7%{opacity:.75}8.5%{opacity:1}to{opacity:1}}.glass-headline em{font-family:var(--font-headline);font-style:normal;font-weight:700}.glass-headline .glass-hollow{font-family:var(--font-headline);color:#0000;-webkit-text-stroke:1px var(--glass-paper);paint-order:stroke;font-weight:700}.glass-tagline{max-width:48ch;font-family:var(--font-subtext);letter-spacing:-.005em;color:#ffffffbd;text-wrap:pretty;margin:0 0 30px;font-size:clamp(16px,1.4vw,19px);font-weight:400;line-height:1.62}.glass-lang{align-items:center;display:flex;position:relative}.glass-lang-icon{width:40px;height:40px;color:var(--glass-paper);-webkit-backdrop-filter:blur(14px)saturate(160%);background:#ff7a3324;border:1px solid #ff965a73;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:opacity .28s,transform .28s,color .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 0 4px #ff7a3314,0 4px 14px #8a2e104d}.glass-lang-icon svg{fill:currentColor;width:21px;height:21px}.glass-lang-icon:hover{background:#ff7a3338;border-color:#ffaa6ebf;box-shadow:0 0 0 5px #ff7a3324,0 6px 18px #8a2e1066}.glass-lang-panel{-webkit-backdrop-filter:blur(16px)saturate(170%);opacity:0;pointer-events:none;white-space:nowrap;direction:ltr;background:#140a06bf;border:1px solid #f2f0ea38;border-radius:999px;align-items:center;gap:2px;padding:3px;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)scale(.94)}.glass-lang.is-open .glass-lang-panel,.glass-lang:hover .glass-lang-panel,.glass-lang:focus-within .glass-lang-panel{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.glass-lang.is-open .glass-lang-icon,.glass-lang:hover .glass-lang-icon,.glass-lang:focus-within .glass-lang-icon{opacity:0;pointer-events:none;transform:scale(.9)}.glass-lang-thumb{background:linear-gradient(135deg,#ff7a33f2,#ffb566d9);border-radius:999px;width:calc(50% - 4px);transition:transform .32s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 2px 10px #ff7a3359}.glass-lang-panel[data-lang=ar] .glass-lang-thumb{transform:translate(calc(100% + 2px))}.glass-lang-opt{z-index:1;min-width:46px;font-family:var(--font-mono);letter-spacing:.1em;color:#f2f0ea6b;background:0 0;border:0;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:600;transition:color .25s;position:relative}.glass-lang-opt.is-active{color:#1a0a03}.glass-lang-opt:not(.is-active):hover{color:#f2f0eab3}.glass-lang-opt:last-child{letter-spacing:0;font-family:Segoe UI,Noto Naskh Arabic,Tahoma,sans-serif;font-size:12px}.glass-cta{color:var(--glass-ink);background:var(--glass-paper);border:0;border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:700;transition:background .3s,box-shadow .3s,transform .2s;display:inline-flex}.glass-cta:hover{background:linear-gradient(135deg,#fff 0%,#ffe0c2 55%,#ffb066 100%);transform:translateY(-2px);box-shadow:0 0 0 6px #ff7a3340,0 10px 26px #8a2e1073}.glass-quiz{text-align:left;width:100%;max-width:380px;margin:0 auto;position:relative}.glass-quiz-halo{pointer-events:none;z-index:0;border-radius:22px;position:absolute;inset:-4px;overflow:hidden}.glass-quiz-halo:before{content:"";filter:blur(8px);mix-blend-mode:screen;background:conic-gradient(#ff7a3326 0deg 60deg,#ff7a33f2 90deg,#ffb56680 115deg,#ff7a3326 140deg 360deg);animation:5s linear infinite glass-quiz-halo-spin;position:absolute;inset:-60%}@keyframes glass-quiz-halo-spin{to{transform:rotate(360deg)}}.glass-quiz-inner{z-index:1;background:var(--glass-ink);border-radius:18px;padding:16px;position:relative}.glass-quiz-progress{background:#f2f0ea26;border-radius:999px;height:4px;margin-bottom:22px;overflow:hidden}.glass-quiz-progress span{background:linear-gradient(90deg, var(--glass-ember-bright), var(--glass-blue-violet));border-radius:999px;height:100%;transition:width .35s cubic-bezier(.16,1,.3,1);display:block}.glass-quiz-form{flex-direction:column;gap:12px;display:flex}.glass-quiz-step{transform-origin:top;flex-direction:column;gap:12px;animation:.5s cubic-bezier(.16,1,.3,1) both glass-quiz-step-in;display:flex}@keyframes glass-quiz-step-in{0%{opacity:0;filter:blur(8px);transform:scaleY(.6)translateY(-6px)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scaleY(1)translateY(0)}}.glass-quiz-form input{width:100%;color:var(--glass-paper);background:#f2f0ea0f;border:1px solid #f2f0ea4d;border-radius:12px;padding:13px 16px;font-size:14px}.glass-quiz-form input::placeholder{color:#f2f0ea80}.glass-quiz-form input:focus{border-color:#ff7a33b3;outline:0;box-shadow:0 0 0 3px #ff7a332e}.glass-error{color:var(--glass-red-bright);margin:-4px 0 0;font-size:12px}.glass-quiz-actions{align-items:center;gap:10px;margin-top:2px;display:flex}.glass-quiz-back{color:var(--glass-paper);-webkit-backdrop-filter:blur(14px)saturate(160%);background:#f2f0ea14;border:1px solid #f2f0ea4d;border-radius:999px;padding:11px 20px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s}.glass-quiz-back:hover{background:#f2f0ea29;border-color:#f2f0ea80}.glass-quiz-next{color:var(--glass-ink);background:var(--glass-paper);border:0;border-radius:999px;align-items:center;gap:10px;margin-inline-start:auto;padding:11px 22px;font-size:14px;font-weight:700;transition:background .3s,box-shadow .3s,transform .2s;display:inline-flex}.glass-quiz-next:hover{background:linear-gradient(135deg,#fff 0%,#ffe0c2 55%,#ffb066 100%);transform:translateY(-2px);box-shadow:0 0 0 6px #ff7a3340,0 10px 26px #8a2e1073}.glass-quiz-quote{z-index:1;font-family:var(--font-headline);letter-spacing:.01em;color:#f2f0ea6b;margin:16px 0 0;font-size:13px;font-style:italic;position:relative}.glass-success{z-index:1;text-align:center;color:var(--glass-paper);border:1px solid #f2f0ea4d;border-radius:12px;margin:0;padding:14px 24px;font-size:16px;font-weight:600;display:inline-block;position:relative}.glass-trust{z-index:1;letter-spacing:.03em;color:#f2f0ea80;margin:18px 0 0;font-size:11px;position:relative}.glass-page.is-rtl{--font-headline:"Noto Naskh Arabic","Amiri","Segoe UI",serif;--font-subtext:"Noto Kufi Arabic","Segoe UI",Tahoma,sans-serif}.glass-page.is-rtl .glass-headline{letter-spacing:0;white-space:normal;line-height:1.18}.glass-page.is-rtl .glass-hollow{-webkit-text-stroke-width:.75px}.glass-page.is-rtl .glass-tagline{letter-spacing:0;line-height:1.85}.glass-page.is-rtl .glass-flip-ask{letter-spacing:0;font-style:normal}.glass-page.is-rtl .glass-quiz{text-align:right}.glass-page.is-rtl .glass-quiz-progress{direction:rtl}@media (prefers-reduced-motion:reduce){.glass-bg-light,.glass-bg-fringe,.glass-bg-sweep,.glass-bg-sweep-blue,.glass-bg-dust span,.glass-flip,.glass-headline,.glass-headline.glass-flip,.glass-quiz-step,.glass-quiz-halo:before{animation:none}}