*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333}h1,h2,h3{font-family:Fredoka One,cursive}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:12px 24px;border:none;border-radius:25px;font-family:Nunito,sans-serif;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#feca57);color:#fff}.btn-secondary{background:linear-gradient(45deg,#48cae4,#0077b6);color:#fff}.btn-success{background:linear-gradient(45deg,#06ffa5,#00d4aa);color:#fff}.btn-warning{background:linear-gradient(45deg,#feca57,#ff9ff3);color:#fff}.card{background:white;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){.container{padding:16px}.grid{gap:16px}.btn{padding:10px 20px;font-size:14px}}