.events-hub-page .events-hub-container{max-width:1200px;padding:clamp(20px,4vw,40px);width:100%;margin:40px auto 0;box-sizing:border-box}.events-hub-page .events-hub-header{text-align:center;margin-bottom:clamp(32px,5vw,48px)}.events-hub-page .events-hub-header h1{font-size:clamp(32px, 5vw, 42px);color:#4a4e69;margin:0 0 12px;font-weight:700}.events-hub-page .events-hub-header p{color:#726d81;font-size:clamp(14px, 2.5vw, 16px);margin:0}.events-hub-page .events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,20vw,180px),1fr));gap:clamp(12px,2vw,20px);margin-bottom:clamp(32px,5vw,48px)}.events-hub-page .event-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,12px);padding:clamp(12px,2.5vw,18px);background:#fff;border:2px solid #e2e8f0;border-radius:clamp(8px,1.5vw,12px);text-decoration:none;color:inherit;transition:.3s;min-height:clamp(160px,25vw,200px);position:relative;overflow:hidden}.events-hub-page .event-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9a8c98 0,#634b66 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s}.events-hub-page .event-card:hover::before{transform:scaleX(1)}.events-hub-page .event-card:hover{border-color:#9a8c98;box-shadow:0 12px 32px rgba(0,0,0,.12);transform:translateY(-4px)}.events-hub-page .event-card-icon{width:clamp(32px,5vw,42px);height:clamp(32px,5vw,42px);display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.events-hub-page .event-card:hover .event-card-icon{opacity:1}.events-hub-page .event-card-icon svg{width:100%;height:100%}.events-hub-page .event-card-title{font-size:clamp(13px, 2.2vw, 15px);font-weight:700;color:#22223b;text-align:center;line-height:1.3;word-break:break-word;transition:color .2s}.events-hub-page .event-card:hover .event-card-title{color:#634b66}.events-hub-page .event-card-date{font-size:clamp(11px, 1.8vw, 13px);color:#9a8c98;text-align:center;font-weight:500}@media (max-width:768px){.events-hub-page .events-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(120px,22vw,150px),1fr))}.events-hub-page .events-hub-container{padding:clamp(16px,3vw,24px)}}@media (max-width:480px){.events-hub-page .events-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.events-hub-page .event-card{min-height:140px}}