/* ========================\n   COMPACT PAGE HEADER - FOR NON-HOME PAGES\n======================== */\n.page-header {\n    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 30%, #2563eb 60%, #3b82f6 100%);\n    color: white;\n    padding: 2rem 1.5rem 1.5rem 1.5rem;\n    text-align: left;\n    min-height: 180px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n    margin: 0;\n}\n\n.page-header::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(0, 20, 60, 0.4) 0%, rgba(15, 23, 42, 0.3) 100%);\n    z-index: 0;\n}\n\n.page-header::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 0;\n}\n\n.page-header-content {\n    position: relative;\n    z-index: 1;\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n    padding: 0 1.5rem;\n}\n\n.page-title {\n    font-size: 2.5rem;\n    font-weight: 900;\n    margin: 0;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n    color: #ffffff;\n}\n\n.page-subtitle {\n    font-size: 1rem;\n    margin: 0.5rem 0 0 0;\n    opacity: 0.95;\n    font-weight: 400;\n    letter-spacing: 0.01em;\n    color: rgba(255, 255, 255, 0.9);\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n}\n\n/* Compact page content styling */\n.page-content {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 2rem 1.5rem;\n    background: #ffffff !important;\n}\n\n.page-content h1,\n.page-content h2,\n.page-content h3 {\n    margin-bottom: 1rem;\n    color: #0f172a;\n}\n\n.page-content p {\n    margin-bottom: 1rem;\n    line-height: 1.6;\n    color: #475569;\n}\n\n@media (max-width: 768px) {\n    .page-header {\n        padding: 1.5rem 1rem 1rem 1rem;\n        min-height: 160px;\n    }\n\n    .page-header-content {\n        padding: 0 1rem;\n    }\n\n    .page-title {\n        font-size: 2rem;\n    }\n\n    .page-subtitle {\n        font-size: 0.95rem;\n    }\n\n    .page-content {\n        padding: 1.5rem 1rem;\n    }\n}\n\n@media (max-width: 480px) {\n    .page-header {\n        padding: 1.25rem 0.75rem 0.75rem 0.75rem;\n        min-height: 140px;\n    }\n\n    .page-header-content {\n        padding: 0 0.75rem;\n    }\n\n    .page-title {\n        font-size: 1.75rem;\n    }\n\n    .page-subtitle {\n        font-size: 0.9rem;\n    }\n\n    .page-content {\n        padding: 1rem 0.75rem;\n    }\n}\n