.tabs {display: flex;border-bottom: 2px solid #e2e8f0;position: relative;}.tab-btn {flex: 1;text-align: center;background: none;border: none;padding: 20px 0;font-weight: bold;color: #64748b;cursor: pointer;position: relative;transition: color 0.3s ease;}.tab-btn:hover { color: var(--cfds-blue); }.tab-btn.active { color: var(--cfds-blue); }.tab-btn::after {content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background: var(--cfds-blue);opacity: 0;transform: scaleX(0);transition: transform 0.3s ease, opacity 0.3s ease;}.tab-btn.active::after {opacity: 1;transform: scaleX(1);}.tab-content {display: none;padding-top: 20px;text-align: center;min-height: 50vh;}.tab-content.active {display: block;animation: fadeIn 0.35s cubic-bezier(0.4, 0, 0.2, 1);}@keyframes fadeIn {from {opacity: 0;transform: translateY(6px);}to {opacity: 1;transform: translateY(0);}}