body{margin:0 auto}.main-banner{background:url(https://images.pexels.com/photos/77153/pexels-photo-77153.jpeg) no-repeat top;background-size:cover;min-height:100vh}:root{--color-primary:#1478c5;--color-primary-hover:#1168ab;--color-primary-light:#4f6a91;--color-secondary:#0f2536;--color-secondary-hover:#193143;--color-secondary-light:#314453;--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#d1fae5;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fef3c7;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-light:#fecaca;--color-error-bg:#fef2f2;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-light:#dbeafe;--color-info-bg:#eff6ff;--color-white:#fff;--color-black:#193143;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#193143;--color-bg-primary:#fff;--color-bg-secondary:#ececec;--color-bg-tertiary:#f3f4f6;--color-text-primary:#193143;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border-primary:#e5e7eb;--color-border-secondary:#d1d5db;--color-border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse);transition:background-color var(--transition-base)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse);transition:background-color var(--transition-base)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success-bg);color:var(--color-success)}.bg-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.bg-error{background-color:var(--color-error-bg);color:var(--color-error)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-hover)}.badge-success,.badge-warning{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-hover)}.badge-error{background-color:var(--color-error-light);color:var(--color-error-hover)}.badge-error,.badge-info{padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.badge-info{background-color:var(--color-info-light);color:var(--color-info-hover)}.link-primary{color:var(--color-primary);transition:color var(--transition-base)}.link-primary:hover{color:var(--color-primary-hover)}.link-secondary{color:var(--color-secondary);transition:color var(--transition-base)}.link-secondary:hover{color:var(--color-secondary-hover)}.focus-ring-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(83,146,249,.3)}.focus-ring-secondary:focus{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.3)}