*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#2c3e50,#3498db,#2980b9);font-family:Arial,sans-serif;overflow:hidden}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.shape{position:absolute;background:#ffffff1a;backdrop-filter:blur(5px);border-radius:50%;animation:float 20s infinite ease-in-out}.shape:nth-child(1){width:300px;height:300px;top:-150px;left:-150px}.shape:nth-child(2){width:200px;height:200px;bottom:-100px;right:-100px;animation-delay:-5s}.shape:nth-child(3){width:150px;height:150px;bottom:50%;left:50%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,100px) rotate(90deg)}50%{transform:translate(50px,200px) rotate(180deg)}75%{transform:translate(-100px,100px) rotate(270deg)}}.eyes-container{display:flex;gap:30px;z-index:1;position:relative}.eye{width:120px;height:120px;background:#ffffff1a;border-radius:50%;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 15px 35px #0003,inset 0 0 15px #fff3;position:relative;overflow:hidden}.eye:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:linear-gradient(45deg,#ffffff1a,#ffffff4d);z-index:-1}.pupil{width:50px;height:50px;background:linear-gradient(45deg,#2c3e50,#34495e);border-radius:50%;position:absolute;transition:all .1s ease;box-shadow:0 0 20px #0006,inset 0 0 10px #fff3}.pupil:after{content:"";position:absolute;width:15px;height:15px;background:#fff9;border-radius:50%;top:8px;left:8px}.glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,#fff3,#fff0 70%);pointer-events:none}