/* HEADER */
.header {
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;

    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:18px 60px;

    background:rgba(10,10,15,0.6);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border-bottom:1px solid rgba(255,255,255,0.05);

    transition: all 0.35s ease;
}

/* HERO */
.hero {
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    padding-top:100px;
    overflow:hidden;

    background:
    radial-gradient(circle at 20% 50%, rgba(108,59,255,0.25), transparent 60%),
    radial-gradient(circle at 80% 20%, rgba(0,212,255,0.18), transparent 60%),
    #0A0A0F;
}

/* 🔥 STRUCTURE FLEX PROPRE */
.hero-container {
    width:100%;
    max-width:1200px;
    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* LEFT */
.hero-left {
    flex:1;
    max-width:550px;
}

/* RIGHT */
.hero-right {
    flex:1;
    display:flex;
    justify-content:center;
}

.hero-right img {
    max-width:380px;
}

/* GLOW DYNAMIQUE (effet premium) */

.hero::before {
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle, rgba(108,59,255,0.25), transparent 70%);
    top:-100px;
    right:-100px;
    filter:blur(100px);
    animation:floatGlow 10s ease-in-out infinite;
}

@keyframes floatGlow {
    0%,100% { transform:translate(0,0); }
    50% { transform:translate(-60px,60px); }
}