:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{width:100%;height:100%}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.banner{background:url(https://www.digital-campus.fr/sites/default/files/page/desktop/glossaire-du-web-2_1.jpg) no-repeat 50%/cover;height:100vh;display:flex;text-align:center;padding:50px;box-sizing:border-box}.banner h1{color:white;font-size:3rem;font-weight:700}.banner p{color:white;font-size:1.2rem}.auth-container{border-radius:.5rem;padding:1em;box-shadow:0 1px 4px rgba(0,0,0,.5)}ul li{list-style:none}.containerFooter{background-color:#171717;color:#ffffff;padding:40px 20px;text-align:center}.containerFooter h1{font-size:2rem;margin-bottom:20px;color:#4CAF50}.contact-info{margin-bottom:20px}.contact-info p{margin-bottom:10px;font-size:1rem}.contact-info button{background-color:#4CAF50;color:#ffffff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background .3s ease}.contact-info button:hover{background-color:#45a049}.socials{display:flex;justify-content:center;gap:15px;margin-top:15px}.socials a{color:#ffffff;text-decoration:none;font-weight:700;transition:color .3s ease}.socials a:hover{color:#4CAF50}.copyright{margin-top:30px;font-size:.9rem;opacity:.8}@media (prefers-color-scheme:dark){html{color-scheme:dark}.category h4,.category p{color:black}.navbar a,.navbar h3,.navbar span{color:#4CAF50}.banner h1,.banner p{color:white}.selecteds h4,.selecteds p{color:black}}@media (prefers-color-scheme:light){.banner h1,.banner p{color:white}.navbar a,.navbar h3,.navbar span{color:#4CAF50}}