*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:url(images/background.jpg) center/cover fixed no-repeat;height:100vh;overflow:hidden}body:before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.45);transition:.4s;pointer-events:none}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;z-index:2}.small{letter-spacing:.8rem;font-size:1.1rem;margin-bottom:10px}#aryannTitle{font-size:clamp(4rem,10vw,8rem);cursor:pointer;transition:.35s;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.5)}body.active:before{backdrop-filter:blur(8px);background:rgba(0,0,0,.6)}#aryannTitle.hover{color:#2ea8ff;text-shadow:0 0 15px rgba(46,168,255,.8),0 0 35px rgba(46,168,255,.4)}.hover-card{position:fixed;left:50%;top:50%;transform:translate(-50%,-40%) scale(.9);opacity:0;pointer-events:none;transition:.35s;z-index:5}.hover-card.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.glass{background:rgba(15,18,30,.55);backdrop-filter:blur(16px);padding:24px;border-radius:22px;border:1px solid rgba(80,170,255,.3);box-shadow:0 20px 60px rgba(0,0,0,.5);text-align:center;color:#fff}.portrait{width:280px;border-radius:18px;display:block;margin:auto}.glass h2{margin:18px 0 8px}.glass p{letter-spacing:.2rem;color:#d8e8ff}