/* =========================
   ACADEMIE NEXAR
   PARTENARIAT CSS PREMIUM
========================= */


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Segoe UI",Arial,sans-serif;
}


body{

    min-height:100vh;
    background:#050505;
    color:white;
    overflow-x:hidden;

}





/* BACKGROUND */

.background{

    position:fixed;
    width:100%;
    height:100%;

    background:
    radial-gradient(circle at top left,#ff790055,transparent 40%),
    radial-gradient(circle at bottom right,#ff790033,transparent 40%);

    z-index:-1;

}


.background::after{

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    background:#ff7900;

    filter:blur(160px);

    animation:moveGlow 8s infinite alternate;

}



@keyframes moveGlow{

from{

transform:translate(0,0);

}


to{

transform:translate(400px,250px);

}

}







/* NAVBAR */


nav{

position:fixed;

top:0;
left:0;

width:100%;

padding:18px 40px;

display:flex;

justify-content:space-between;

align-items:center;

background:#080808cc;

backdrop-filter:blur(15px);

border-bottom:1px solid #ff790055;

z-index:10;

}




.logo-area{

display:flex;

align-items:center;

gap:15px;

font-size:22px;

font-weight:700;

}



.logo-area img{

width:45px;

height:45px;

object-fit:contain;

}





.menu{

display:flex;

gap:25px;

align-items:center;

}




.menu a{

color:white;

text-decoration:none;

font-weight:600;

transition:.3s;

}



.menu a:hover{

color:#ff7900;

transform:translateY(-3px);

}





.discord{

background:#ff7900;

padding:10px 20px;

border-radius:12px;

}








/* FORMULAIRE */


main{

padding-top:130px;

padding-left:20px;

padding-right:20px;

display:flex;

justify-content:center;

}





.form-card{


width:750px;

background:#111;

border-radius:30px;

padding:40px;

border:1px solid #ff7900;

box-shadow:

0 0 40px #ff790044,
inset 0 0 30px #ff790011;


animation:show .8s ease;

}




@keyframes show{

from{

opacity:0;

transform:translateY(50px);

}

to{

opacity:1;

transform:none;

}

}







/* TITRE */


.title{

text-align:center;

}



.title img{

width:100px;

margin-bottom:20px;

}




.title h1{

font-size:38px;

color:#ff7900;

margin-bottom:15px;

}



.title p{

color:#aaa;

line-height:1.6;

margin-bottom:40px;

}







/* TITRES */


h2{

color:#ff7900;

margin:35px 0 20px;

}







/* INPUT */


input,
textarea{


width:100%;

background:#080808;

border:1px solid #333;

border-radius:14px;

padding:17px;

margin:10px 0;

color:white;

font-size:16px;

transition:.3s;


}




input:focus,
textarea:focus{


outline:none;

border-color:#ff7900;

box-shadow:0 0 20px #ff790055;


}






/* TEXTAREA */


textarea{

height:150px;

resize:none;

}





/* BOUTON */


button{


width:100%;

margin-top:30px;

padding:18px;

background:#ff7900;

border:none;

border-radius:15px;

font-size:18px;

font-weight:bold;

color:white;

cursor:pointer;

transition:.35s;

box-shadow:0 0 25px #ff790055;


}




button:hover{


background:white;

color:#ff7900;

transform:scale(1.04);

box-shadow:0 0 45px #ff7900;


}






/* FOOTER */


footer{

text-align:center;

padding:40px;

margin-top:50px;

color:#777;

}




footer img{

width:80px;

}





/* MOBILE */


@media(max-width:800px){


nav{

flex-direction:column;

gap:15px;

}



.menu{

flex-wrap:wrap;

justify-content:center;

}



.form-card{

padding:25px;

}



.title h1{

font-size:28px;

}


}