.intro-cover{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:clamp(460px,72svh,720px);width:calc(100% - 48px);max-width:calc(var(--max) - 48px);margin:0 auto 28px;padding:0;overflow:hidden;border:1px solid #eaffcf30;border-radius:18px;background:radial-gradient(ellipse 60% 85% at 20% 40%,#5b753930,transparent 76%),radial-gradient(ellipse 50% 80% at 88% 60%,#24557855,transparent 76%),#101a1399;box-shadow:inset 0 1px #ffffff20,0 20px 55px #0003}
.intro-cover__name{position:absolute;left:50%;top:43%;translate:-50% -50%;margin:0;font-family:var(--display);font-size:clamp(50px,13vw,180px);font-weight:400;line-height:1.4;letter-spacing:-.055em;white-space:nowrap;color:#eaffcf13;user-select:none;pointer-events:none;z-index:-1}
.intro-cover__symbol{position:relative;width:clamp(220px,28vw,380px);height:auto;filter:drop-shadow(0 18px 38px #0007);transform:perspective(1100px) translate3d(var(--cover-x,0px),calc(var(--cover-y,0px) + var(--cover-scroll,0px)),0) rotateX(var(--cover-rx,0deg)) rotateY(var(--cover-ry,0deg)) scale(var(--cover-scale,1));transition:transform .25s ease;pointer-events:none}
.intro-cover__symbol img{width:100%;height:auto}
.intro-cover__field{position:absolute;inset:5% 10%;width:80%;height:90%;fill:none;stroke:#d7ff471c;stroke-width:1;z-index:-2;pointer-events:none}
.intro-cover::before{content:"";position:absolute;left:50%;top:48%;translate:-50% -50%;width:65%;height:75%;z-index:-1;background:radial-gradient(ellipse,#d7ff4710,transparent 65%);pointer-events:none}
.intro-cover::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(330px circle at var(--cover-light-x,50%) var(--cover-light-y,45%),#d7ff470d,transparent 72%)}
.intro-cover__footer{position:absolute;left:40px;right:40px;bottom:28px;display:flex;justify-content:space-between;align-items:end;gap:24px;border-top:1px solid #e6f4db26;padding-top:20px}
.intro-cover__footer p{font-family:var(--body);font-size:16px;line-height:1.65;color:var(--mute);max-width:35ch}
.intro-cover__next{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;color:var(--text);flex:none;transition:color .2s ease}
.intro-cover__next span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7ff4740;background:#d7ff4708;border-radius:50%;color:var(--lime);font-size:18px}
.intro-cover__next:hover{color:var(--lime)}
@keyframes cover-entry{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.intro-cover__symbol{animation:cover-entry .9s ease both}.intro-cover__footer{animation:cover-entry .7s ease .15s both}}
@media(hover:hover) and (pointer:fine){.intro-cover:hover::after{opacity:1}}
@media(max-width:760px){.intro-cover{width:calc(100% - 32px);height:clamp(430px,62svh,570px);border-radius:14px;margin-bottom:20px}.intro-cover__name{font-size:clamp(43px,12.5vw,88px);top:39%}.intro-cover__symbol{width:clamp(210px,47vw,290px);margin-top:-55px}.intro-cover__field{inset:8% 5%;width:90%;height:78%}.intro-cover__footer{left:24px;right:24px;bottom:20px;align-items:flex-start;flex-direction:column;gap:12px;padding-top:16px}.intro-cover__footer p{font-size:15px;max-width:28ch}.intro-cover__next{font-size:13px;gap:10px}.intro-cover__next span{width:30px;height:30px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.intro-cover__symbol{transform:none!important}.intro-cover::after{display:none}.intro-cover__symbol,.intro-cover__footer{animation:none!important;transition:none!important}}