.page-login-serviteurs{--bg-light: #ffffff;--bg-panel: #f8f9fa;--text-dark: #09090b;--accent: #FF5E00;--muted: #71717a;--line: rgba(0, 0, 0, .08);--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Space Mono", monospace}.page-login-serviteurs *{margin:0;padding:0;box-sizing:border-box}.page-login-serviteurs a{text-decoration:none;color:inherit}.page-login-serviteurs a:visited{color:inherit}.page-login-serviteurs{background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.page-login-serviteurs ::-webkit-scrollbar{width:8px}.page-login-serviteurs ::-webkit-scrollbar-track{background:var(--bg-light)}.page-login-serviteurs ::-webkit-scrollbar-thumb{background:var(--text-dark);border-radius:10px}@keyframes smoothReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slowBreathe{0%{transform:scale(1)}to{transform:scale(1.05)}}.page-login-serviteurs nav{position:fixed;top:0;left:0;width:100%;padding:15px 4vw;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .4s ease;background:#fffffff2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.page-login-serviteurs .logo-img{height:45px;object-fit:contain}.page-login-serviteurs .nav-center{display:flex;gap:30px;align-items:center}.page-login-serviteurs .nav-center a{font-family:var(--font-body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dark);text-decoration:none;position:relative;transition:color .3s}.page-login-serviteurs .nav-center a:after{content:"";position:absolute;width:0;height:2px;background:var(--accent);bottom:-5px;left:0;transition:width .3s ease}.page-login-serviteurs .nav-center a:hover:after{width:100%}.page-login-serviteurs .nav-right{display:flex;align-items:center;gap:15px}.page-login-serviteurs .btn-donate{padding:12px 28px;border-radius:100px;text-decoration:none;border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;transition:.3s;display:inline-block;cursor:pointer;background-color:var(--accent);color:#fff!important}.page-login-serviteurs .btn-donate:hover{background-color:transparent!important;color:var(--text-dark)!important;border-color:var(--text-dark)}.page-login-serviteurs .menu-btn-mobile{display:none}.page-login-serviteurs .full-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-light);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateY(-100%);transition:transform .8s cubic-bezier(.77,0,.175,1);overflow-y:auto;padding:60px 20px 20px}.page-login-serviteurs .full-menu.active{transform:translateY(0)}.page-login-serviteurs .full-menu a{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.8rem);font-weight:800;color:var(--text-dark);text-transform:uppercase;line-height:1.2;margin:5px 0;transition:.3s;-webkit-text-stroke:1px transparent}.page-login-serviteurs .full-menu a:hover{color:transparent;-webkit-text-stroke:1px var(--accent)}.page-login-serviteurs .menu-close{position:absolute;top:30px;right:4vw;font-family:var(--font-body);font-size:1rem;color:var(--text-dark);text-transform:uppercase;background:none;border:none;font-weight:600;cursor:pointer}.page-login-serviteurs .menu-btn{font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:none;border:none;outline:none;display:flex;align-items:center;gap:10px;transition:color .4s}.page-login-serviteurs .menu-lines{display:flex;flex-direction:column;gap:5px}.page-login-serviteurs .menu-lines span{display:block;width:30px;height:2px;background:var(--text-dark);transition:.4s}.page-login-serviteurs .login-wrapper{min-height:100vh;display:flex;align-items:center;padding:15vh 4vw 10vh 4vw;background-color:var(--bg-light)}.page-login-serviteurs .login-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1300px;margin:0 auto;width:100%;align-items:center}.page-login-serviteurs .login-image{width:100%;height:75vh;min-height:550px;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px #00000014;position:relative;animation:smoothReveal 1s cubic-bezier(.19,1,.22,1) forwards}.page-login-serviteurs .login-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%) brightness(.9);animation:slowBreathe 20s infinite alternate ease-in-out}.page-login-serviteurs .login-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.1) 50%,transparent 100%)}.page-login-serviteurs .login-image-text{position:absolute;bottom:50px;left:50px;z-index:2;color:#fff}.page-login-serviteurs .login-image-text h2{font-family:var(--font-display);font-size:clamp(2.2rem,3.5vw,3.5rem);font-weight:900;line-height:.9;text-transform:uppercase;margin:0 0 10px;letter-spacing:-.03em}.page-login-serviteurs .login-image-text h2 span{display:block}.page-login-serviteurs .login-image-text p{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:3px;font-weight:700;font-size:.9rem;margin:0}.page-login-serviteurs .login-form-box{padding:20px 0;max-width:480px}.page-login-serviteurs .login-tag{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);text-transform:uppercase;font-weight:700;letter-spacing:2px;margin-bottom:25px;display:inline-flex;align-items:center;gap:10px;background:#ff5e0014;padding:8px 16px;border-radius:100px;opacity:0;animation:smoothReveal .8s cubic-bezier(.19,1,.22,1) .2s forwards}.page-login-serviteurs .login-form-box h1{font-family:var(--font-display);font-size:clamp(3rem,4vw,2.5rem);font-weight:900;color:var(--text-dark);text-transform:uppercase;line-height:1;margin-bottom:20px;letter-spacing:-.02em;opacity:0;animation:smoothReveal .8s cubic-bezier(.19,1,.22,1) .3s forwards}.page-login-serviteurs .login-form-box p{font-size:1.15rem;color:var(--muted);line-height:1.6;margin-bottom:50px;font-weight:400;opacity:0;animation:smoothReveal .8s cubic-bezier(.19,1,.22,1) .4s forwards}.page-login-serviteurs .form-group{position:relative;margin-bottom:35px;opacity:0;animation:smoothReveal .8s cubic-bezier(.19,1,.22,1) .5s forwards}.page-login-serviteurs .form-group:nth-child(2){animation-delay:.6s}.page-login-serviteurs .form-control{width:100%;padding:15px 0;background:transparent;border:none;border-bottom:1px solid var(--line);font-family:var(--font-body);font-size:1.2rem;font-weight:500;color:var(--text-dark);transition:.3s;border-radius:0}.page-login-serviteurs .form-control:focus{outline:none}.page-login-serviteurs .form-group label{position:absolute;left:0;top:15px;font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;transition:.4s cubic-bezier(.19,1,.22,1);pointer-events:none}.page-login-serviteurs .form-control:focus~label,.page-login-serviteurs .form-control:not(:placeholder-shown)~label{top:-15px;font-size:.75rem;color:var(--accent)}.page-login-serviteurs .focus-border{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:.4s cubic-bezier(.19,1,.22,1)}.page-login-serviteurs .form-control:focus~.focus-border{width:100%}.page-login-serviteurs .btn-submit{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--text-dark);color:#fff;padding:22px 35px;border-radius:100px;font-family:var(--font-body);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;transition:.4s cubic-bezier(.19,1,.22,1);border:none;cursor:pointer;margin-top:20px;opacity:0;animation:smoothReveal .8s cubic-bezier(.19,1,.22,1) .7s forwards}.page-login-serviteurs .btn-submit i{transition:.4s cubic-bezier(.19,1,.22,1)}.page-login-serviteurs .btn-submit:hover{background-color:var(--accent);box-shadow:0 20px 40px #ff5e0040;padding-left:45px;padding-right:25px}.page-login-serviteurs .btn-submit:hover i{transform:translate(5px)}.page-login-serviteurs .back-link{display:inline-flex;align-items:center;gap:10px;margin-top:30px;color:var(--muted);font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;font-weight:700;transition:.3s;opacity:0;animation:smoothReveal .8s cubic-bezier(.19,1,.22,1) .8s forwards}.page-login-serviteurs .back-link:hover{color:var(--text-dark);transform:translate(-5px)}.page-login-serviteurs footer{padding:10vh 5vw 5vh;background-color:var(--bg-panel);border-top:1px solid var(--line)}.page-login-serviteurs .footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:4vw;margin-bottom:8vh}.page-login-serviteurs .footer-brand .logo-img{height:55px;margin-bottom:25px;filter:invert(0)}.page-login-serviteurs .footer-brand p{color:var(--muted);font-size:1.05rem;max-width:350px;margin-bottom:30px;line-height:1.6}.page-login-serviteurs .social-links{display:flex;gap:15px}.page-login-serviteurs .social-icon{width:45px;height:45px;border-radius:50%;background:var(--bg-light);border:1px solid var(--line);display:flex;justify-content:center;align-items:center;color:var(--text-dark);text-decoration:none;transition:.3s;font-size:1.2rem;cursor:pointer}.page-login-serviteurs .social-icon:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-3px)}.page-login-serviteurs .footer-col h4{font-family:var(--font-body);font-size:.85rem;color:var(--text-dark);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:25px}.page-login-serviteurs .footer-col ul{list-style:none;margin:0;padding:0}.page-login-serviteurs .footer-col ul li{margin-bottom:15px}.page-login-serviteurs .footer-col ul li a{color:var(--muted);text-decoration:none;transition:.3s;font-size:.95rem;cursor:pointer}.page-login-serviteurs .footer-col ul li a:hover{color:var(--accent)}.page-login-serviteurs .footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:3vh;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}@media(max-width:1024px){.page-login-serviteurs .nav-center{display:none}.page-login-serviteurs .menu-btn-mobile{display:flex}}@media(min-width:1025px){.page-login-serviteurs .menu-btn-mobile{display:none}}@media(max-width:900px){.page-login-serviteurs .nav-right .btn-donate{display:none}.page-login-serviteurs .login-wrapper{padding-top:120px}.page-login-serviteurs .login-grid{grid-template-columns:1fr;gap:50px}.page-login-serviteurs .login-image{height:40vh;min-height:350px;border-radius:20px}.page-login-serviteurs .login-image-text h2{font-size:2.2rem}.page-login-serviteurs .login-image-text{left:30px;bottom:30px}.page-login-serviteurs .login-form-box{max-width:100%;padding:0}.page-login-serviteurs .footer-grid{grid-template-columns:1fr;gap:40px}.page-login-serviteurs .footer-bottom{flex-direction:column;gap:20px;text-align:center}}