header .container{justify-content:space-between;padding:1rem}header .container,header .flex{display:flex;align-items:center}header img{height:2.5rem;margin-right:1rem}header .border{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:.25rem;padding:.25rem .75rem}header .border svg{width:1.25rem;height:1.25rem;color:#4b5563;margin-right:.5rem}header .border span{color:#1f2937}.hero-section{color:#fff;padding:4rem 0;text-align:center;background:linear-gradient(105.15deg,rgba(209,67,141,.7) 3.15%,rgba(67,0,232,.7) 98.5%)}.hero-section h1{color:var(--color-white);font-size:3.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:37px;color:#fff}.hero-section .max-w-4xl{max-width:64rem;margin:0 auto}.hero-section h2{font-size:1.125rem;font-weight:400;margin-top:1rem;line-height:20px;color:#fff;margin-bottom:0}.hero-section .filters{display:flex;justify-content:center;gap:1rem;padding:10px 0}.hero-section select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('data:image/svg+xml;utf8,<svg fill="%23000000" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right .65rem center;background-color:#fff;background-size:1rem;border-radius:9999px;border:1px solid #d1d5db;padding:.5rem 1.5rem;color:#000;font-size:1rem;font-weight:500}.hero-section select:focus{border-color:#9333ea;box-shadow:0 0 0 2px rgba(147,51,234,.5)}.hero-section .create-event{display:flex;align-items:center;gap:1rem}.hero-section .create-event a{border-radius:9999px;color:#fff;background-color:#7e22ce;padding:.5rem 1rem;text-decoration:none}.hero-section .create-event a:hover{background-color:#6b21a8}.event-grid{padding:4rem 0;background:#ebedf0}.event-grid .grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:640px){.event-grid .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.event-grid .grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.trending-events .carousel{justify-content:left!important;grid-template-columns:repeat(2,1fr)!important}.event-grid{padding:1rem 0}}.event-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease;height:330px}.event-card:hover{transform:translateY(-5px)}.event-card img{width:100%;height:12rem;object-fit:cover}.event-card .content{padding:14px}.event-card h3{font-size:16px;font-weight:700;margin-bottom:10px;color:#1f2937;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.event-card p{color:#4b5563;font-size:.875rem;margin-top:.25rem;margin-bottom:14px}.event-card .footer1{justify-content:space-between;margin-top:1rem}.event-card .footer1,.event-card .footer1 .interested{display:flex;align-items:center}.event-card .footer1 svg{width:1.25rem;height:1.25rem;color:#9333ea;margin-right:.25rem}.event-card .footer1 span{color:#4b5563;font-size:.875rem}.more-events{text-align:center;margin-top:3rem}.more-events button{background-color:#fff;border:1px solid var(--color-primary);padding:8px 24px;color:var(--color-primary);font-weight:600;text-transform:capitalize;transition:all .28s ease-in-out}.more-events button:hover{background-color:#603384;color:#fff;border-color:#fff}.trending-events{background-color:#f9fafb;padding:4rem 0}.trending-events h2{font-size:34px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:20px}.trending-events .carousel{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;padding-bottom:1rem;justify-content:center}.trending-events .event-card{flex:0 0 20rem;height:340px}@media (max-width:992px){.hero-section h1{font-size:40px}.trending-events h2{font-size:30px}}@media (max-width:639px){.trending-events .carousel{grid-template-columns:repeat(1,1fr)!important}}@media (max-width:575px){.hero-section h1{font-size:2rem}.trending-events h2{font-size:25px;line-height:26px}}