/* === PECHNORM 3D STYLE — Relief marin lumineux === */

body {
    background: radial-gradient(ellipse at top, #0f2550 0%, #0a1628 60%, #060e1a 100%) !important;
    min-height: 100vh;
}

header {
    background: linear-gradient(180deg, #0d1f3c 0%, #0f2847 40%, #1a5299 100%) !important;
    border-bottom: 2px solid #4fc3f7 !important;
    box-shadow: 0 4px 32px rgba(79,195,247,0.25), 0 2px 8px rgba(0,0,0,0.5) !important;
}

.logo-img {
    filter: drop-shadow(0 4px 20px rgba(79,195,247,0.7)) drop-shadow(0 0 40px rgba(79,195,247,0.3)) !important;
    transition: filter 0.3s ease !important;
}
.logo-img:hover {
    filter: drop-shadow(0 4px 28px rgba(79,195,247,0.95)) drop-shadow(0 0 60px rgba(79,195,247,0.5)) !important;
}

.nav-btn {
    background: linear-gradient(180deg, #1e5aa8 0%, #1a4a8a 50%, #153d75 100%) !important;
    border: 1px solid rgba(79,195,247,0.5) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4), inset 0 1px 0 rgba(79,195,247,0.3) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
    transition: all 0.2s ease !important;
}
.nav-btn:hover {
    background: linear-gradient(180deg, #5dd4ff 0%, #29b6f6 100%) !important;
    box-shadow: 0 4px 20px rgba(79,195,247,0.5), inset 0 1px 0 rgba(255,255,255,0.4) !important;
    transform: translateY(-1px) !important;
    color: #0a1628 !important;
}
.nav-btn.actif {
    background: linear-gradient(180deg, #4fc3f7 0%, #0288d1 100%) !important;
    box-shadow: 0 4px 20px rgba(79,195,247,0.6), inset 0 1px 0 rgba(255,255,255,0.3) !important;
    color: #0a1628 !important;
}

.card, .profil-section {
    background: linear-gradient(180deg, #112d52 0%, #0d2242 100%) !important;
    border: 1px solid rgba(79,195,247,0.3) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.4), inset 0 1px 0 rgba(79,195,247,0.12) !important;
    border-radius: 12px !important;
}

.horloge, #horloge {
    text-shadow: 0 0 20px rgba(79,195,247,0.8), 0 0 40px rgba(79,195,247,0.4) !important;
    color: #7dd8f8 !important;
}

input, select, textarea {
    background: linear-gradient(180deg, #07111f 0%, #0a1628 100%) !important;
    border: 1px solid rgba(79,195,247,0.25) !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    color: #e0e8f0 !important;
}
input:focus, select:focus {
    border-color: #4fc3f7 !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.4), 0 0 12px rgba(79,195,247,0.3) !important;
}

h1, h2 { text-shadow: 0 0 16px rgba(79,195,247,0.3) !important; }

footer {
    border-top: 1px solid rgba(79,195,247,0.25) !important;
    background: linear-gradient(180deg, transparent 0%, rgba(13,34,66,0.6) 100%) !important;
}

/* Lueur sur les titres cyan */
[style*="color:#4fc3f7"], [style*="color: #4fc3f7"] {
    text-shadow: 0 0 12px rgba(79,195,247,0.4) !important;
}

/* === SOS bouton — ne pas écraser === */
.sos-btn {
    background: #d32f2f !important;
    border: 3px solid #ff5252 !important;
    box-shadow: 0 0 16px rgba(211,47,47,0.7) !important;
    animation: sos-pulse 2s ease-in-out infinite !important;
}
.sos-btn:hover {
    background: #b71c1c !important;
    transform: none !important;
}