{margin:0;padding:0}html,body{overflow:hidden;background-color:#000}.webgl{position:fixed;top:0;left:0;outline:none}.intro-box{position:absolute;top:50%;right:10%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e;padding:30px;border-radius:15px;color:#fff;font-family:sans-serif;max-width:300px;opacity:0;pointer-events:none}.intro-box h1{font-size:1.5rem;margin-bottom:10px;color:#f0f0f0}.intro-box p{font-size:1rem;margin-bottom:25px;line-height:1.5;color:#ccc}.linkedin-link{display:inline-block;padding:10px 20px;background:linear-gradient(90deg,#0077b5,#00a0dc);color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:transform .2s,box-shadow .2s}.linkedin-link:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0077b566}@media(max-width:768px){.intro-box{inset:auto 5% 5%;max-width:none;padding:20px}.intro-box h1{font-size:1.3rem}.intro-box p{font-size:.95rem;margin-bottom:20px}.linkedin-link{display:block;text-align:center}}