body,html{overflow-x:hidden}img{max-width:100%;height:auto}@media (max-width:768px){header{height:auto!important;min-height:100vh}header .relative{padding-top:100px!important}header h1{font-size:32px!important;line-height:1.3!important}header p{font-size:14px!important}header .flex.gap-6{flex-direction:column;gap:12px!important}header .grid{grid-template-columns:1fr!important;margin-top:30px}}@media (max-width:768px){nav ul{display:none}nav a{font-size:14px}}@media (max-width:768px){h1{font-size:28px!important}h2{font-size:24px!important}}@media (max-width:768px){.grid.md\\:grid-cols-3{grid-template-columns:1fr!important}.grid.md\\:grid-cols-4{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.md\\:flex-row{flex-direction:column!important}.md\\:w-1\\/2{width:100%!important}.md\\:w-1\\/2 img{height:250px!important;object-fit:cover}}@media (max-width:768px){.flex.flex-wrap{justify-content:center}.w-64{width:100%!important;max-width:300px}}@media (max-width:768px){.grid.md\\:grid-cols-3{grid-template-columns:1fr!important}}@media (max-width:768px){.md\\:flex-row{flex-direction:column!important}.md\\:w-\\[320px\\]{width:100%!important}}@media (max-width:768px){.grid.md\\:grid-cols-3{grid-template-columns:1fr!important}}@media (max-width:768px){.grid.md\\:grid-cols-2{grid-template-columns:1fr!important}}@media (max-width:768px){.fixed.bottom-0{flex-direction:column!important;gap:10px;text-align:center;padding:12px!important}.fixed.bottom-0 button{width:100%}}@media (max-width:768px){#quizSection{padding:20px 10px!important}#quizCard{padding:20px!important}#question{font-size:16px!important}#options div{font-size:14px;padding:12px!important}}@media (max-width:768px){form input{font-size:14px}form button{width:100%}}@media (max-width:768px){footer .grid{grid-template-columns:1fr!important;text-align:center}}