.intro{z-index:200;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro.done{animation:introOut .9s var(--ease) forwards}@keyframes introOut{to{opacity:0;visibility:hidden;transform:scale(1.04)}}.intro-glow{filter:blur(30px);opacity:0;width:680px;height:680px;animation:introGlow 2.2s var(--ease) forwards;background:radial-gradient(closest-side,#41df9738,#0000 70%);border-radius:50%;position:absolute}@keyframes introGlow{0%{opacity:0;transform:scale(.6)}40%{opacity:1}to{opacity:.7;transform:scale(1.1)}}.intro-mark{font-family:var(--disp);letter-spacing:-.02em;color:var(--accent);font-size:54px;font-weight:800;position:relative}.intro-mark span{opacity:0;filter:blur(8px);animation:markIn .7s var(--ease) forwards;display:inline-block;transform:translateY(18px)}.intro-mark span:first-child{animation-delay:.15s}.intro-mark span:nth-child(2){animation-delay:.24s}.intro-mark span:nth-child(3){animation-delay:.33s}.intro-mark span:nth-child(4){animation-delay:.42s}.intro-mark span:nth-child(5){animation-delay:.51s}@keyframes markIn{to{opacity:1;filter:blur();transform:none}}.intro-mark .shine{background:linear-gradient(105deg,#0000 38%,#ffffffe6 50%,#0000 62%) 130% 0/260% 100%;color:#0000;-webkit-text-fill-color:transparent;pointer-events:none;animation:shine 1.15s var(--ease) .9s forwards;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes shine{to{background-position:-60% 0}}.intro-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:0;height:2px;animation:lineGrow 1.5s var(--ease) .5s forwards;opacity:.7;position:absolute;bottom:calc(50% - 70px);left:50%;transform:translate(-50%)}@keyframes lineGrow{to{width:180px}}