.upcoming-events{margin:1.5rem 0;padding:1.5rem;background:#fff;border:none;border-radius:12px;box-shadow:none}.upcoming-events .section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.events-count-badge{background:#6366f1;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.event-item{display:flex;flex-direction:column;padding:1.5rem;background:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;border:none;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);min-height:280px;overflow:hidden}.event-item:nth-child(1){background-image:url(/img/event-bg-1-CKuA_X2H.webp)}.event-item:nth-child(2){background-image:url(/img/event-bg-2-CX49lv8S.webp)}.event-item:nth-child(3){background-image:url(/img/event-bg-3-BuDCFHtO.webp)}.event-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.9),rgba(255,255,255,.95));border-radius:20px;z-index:0;transition:background .3s ease}.event-item:hover:before{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.93),rgba(255,255,255,.97))}.event-item>*{position:relative;z-index:1}.event-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.12)}.event-date{position:absolute;top:.75rem;right:.75rem;background:#fff;color:#1f2937;padding:0;border-radius:8px;font-size:.875rem;font-weight:600;min-width:65px;text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:0;border:none;box-shadow:0 4px 16px rgba(0,0,0,.2),0 2px 8px rgba(139,0,0,.3);overflow:hidden}.event-date-month{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#fff;font-weight:700;background:#8b0000;padding:.4rem .5rem;border-radius:8px 8px 0 0}.event-date-day{font-size:1.85rem;font-weight:800;line-height:1;color:#8b0000;background:#fff;padding:.5rem .75rem;border-radius:0 0 8px 8px}.event-title{font-size:1.25rem;font-weight:800;color:#8b0000;margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-right:4.5rem;flex-shrink:0;text-shadow:none;letter-spacing:-.01em}.event-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem}.event-meta-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;padding:.375rem .625rem;border-radius:6px;background:#fff;color:#374151;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.event-meta-item.category,.event-meta-item.time{background:#fff;color:#374151}.event-meta-item.location{background:#fff;color:#374151;cursor:pointer}.event-meta-item.location:hover{background:#f9fafb;color:#1f2937;box-shadow:0 2px 6px rgba(0,0,0,.12)}.event-meta-item i{font-size:1rem}.event-description{font-size:.95rem;color:#4b5563;line-height:1.7;margin:.75rem 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;text-shadow:none}.event-footer{display:none}.event-attendees{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280;font-weight:500;text-shadow:0 1px 2px rgba(255,255,255,.8)}.event-price{font-size:.875rem;font-weight:600;color:#374151;background:rgba(255,255,255,.95);padding:.375rem .625rem;border-radius:6px;border:none;box-shadow:0 1px 3px rgba(0,0,0,.08);backdrop-filter:blur(4px)}.event-price.free,.event-price.paid{color:#6b7280}.event-status{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;background:rgba(255,255,255,.95);color:#374151;border:none;box-shadow:0 1px 3px rgba(0,0,0,.08);backdrop-filter:blur(4px)}@media(max-width:1024px){.events-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:768px){.events-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.event-item{padding:1.25rem;min-height:260px}.event-date{top:.75rem;right:.75rem;min-width:55px}.event-date-month{font-size:.75rem;padding:.35rem .4rem}.event-date-day{font-size:1.5rem;padding:.4rem .6rem}.event-title{font-size:1.125rem;padding-right:4rem}.event-meta{gap:.4rem}.event-meta-item{font-size:.8rem;padding:.3rem .5rem}.event-description{font-size:.875rem}.upcoming-events .section-title{font-size:1.375rem}}@media(max-width:600px){.events-grid{grid-template-columns:1fr;gap:1rem}.event-item{padding:1.25rem;min-height:auto}}@media(max-width:480px){.upcoming-events{padding:1rem}.events-grid{gap:.875rem}.event-item{padding:1rem;border-radius:10px}.event-date{top:.625rem;right:.625rem;min-width:50px}.event-date-month{font-size:.7rem;padding:.3rem .4rem}.event-date-day{font-size:1.35rem;padding:.35rem .5rem}.event-title{font-size:1.125rem;padding-right:3.5rem}}.events-loading{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:#9ca3af;font-size:.875rem}.events-loading:before{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.events-empty{text-align:center;padding:1.5rem;color:#9ca3af;font-size:.875rem}.events-empty:before{content:"📅";display:block;font-size:1.5rem;margin-bottom:.5rem;opacity:.5}