/* ================= DEEP BLUE SEA THEME VARIABLES ================= */
        :root { 
            --primary: #337ab7; 
            --primary-dark: #014f86; 
            --primary-light: #e0f0fe;
            --accent: #00b4d8;
            --dark: #0a192f; 
            --dark-surface: #112240; 
            --bg: #f8fafc; 
            --surface: #ffffff; 
            --surface-border: #e2e8f0;
            --text-main: #334155; 
            --text-light: #64748b; 
        }

        /* SHARED RESET & UTILITIES */
        * { margin:0; padding:0; box-sizing:border-box; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        a { text-decoration:none; color:inherit; transition:0.2s; }
        h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--dark); line-height: 1.2; letter-spacing: -0.02em; font-weight: 800; }
        
        .mt-10 { margin-top: 10px; }
        .mt-15 { margin-top: 15px; }
        .mt-20 { margin-top: 20px; }
        .mb-0 { margin-bottom: 0 !important; }
        .mb-15 { margin-bottom: 15px; }
        .mb-20 { margin-bottom: 20px; }
        .mb-30 { margin-bottom: 30px !important; }
        .pb-0 { padding-bottom: 0 !important; }
        .flex { display: flex; }
        .flex-between { display: flex; justify-content: space-between; align-items: center; }
        .flex-center { display: flex; justify-content: center; align-items: center; }
        .gap-10 { gap: 10px; }
        .text-center { text-align: center; }
        .text-right { text-align: right; }
        .w-100 { width: 100%; }