Hier ist der Code genau nach diesem Prinzip: Der Hintergrund behält den schrägen, fließenden Verlauf, und der obige Balken wird auf ein **transparentes, tiefes Dunkelblau** gesetzt.

```css
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

body, h1, h2, h3 { 
    font-family: 'Inter', sans-serif;; 
}

body {  
    font-size: 18px; 
    color: #ffffff;
    margin: 0;
    min-height: 100vh;
    
    /* Fließender, schräger Verlauf von Dunkelblau über ein mattes Gelb/Grün zu Tiefblau */
    background: linear-gradient(135deg, #050b14 0%, #1e3a8a 40%, #5c5314 75%, #0f172a 100%);
    background-attachment: fixed;
}

/* Der obere Balken: Transparentes, sattes Dunkelblau */
header, .header {
    background-color: rgba(5, 11, 20, 0.75); /* Dunkelblau mit 75% Deckkraft */
    backdrop-filter: blur(5px); /* Macht den Hintergrund darunter leicht unscharf */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Dezente Trennlinie */
}

h1 { font-size: 60px; margin-top: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
h2 { font-size: 48px; }
h3 { font-size: 32px; }

```