body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#f4f4f4;color:#333;box-sizing:border-box}header{background:linear-gradient(to right,#6a11cb,#2575fc);color:#fff;padding:20px 0}nav{display:flex;justify-content:space-between;align-items:center;width:90%;margin:0 auto}.logo h1{font-weight:600;font-size:24px}.nav-links{list-style:none;display:flex;gap:20px;flex-wrap:wrap}.nav-links li{display:inline}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#ffef82}.login-button{background-color:#ffef82;color:#333!important;padding:10px 20px;border-radius:20px;font-weight:600;transition:background-color .3s ease,color .3s ease}.login-button:hover{background-color:#fff;color:#6a11cb}.hero-section{display:flex;flex-direction:column-reverse;align-items:center;padding:40px 0;width:90%;margin:0 auto;text-align:center}.hero-content{max-width:100%;margin-bottom:20px}.hero-content h2{font-size:28px;font-weight:600;margin-bottom:20px}.hero-content p{font-size:16px;margin-bottom:20px}.cta-button{background-color:#ffef82;color:#333;padding:12px 25px;border-radius:30px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .3s ease,color .3s ease}.cta-button:hover{background-color:#fff;color:#6a11cb}.hero-image img{width:100%;max-width:300px;height:auto;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1)}.features-section{background-color:#fff;padding:40px 0;text-align:center}.features-section h3{font-size:24px;margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;width:90%;margin:0 auto}.feature-box{background-color:#f9f9f9;padding:20px;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.feature-box:hover{transform:translateY(-5px)}.feature-box h4{font-size:20px;margin-bottom:10px}footer{background-color:#333;color:#fff;text-align:center;padding:20px 0;margin-top:50px}footer p{margin:0}@media (min-width:768px){.hero-section{flex-direction:row;justify-content:space-between;text-align:left}.hero-content{max-width:50%;margin-bottom:0}.hero-image img{max-width:400px}.features-grid{grid-template-columns:repeat(3,1fr)}.features-section h3{font-size:28px}.feature-box h4{font-size:22px}}.event-card{background:#fff;width:calc(100% - 20px);max-width:350px;margin:10px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.event-image{width:100%;height:auto;cursor:pointer}.event-content{padding:15px;color:#111}.event-title{font-size:1.1em;margin-bottom:8px;color:indigo}.event-date{color:purple;margin-bottom:8px}.event-description{font-size:1em;margin-bottom:15px;color:#333}.buy-btn{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.buy-btn:hover{background-color:#3b5998}footer{background-color:#333;color:#fff;text-align:center;padding:15px 0;margin-top:30px}footer p{margin:0}@media (min-width:768px){.hero-section{flex-direction:row;justify-content:space-between;padding:50px 20px}.hero-content{max-width:50%;text-align:left}.hero-image img{max-width:400px}.features-grid{gap:20px}}