:root{--color-bg: #170622;--color-white: #fff;--color-purple: #a43ff4;--color-purple-glow: rgba(164, 63, 244, .4);--color-card-bg: rgba(255, 255, 255, .06);--color-card-border: rgba(255, 255, 255, .1);--color-card-border-hover: rgba(164, 63, 244, .6);--radius-card: 12px;--radius-avatar: 50%;--transition-default: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,sans-serif;color:var(--color-white);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#vanta{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:4rem 1.5rem 3rem}header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem}.avatar{width:120px;height:120px;border-radius:var(--radius-avatar);object-fit:cover;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px #a43ff426,0 0 24px #a43ff433}header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-top:1.25rem}nav{width:100%;max-width:440px}.links{list-style:none;display:flex;flex-direction:column;gap:.875rem}.links li{opacity:0;animation:fade-up .5s ease forwards}.links li:nth-child(1){animation-delay:.1s}.links li:nth-child(2){animation-delay:.2s}.links li:nth-child(3){animation-delay:.3s}.links li:nth-child(4){animation-delay:.4s}.links a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:var(--radius-card);background:var(--color-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-card-border);color:var(--color-white);text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:-.01em;transition:transform var(--transition-default),border-color var(--transition-default),box-shadow var(--transition-default),background var(--transition-default);will-change:transform}.links a:hover{transform:translateY(-2px);border-color:var(--color-card-border-hover);box-shadow:0 4px 20px var(--color-purple-glow);background:#ffffff14}.links a:focus-visible{outline:2px solid var(--color-purple);outline-offset:2px}.links .icon{width:20px;height:20px;flex-shrink:0;fill:currentColor}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.links li{opacity:1}}@media(max-width:480px){main{padding:3rem 1rem 2rem}.avatar{width:100px;height:100px}header h1{font-size:1.3rem}.links a{padding:.75rem 1rem;font-size:.9rem}}