*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}#root{max-width:800px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:3rem;box-shadow:0 8px 32px #0000001a}h1{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em}p{font-size:1.5rem;color:#555;margin-bottom:1rem;text-align:center}span[role=img]{display:inline-block;transition:transform .3s ease;cursor:pointer}span[role=img]:hover{transform:scale(1.2) rotate(10deg)}@media (max-width: 768px){body{padding:1rem}#root{padding:2rem}h1{font-size:2rem}}