body { 
            background: #0a0f1a; 
            color: #f8fafc; 
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }

        .hero-banner {
            background: linear-gradient(rgba(10, 15, 26, 0.4), rgba(10, 15, 26, 0.6)), url('../assets/banner.jpeg');
            background-size: cover;
            background-position: center;
            height: 50vh; 
            width: 100%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: visible;
        }

        .profile-overflow {
            position: absolute;
            bottom: -100px; 
            left: 50%;
            transform: translateX(-50%);
            width: 240px;
            height: 240px;
            border: 8px solid #0a0f1a;
            border-radius: 32px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);
            z-index: 30; 
            background: #1e293b;
        }

        .glass { 
            background: rgba(30, 41, 59, 0.4); 
            backdrop-filter: blur(12px); 
            #border: 1px solid rgba(255,255,255,0.05); 
        }

        .scroll-indicator {
            position: absolute;
            bottom: -180px; 
            left: 50%;
            transform: translateX(-50%);
            animation: bounce-slow 2s infinite;
            color: #10b981;
            z-index: 20;
            font-size: 3rem;
        }
        .scroll-indicator:hover { color: #34d399; filter: drop-shadow(0 0 15px rgba(16, 185, 129, 0.4)); }

        .intro-filler {
            min-height: 50vh; 
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-top: 240px; 
        }

        @keyframes bounce-slow {
            0%, 100% { transform: translateY(0) translateX(-50%); }
            50% { transform: translateY(15px) translateX(-50%); }
        }

        .skill-tag { transition: all 0.3s ease; cursor: default; }
        .skill-tag:hover { border-color: #10b981; color: #10b981; transform: scale(1.05); }
        
        #form-feedback { transition: opacity 1s ease-in-out; opacity: 0; display: none; }
        #form-feedback.show { display: block; opacity: 1; }

        /* Disabled State für den Button */
        #submit-btn:disabled {
            opacity: 0.4;
            cursor: not-allowed;
            filter: grayscale(1);
        }