.hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex;position:relative}.hero-title{letter-spacing:-.02em;color:#fff;text-shadow:0 0 30px #be96ffe6,0 0 80px #9664ff80,0 0 140px #7850dc4d;font-size:clamp(5rem,18vw,14rem);font-weight:900;line-height:1;animation:2s ease-out forwards animate-glow}.hero-sub{color:#d2b9ffe6;letter-spacing:clamp(.05em,2vw,.4em);text-shadow:0 0 20px #b48cff99;word-break:keep-all;padding:0 1rem;font-size:clamp(.9rem,2.5vw,1.3rem);animation:1.6s ease-out .6s both fade-up}.hero-credit{color:#aa91d28c;letter-spacing:.25em;text-shadow:none;font-size:.8rem;animation:1.6s ease-out 1s both fade-up}.scroll-hint{color:#c8afff73;text-shadow:none;margin-top:2.5rem;font-size:1.2rem;animation:1.6s ease-out 1.4s both fade-up,2.5s ease-in-out 2s infinite bob}.cloud-particle{filter:blur(24px);z-index:2;width:calc(80px + var(--n) * 35px);height:calc(50px + var(--n) * 22px);left:calc(var(--n) * 8% - 2%);top:calc(10% + var(--n) * 6%);animation:float-cloud calc(9s + var(--n) * 1.5s) ease-in-out infinite;animation-delay:calc(var(--n) * -1.2s);background:radial-gradient(circle,#d2b9ff1f 0%,#0000 70%);border-radius:50%;position:absolute}@keyframes float-cloud{0%,to{opacity:.35;transform:translateY(0)translate(0)}40%{opacity:.65;transform:translateY(-28px)translate(12px)}70%{opacity:.25;transform:translateY(14px)translate(-8px)}}.nav-section{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:5rem 2rem 6rem;display:flex}.nav-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-shadow:none;background:#a082dc12;border:1px solid #bea0ff2e;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 2.5rem;text-decoration:none;transition:background .3s,border-color .3s,transform .3s;display:flex}.nav-card:hover{background:#a082dc29;border-color:#bea0ff66;transform:translateY(-5px)}.nav-card-title{color:#e6d2fff2;letter-spacing:.12em;font-size:1.1rem;font-weight:700}.nav-card-desc{color:#b9a0e1a6;letter-spacing:.05em;font-size:.8rem}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}