/* -------------------------------------------------------
   GLOBAL STYLES - BN LOGISTICS (Vibrant Update)
   ------------------------------------------------------- */

:root {
    /* Optimierte, lebendigere Farben */
    --brand-blue: #0062ff;      /* Electric Blue */
    --brand-red: #ff3b30;       /* Vibrant Red */
    --brand-dark: #0B1120;      /* Angepasst an das tiefe Dunkelblau der neuen Seiten */
    --brand-text: #f8fafc;
    --brand-glass: rgba(11, 17, 32, 0.7); 
}

html {
    scroll-behavior: smooth;
    background-color: #0B1120;
}

body {
    /* Erzwingt den exakten Europaweite-Hintergrund inkl. Verlauf und Punktemuster (Grid) überall */
    background-color: #0B1120 !important;
    background-image: 
        radial-gradient(rgba(51, 65, 85, 0.15) 1px, transparent 1px),
        linear-gradient(to bottom, #0B1120, #0f172a) !important;
    background-size: 30px 30px, 100% 100% !important;
    background-attachment: fixed !important;
    
    color: var(--brand-text);
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* -------------------------------------------------------
   ERWEITERTE KOMPONENTEN
   ------------------------------------------------------- */

/* Verbesserter Glas-Effekt mit Lichtkante */
.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
}

/* Animierte Licht-Aura im Hintergrund */
.glow-blob {
    position: absolute;
    width: 400px;
    height: 400px;
    background: var(--brand-blue);
    filter: blur(120px);
    opacity: 0.15;
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}

.btn-vibrant-blue {
    background: var(--brand-blue);
    box-shadow: 0 4px 20px rgba(0, 98, 255, 0.4);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-vibrant-blue:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 98, 255, 0.6);
    filter: brightness(1.1);
}

/* Scrollbar Design */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0B1120; }
::-webkit-scrollbar-thumb { 
    background: #1e293b; 
    border-radius: 5px; 
    border: 2px solid #0B1120;
}
::-webkit-scrollbar-thumb:hover { background: var(--brand-blue); }