*{box-sizing:content-box;margin:0;padding:0}body{background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;overflow:hidden}#canvas{position:absolute;width:100vw;height:100vh}#name{position:absolute;top:calc(50% - 5rem);width:100vw;font-size:clamp(3rem,10vw,10rem);font-weight:900;text-align:center;background:linear-gradient(135deg,#000,#000,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(0,0,0,.2));letter-spacing:-.02em;transition:filter .3s ease}#name:hover{filter:drop-shadow(0 4px 20px rgba(0,0,0,.5)) drop-shadow(0 0 60px rgba(0,0,0,.3))}#links{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;justify-content:center;align-items:center;padding:1rem 1.5rem}.link{position:relative;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;font-size:.95rem;font-weight:700;color:#000000d9;letter-spacing:.02em;text-transform:lowercase;background:#0000000d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50px;border:1px solid rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000026,#0000000d);opacity:0;transition:opacity .3s ease;border-radius:50px}.link:hover{color:#000;background:#0000001f;border-color:#00000040;transform:translateY(-2px);box-shadow:0 8px 20px #00000026,inset 0 1px #ffffff1a}.link:hover:before{opacity:1}.link:active{transform:translateY(0);box-shadow:0 4px 10px #0000001a}@media(max-width:768px){#links{flex-wrap:wrap;bottom:2rem;max-width:90vw}.link{font-size:.85rem;padding:.6rem 1.2rem}}