:root{--sd-primary:#3DA4DF;--sd-primary-dark:#2E8BC0;--sd-accent:#EC5D50;--sd-dark:#3A4554;--sd-text:#3A4554;--sd-text-secondary:#5A6574;--sd-text-muted:#A9ABB8;--sd-border-light:rgba(169,171,184,0.25);--sd-surface:#ffffff;--sd-bg:#ECECEC;--sd-bg-light:#F5F5F7;--sd-radius-sm:8px;--sd-radius-md:12px;--sd-radius-lg:16px;--sd-shadow-sm:0 1px 2px rgba(58,69,84,0.04),0 1px 3px rgba(58,69,84,0.06);--sd-shadow-md:0 4px 6px rgba(58,69,84,0.04),0 10px 20px rgba(58,69,84,0.06);--sd-shadow-lg:0 10px 25px rgba(58,69,84,0.06),0 20px 48px rgba(58,69,84,0.08)}.events-page{min-height:100vh;background:var(--sd-bg);position:relative}.events-page::before{content:'';position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(180deg,rgba(61,164,223,0.04) 0%,transparent 100%);pointer-events:none}.events-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.events-breadcrumb{display:flex;align-items:center;gap:8px;padding-top:32px;margin-bottom:24px;font-size:13px;color:var(--sd-text-muted)}.events-breadcrumb a{color:var(--sd-primary);text-decoration:none;transition:color 0.2s}.events-breadcrumb a:hover{color:var(--sd-primary-dark)}.events-breadcrumb svg{width:14px;height:14px;opacity:0.5;flex-shrink:0}.events-header{text-align:center;padding:16px 0 40px}.events-header h1{font-size:clamp(28px,5vw,40px);font-weight:800;color:var(--sd-text);margin:0 0 12px;letter-spacing:-0.02em;line-height:1.15}.events-header p{font-size:16px;color:var(--sd-text-secondary);margin:0;line-height:1.5}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:40px}@media (max-width:992px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.events-grid{grid-template-columns:1fr}}.event-card-link{display:block;text-decoration:none;color:inherit;background:var(--sd-surface);border:1px solid var(--sd-border-light);border-radius:var(--sd-radius-lg);box-shadow:var(--sd-shadow-sm);padding:24px;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease;opacity:0.75}.event-card-link:hover{transform:translateY(-2px);box-shadow:var(--sd-shadow-lg);border-color:var(--sd-primary);text-decoration:none;color:inherit;opacity:1}.event-card-date{font-size:13px;color:var(--sd-text-muted);margin:0 0 8px;font-weight:500}.event-card-name{font-size:18px;font-weight:700;color:var(--sd-text);margin:0 0 8px;line-height:1.3}.event-card-venue{font-size:14px;color:var(--sd-text-muted);margin:0 0 4px}.event-card-location{font-size:13px;color:var(--sd-text-muted);margin:0 0 20px}.event-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--sd-border-light)}.event-card-price-block{display:flex;flex-direction:column;gap:2px}.event-card-price{font-size:22px;font-weight:800;color:var(--sd-text);line-height:1;letter-spacing:-0.01em}.event-card-price-label{font-size:11px;color:var(--sd-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:0.3px}.ended-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;color:var(--sd-text-muted);background:rgba(169,171,184,0.1)}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 0 64px}.pagination-wrapper a,.pagination-wrapper span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--sd-border-light);border-radius:var(--sd-radius-sm);font-size:14px;font-weight:500;color:var(--sd-text-secondary);text-decoration:none;background:var(--sd-surface);transition:all 0.2s ease}.pagination-wrapper a:hover{background:var(--sd-bg-light);border-color:var(--sd-primary);color:var(--sd-primary)}.pagination-wrapper .current-page{background:var(--sd-primary);color:#fff;border-color:var(--sd-primary)}.events-empty{grid-column:1 / -1;text-align:center;padding:80px 24px;color:var(--sd-text-muted);font-size:16px}@media (max-width:768px){.events-container{padding:0 16px}.events-breadcrumb{padding-top:24px;margin-bottom:16px}.events-header{padding:8px 0 32px}.events-grid{gap:16px;padding-bottom:32px}.event-card-link{padding:20px}}@media (max-width:480px){.events-header h1{font-size:24px}.events-header p{font-size:14px}}