.dot-grid{opacity:.5;background-image:radial-gradient(circle,#6d5acd59 1px,#0000 1px);background-size:28px 28px;animation:6s ease-in-out infinite alternate dotPulse;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 100%)}@keyframes dotPulse{0%{opacity:.35;background-size:28px 28px}to{opacity:.55;background-size:30px 30px}}.hero-glow{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#6d5acd2e 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite alternate glowFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowFloat{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:.9;transform:translate(-50%,-48%)scale(1.15)}}.decrypt{font-family:var(--font-mono),monospace}.particle{background:#a78bfa99;border-radius:50%;animation:linear infinite alternate particleDrift;position:absolute;box-shadow:0 0 6px #a78bfa66}@keyframes particleDrift{0%{opacity:.1;transform:translate(0)scale(1)}25%{opacity:.5}50%{opacity:.3;transform:translate(30px,-40px)scale(1.3)}75%{opacity:.6}to{opacity:.15;transform:translate(-20px,30px)scale(.8)}}.hero-orbit{pointer-events:none;border:1px solid #6d5acd14;border-radius:50%;width:600px;height:600px;animation:30s linear infinite orbitSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orbit:before,.hero-orbit:after{content:"";background:#a78bfa80;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 10px #a78bfa4d}.hero-orbit:before{top:-3px;left:50%;transform:translate(-50%)}.hero-orbit:after{bottom:-3px;left:50%;transform:translate(-50%)}@keyframes orbitSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}
.about-avatar{filter:none;clip-path:circle(50%);background-image:url(/me.png);background-position:50% 30%;background-size:cover;border:2px solid #6d5acd4d;width:140px;height:140px;transition:filter .5s,border-color .5s}.about-avatar:hover{filter:none;border-color:#6d5acd99}.dock{gap:12px;display:flex}.dock a{font-size:.8rem;font-family:var(--font-mono),monospace;letter-spacing:.05em;color:#9ca3af;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;transition:all .3s;display:flex}.dock a:hover{color:#a78bfa;background:#6d5acd1f;border-color:#6d5acd4d;transform:translateY(-4px)}