@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--background-dark: #2d3548;--text-light: rgba(255,255,255,.6);--text-lighter: rgba(255,255,255,.9);--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 64px;--width-container: 1200px}*{border:0;margin:0;padding:0;box-sizing:border-box}html{height:100%;font-family:Roboto,sans-serif;font-size:14px;background-image:linear-gradient(15deg,#292828,#292828 150%)}body{max-height:100vh;overflow-y:hidden}.hero-section{align-items:center;display:flex;height:100vh;justify-content:center;padding:5rem var(--spacing-l);position:relative;box-sizing:border-box}.card-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:var(--spacing-l);grid-row-gap:var(--spacing-l);max-width:var(--width-container);width:100%}.large-card{grid-column:1 / -1;max-height:41vh}.large-card:before{padding-bottom:37.5%}@media (min-width: 540px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.card-grid{grid-template-columns:repeat(4,1fr)}}.card{list-style:none;position:relative;max-height:41vh}.card:before{content:"";display:block;padding-bottom:150%;width:100%}.card__background{background-size:cover;background-position:center;border-radius:var(--spacing-l);bottom:0;filter:brightness(.75) saturate(1.2) contrast(.85);left:0;position:absolute;right:0;top:0;transform-origin:center;transform:scale(1) translateZ(0);transition:filter .2s linear,transform .2s linear}.card:hover .card__background{transform:scale(1.05) translateZ(0)}.card:hover .card__content{transform:scale(1.05);transition:transform .2s linear}.card-grid:hover>.card:not(:hover) .card__background,.card-grid:hover~.login-button .login-link{filter:brightness(.5) saturate(0) contrast(1.2) blur(5px)}.card__content{left:0;padding:var(--spacing-l);position:absolute;top:0;transition:filter .2s linear,transform .2s linear}.card__category{color:var(--text-light);font-size:.9rem;margin-bottom:var(--spacing-s);text-transform:uppercase}.card__heading{color:var(--text-lighter);font-size:1.9rem;text-shadow:2px 2px 20px rgba(0,0,0,.2);line-height:1.4;word-spacing:100vw}.login-button{position:absolute;top:1rem;right:1rem;z-index:1000}.login-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#8c2226;border-radius:10px;color:#fff;text-decoration:none;transition:all .3s ease-out}.login-link:hover{transform:scale(1.1)}.dashboard-button{position:absolute;top:1rem;left:1rem;z-index:1000}.login-link,.dashboard-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#8c2226;border-radius:10px;color:#fff;text-decoration:none;transition:all .3s ease-out}.dashboard-link:hover{transform:scale(1.1)}.dashboard-link i{font-size:1.5rem}.modal-content{background-color:#1d1d1d;width:70%;height:70%;position:relative;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000004d;color:#fff;transform:translateY(20px);opacity:0;transition:all .3s ease-out}.modal-section{height:100%;overflow-y:auto;padding:20px;display:flex;flex-direction:column;justify-content:center}.modal-title{font-size:3em;text-align:center;position:absolute;top:60px;left:0;right:0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.service{text-align:center;padding:20px;background:#ffffff1a;border-radius:10px}.service i{font-size:2em;margin-bottom:15px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:20px}.price-card{background:#ffffff1a;padding:20px;border-radius:10px;text-align:center}.price-card .price{font-size:1.5em;margin:15px 0;color:#4caf50}.price-card ul{list-style:none;padding:0}.price-card li{margin:10px 0}.login-form{max-width:400px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px}.form-group input{width:100%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#ffffff1a;color:#fff}.login-submit{width:100%;padding:12px;background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px}.login-submit:hover{background:#45a049}.team-grid{display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:repeat(2,33%);gap:20px;justify-content:center;align-content:center;height:calc(100% - 120px);margin-top:120px;margin-bottom:20px;padding:40px}.team-card{background:#ffffff0d;border-radius:10px;padding:15px;text-align:center;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;aspect-ratio:1}.team-card:hover{background:#ffffff14}.team-card img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;border:3px solid rgb(140,34,38)}.team-card h3{font-size:1em;margin-bottom:5px;color:#fff}.team-card .position{color:#8c2226;font-weight:700;margin-bottom:5px;font-size:.9em}.team-card .phone{color:#fffc;font-size:.8em}.event-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;padding:40px;margin-top:120px;height:calc(100% - 120px);margin-bottom:20px}.event-item{background:#ffffff0d;border-radius:10px;padding:15px;display:flex;flex-direction:column;height:100%;transition:transform .3s ease}.event-item:hover{transform:translateY(-5px);background:#ffffff14}.event-item img{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:10px}.event-title{color:#8c2226;font-size:1.2em;margin-bottom:5px;font-weight:700}.event-date{color:#fff;font-size:.9em;margin-bottom:5px;font-weight:700}.event-description{color:#fffc;font-size:.8em;line-height:1.3}.modal-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease-out}.modal-container.show{opacity:1}.modal-content{background-color:#1a1a1a;width:70%;height:70%;position:relative;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000004d;color:#fff;transform:translateY(20px);opacity:0;transition:all .3s ease-out;display:flex;flex-direction:column;justify-content:center}.modal-container.show .modal-content{transform:translateY(0);opacity:1}#modal-body{flex:1;display:flex;flex-direction:column}.modal-section.login-section{display:flex;flex-direction:column;height:100%;justify-content:center}.discord-login-container{display:flex;justify-content:center;align-items:center;flex:1;margin-top:60px}.close-button{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#cf1b1b;transition:color .3s ease}.close-button:hover{color:#e62020}.login-section{display:flex;flex-direction:column;height:100%}.discord-login-button{display:flex;align-items:center;gap:15px;background-color:#8c2226;color:#fff;padding:15px 30px;border-radius:5px;text-decoration:none;font-size:1.5em;transition:background-color .3s ease}.discord-login-button:hover{background-color:#a0272b}.discord-login-button i{font-size:1.8em}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px;margin-top:120px;height:calc(100% - 120px)}.about-info{display:flex;flex-direction:column;gap:20px}.info-card{background:#ffffff0d;border-radius:10px;padding:20px;height:calc(50% - 10px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.info-card:hover{background:#ffffff14;transform:translateY(-5px);transition:all .3s ease}.map-card{background:#ffffff0d;border-radius:10px;padding:20px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.info-title{color:#8c2226;font-size:1.4em;margin-bottom:15px;font-weight:700;text-align:center;width:100%}.info-text{color:#fff;font-size:1.2em;line-height:1.4;text-align:center}.map-image{width:100%;height:calc(100% - 50px);-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-top:10px}.tarif-container{padding:40px;margin-top:120px;height:calc(100% - 120px);display:flex;justify-content:center;align-items:flex-start}.tarif-table{background:#ffffff0d;border-radius:10px;padding:30px;width:100%;max-width:800px}.tarif-table table{width:100%;border-collapse:collapse}.tarif-table th{color:#8c2226;font-size:1.2em;padding:15px;text-align:center;border-bottom:2px solid rgba(255,255,255,.1)}.tarif-table td{color:#fff;padding:15px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.tarif-table tr:last-child td{border-bottom:none}.tarif-table tr:hover{background:#ffffff14;transition:background .3s ease}.welcome-content{display:flex;flex-direction:column;gap:40px;padding:40px;margin-top:120px;height:calc(100% - 120px)}.welcome-text{background:#ffffff0d;border-radius:10px;padding:25px;text-align:center}.welcome-text p{color:#fff;font-size:1.1em;line-height:1.6;margin-bottom:15px}.welcome-text p:last-child{margin-bottom:0}.service{background:#ffffff0d;border-radius:10px;padding:25px;text-align:center;transition:transform .3s ease}.service:hover{transform:translateY(-5px);background:#ffffff14}.service i{font-size:2.5em;color:#8c2226;margin-bottom:15px}.service h3{color:#fff;font-size:1.3em;margin-bottom:10px}.service-subtitle{color:#ffffffb3;font-size:.9em}.card__tel{color:#fffc;font-size:.9rem;margin-top:.5rem}.event-highlight{cursor:default;position:relative;overflow:hidden}.event-highlight:hover{transform:none}.event-highlight__date{font-size:1.2rem;color:#ff4d4d;margin-bottom:.5rem}.event-highlight__title{font-size:2rem;color:#fff;margin-bottom:1rem}.event-highlight__description{font-size:1.1rem;color:#fffc;line-height:1.4}.event-highlight .card__background{filter:brightness(.7)}.event-highlight .card__content{padding:2rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.team-grid:last-child{justify-content:center}.team-grid:after{content:"";grid-column:span 4}@media (max-width: 1200px){.team-grid{grid-template-columns:repeat(3,1fr)}.team-grid:after{grid-column:span 3}}@media (max-width: 768px){.team-grid{grid-template-columns:repeat(2,1fr)}.team-grid:after{grid-column:span 2}}@media (max-width: 480px){.team-grid{grid-template-columns:1fr}.team-grid:after{grid-column:span 1}}