#name,body{overflow:hidden}#name,h2{margin-bottom:10px}.contact a,body{color:#0fc;display:flex}#name,.contact,.contact a,.content,body{display:flex}footer,h2{color:#fff}body,footer{text-align:center}.content,footer{z-index:1;position:relative}.content,body,footer{position:relative}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;font-family:Poppins,sans-serif;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.content{padding:20px 40px;flex-direction:column;justify-content:center;height:100vh;place-items:center;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.06);border-radius:12px;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);box-shadow:0 6px 22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.02);transition:transform 220ms,box-shadow 220ms;will-change:transform}h2{font-size:2rem}#name{font-size:2.5rem;font-weight:700;border-right:3px solid #0fc;white-space:nowrap}#name.glow{border-right:none;animation:1.5s ease-in-out infinite alternate glowPulse}@keyframes glowPulse{from{text-shadow:0 0 4px #0fc}to{text-shadow:0 0 10px #0fc,0 0 3px #0fc}}.subtitle{font-size:1.2rem;color:#ccc;margin-bottom:20px}.contact{gap:25px;justify-content:center;margin-top:20px;margin-bottom:40px;flex-wrap:wrap}.contact a{text-decoration:none;align-items:center;gap:8px;transition:.3s}.contact a:hover{color:#fff;text-shadow:0 0 10px #0fc}.contact svg{width:18px;height:18px;fill:#00ffcc}footer{font-size:.85rem;margin-top:auto;padding:15px}@media (max-width:768px){h2{font-size:1rem}#name{font-size:1.5rem}.contact a,.subtitle{font-size:.9rem}.contact{gap:15px}}