*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);background-attachment:fixed;color:#fff}a{color:#00ffc8;text-decoration:none}.app{display:flex;flex-direction:column;align-items:center;padding:40px 20px}.animated-header{text-align:center;animation:bounceIn 1.5s ease}.animated-header h1{font-size:2.8rem;margin-bottom:10px;background:linear-gradient(90deg,#00f2ff,#ff00c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,255,255,.3)}.subtext{font-size:1.05rem;color:#ccc;text-shadow:0 0 6px rgba(255,255,255,.2)}.content{display:flex;flex-direction:column;gap:40px;margin-top:30px;width:100%;max-width:700px}.card{background:#ffffff12;border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 30px #0006;transition:all .4s ease;transform-style:preserve-3d;position:relative}.cards:hover{transform:perspective(1000px) rotateY(4deg) scale(1.02);box-shadow:0 20px 50px #00ffc84d}.card h2,.card h3{margin-top:0;color:#00ffe1;text-shadow:0 0 8px rgba(0,255,255,.3)}.highlight{font-size:1.6rem;color:#ffee80;font-weight:700;text-shadow:0 0 8px #ffee80aa;margin-bottom:15px}.visitor-list{list-style:none;padding:0}.visitor-list li{margin-bottom:15px;border-bottom:1px dashed rgba(255,255,255,.2);padding-bottom:10px;color:#d4f7ff}.visitor-list li:hover{background:#ffffff0d;border-radius:10px;padding:10px;transition:.3s}.footer{margin-top:50px;font-size:.95rem;opacity:.7;animation:fadeIn 2s ease;text-align:center;color:#ccc}@keyframes bounceIn{0%{transform:scale(.5) translateY(-50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pop{animation:bounceIn 1.2s ease}.animate-fade{animation:fadeIn 1.5s ease}