:root{--primary-color:#0078aa;--card-bg:#ffffff;--text-primary:#2c3e50;--text-secondary:#6c757d;--border-light:#f1f3f5;--shadow-idle:0 4px 6px rgba(0, 0, 0, 0.02);--shadow-hover:0 20px 40px rgba(0, 120, 170, 0.12)}.decade-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:var(--card-bg);padding:2.5rem;height:100%;text-decoration:none!important;border:1px solid var(--border-light);border-radius:12px;border-left:4px solid transparent;box-shadow:var(--shadow-idle);transition:all .4s cubic-bezier(.165, .84, .44, 1);position:relative;overflow:hidden}.decade-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;transition:color .3s ease}.decade-desc{font-size:.9rem;color:var(--text-secondary);margin:0;font-weight:400}.decade-arrow{position:absolute;right:2rem;top:50%;transform:translateY(-50%) translateX(-10px);opacity:0;color:var(--primary-color);font-size:1.5rem;transition:all .3s ease .1s}.decade-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:transparent;border-left-color:var(--primary-color)}.decade-card:hover .decade-title{color:var(--primary-color)}.decade-card:hover .decade-arrow{opacity:1;transform:translateY(-50%) translateX(0)}@media (max-width:768px){.decade-card{align-items:center;text-align:center;border-left:1px solid var(--border-light);border-top:4px solid transparent}.decade-card:hover{border-left-color:var(--border-light);border-top-color:var(--primary-color)}.decade-arrow{display:none}}