*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{max-width:1200px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 20px #0000001a}header{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:3rem 2rem;text-align:center}header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;opacity:.9;font-weight:300}main{padding:2rem}.hero{text-align:center;margin-bottom:3rem;padding:2rem;background:#f8f9fa;border-radius:10px;border-left:5px solid #ff6b6b}.hero h2{font-size:2rem;color:#2c3e50;margin-bottom:1rem}.hero p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.content{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid #ff6b6b;padding-bottom:.5rem}.card p{margin-bottom:1rem;color:#555}.card ul{list-style:none;padding-left:0}.card li{border-left:3px solid #ff6b6b;padding:.5rem 0 .5rem 1rem;margin-bottom:.5rem;background:#f8f9fa;border-radius:0 5px 5px 0}.card li strong{color:#2c3e50}footer{background:#2c3e50;color:#fff;text-align:center;padding:2rem;margin-top:2rem}footer p{opacity:.8;font-size:.9rem}.joke-link{color:#ff6b6b;text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:2px solid transparent}.joke-link:hover{color:#ee5a24;border-bottom-color:#ff6b6b;transform:translateY(-1px)}@media (max-width: 768px){header h1{font-size:2rem}.subtitle{font-size:1rem}.hero h2{font-size:1.5rem}.content{grid-template-columns:1fr;gap:1rem}.card{padding:1.5rem}main{padding:1rem}}.card{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.card.visible{opacity:1;transform:translateY(0)}