.intro-root{--mx:50%;--my:45%;--rx:0deg;--ry:0deg;position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#0f1b2d 0,#0b1220 55%,#070b14 100%);color:#fff;transition:opacity .6s ease,transform .6s ease,filter .6s ease}.intro-root[data-phase=leaving]{opacity:0;transform:scale(1.04);filter:blur(6px);pointer-events:none}.intro-aurora span{position:absolute;width:55vmax;height:55vmax;border-radius:9999px;filter:blur(80px);opacity:0;animation:intro-aurora-in 1.6s ease forwards,intro-drift 14s ease-in-out infinite alternate}.intro-aurora span:first-child{background:#c9a24a;top:-20vmax;inset-inline-start:-15vmax;animation-delay:0s,0s}.intro-aurora span:nth-child(2){background:#2563eb;bottom:-25vmax;inset-inline-end:-10vmax;animation-delay:.2s,-4s}.intro-aurora span:nth-child(3){background:#f5c842;width:30vmax;height:30vmax;top:30%;inset-inline-end:18%;animation-delay:.5s,-8s}@keyframes intro-aurora-in{to{opacity:.28}}@keyframes intro-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(4vmax,-3vmax,0) scale(1.15)}}.intro-glow{position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(45,212,191,.16),transparent 60%);pointer-events:none}.intro-star{position:absolute;width:var(--s);height:var(--s);border-radius:9999px;background:#fff;opacity:0;animation:intro-twinkle var(--d) ease-in-out var(--delay) infinite}@keyframes intro-twinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:var(--o);transform:scale(1)}}.intro-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.5rem;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out}.intro-logo-wrap{position:relative;width:11rem;height:11rem;display:grid;place-items:center;cursor:pointer}.intro-ring{position:absolute;inset:-.6rem;width:calc(100% + 1.2rem);height:calc(100% + 1.2rem);transform:rotate(-90deg)}.intro-ring circle{fill:none;stroke:url(#intro-ring-grad);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:intro-ring-draw 1.4s cubic-bezier(.65,0,.35,1) .3s forwards}@keyframes intro-ring-draw{to{stroke-dashoffset:0}}.intro-logo{width:100%;height:100%;object-fit:contain;opacity:0;filter:blur(14px) drop-shadow(0 0 0 rgba(45,212,191,0));transform:scale(.55) rotate(-8deg);animation:intro-logo-in 1.1s cubic-bezier(.16,1,.3,1) .6s forwards,intro-logo-float 4s ease-in-out 1.8s infinite alternate}@keyframes intro-logo-in{to{opacity:1;filter:blur(0) drop-shadow(0 8px 28px rgba(45,212,191,.35));transform:scale(1) rotate(0)}}@keyframes intro-logo-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.intro-shoot{position:absolute;top:18%;inset-inline-start:-10%;width:7rem;height:2px;border-radius:9999px;background:linear-gradient(90deg,transparent,#f5c842);opacity:0;transform:translateX(0) rotate(18deg);animation:intro-shoot 1s ease-in 1.5s forwards}[dir=rtl] .intro-shoot{background:linear-gradient(270deg,transparent,#f5c842);transform:rotate(-18deg);animation-name:intro-shoot-rtl}@keyframes intro-shoot{0%{opacity:0;transform:translateX(0) rotate(18deg)}15%{opacity:1}to{opacity:0;transform:translateX(26rem) rotate(18deg)}}@keyframes intro-shoot-rtl{0%{opacity:0;transform:translateX(0) rotate(-18deg)}15%{opacity:1}to{opacity:0;transform:translateX(-26rem) rotate(-18deg)}}.intro-word{margin-top:1.75rem;display:flex;gap:.18em;font-size:2.6rem;font-weight:800;line-height:1.1;background:linear-gradient(90deg,#e3c575,#60a5fa 55%,#f5c842);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em}.intro-word[data-script=ar]{letter-spacing:0;gap:0;font-size:3.2rem;font-weight:700;line-height:1.5;padding-block:.1em}.intro-letter,.intro-word-run{display:inline-block;opacity:0;transform:translateY(14px);filter:blur(6px);animation:intro-rise .7s cubic-bezier(.16,1,.3,1) forwards}.intro-letter{animation-delay:calc(1.55s + var(--i) * 70ms)}.intro-word-run{animation-delay:1.55s}@keyframes intro-rise{to{opacity:1;transform:translateY(0);filter:blur(0)}}.intro-tag{margin-top:.6rem;font-size:.95rem;color:#9ca3af;opacity:0;animation:intro-fade .8s ease 2.3s forwards}@keyframes intro-fade{to{opacity:1}}.intro-progress{margin-top:2.2rem;width:14rem;height:3px;border-radius:9999px;background:rgba(255,255,255,.08);overflow:hidden;opacity:0;animation:intro-fade .4s ease 2.4s forwards}.intro-progress span{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#c9a24a,#60a5fa,#f5c842);transform:scaleX(0);transform-origin:left center;animation:intro-load 1.5s cubic-bezier(.4,0,.2,1) 2.45s forwards}[dir=rtl] .intro-progress span{transform-origin:right center}@keyframes intro-load{to{transform:scaleX(1)}}.intro-hint{margin-top:.7rem;font-size:.75rem;color:#6b7280;opacity:0;animation:intro-fade .6s ease 2.5s forwards}.intro-spark{position:absolute;top:50%;inset-inline-start:50%;width:10px;height:10px;margin:-5px;background:#f5c842;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;animation:intro-spark .9s ease-out forwards;animation-delay:calc(var(--k) * 25ms)}@keyframes intro-spark{0%{opacity:1;transform:translate(0) scale(.4) rotate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1.4) rotate(180deg)}}.intro-skip{position:absolute;bottom:1.5rem;inset-inline-end:1.5rem;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:9999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#d1d5db;font-size:.8rem;backdrop-filter:blur(8px);opacity:0;animation:intro-fade .5s ease .5s forwards;transition:background .2s,color .2s}.intro-skip:hover{background:rgba(255,255,255,.14);color:#fff}.intro-skip:focus-visible{outline:2px solid #e3c575;outline-offset:2px}@media (prefers-reduced-motion:reduce){.intro-root,.intro-root *{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important}}