:root{--white-short:#fff;--required-color:#d93025;--placeholder-color:#888;--text-color:#f0f0f8;--accent-blue:#8ebaff;--hover-yellow:#f7bf3e;--bg-page:#10192f;--bg-card:#20325f}body.contact-page-body{background-color:var(--bg-page);color:var(--text-color);margin:0;padding:40px 15px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;font-family:'Roboto',sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI"}.contact-page-container{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center}.contact-card{background-color:var(--bg-card);border-radius:8px;box-shadow:0 12px 35px rgba(0,0,0,0.45);width:100%;overflow:hidden;color:#ffffff;position:relative}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.bouse-container{position:absolute;top:134px;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:15}.contact-card.screen-shake{animation:modal-shake 0.35s cubic-bezier(0.36,0.07,0.19,0.97) both}@keyframes modal-shake{0%,100%{transform:translate3d(0,0,0)}15%{transform:translate3d(-6px,8px,0)}35%{transform:translate3d(6px,-5px,0)}55%{transform:translate3d(-4px,4px,0)}75%{transform:translate3d(3px,-2px,0)}}.bouse-item{position:absolute;top:0;pointer-events:none;will-change:transform}.bouse-inner{width:100%;height:100%;transform-origin:center bottom;will-change:transform}.bouse-item svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.45))}.bouse-item.is-splatted .bouse-inner{animation:bouse-splat 0.45s cubic-bezier(0.25,1,0.5,1) forwards}@keyframes bouse-splat{0%{transform:scale(1,1)}30%{transform:scale(1.65,0.4) translateY(10px)}60%{transform:scale(0.9,1.15) translateY(-5px)}80%{transform:scale(1.15,0.92) translateY(2px)}100%{transform:scale(1.1,0.88) translateY(0)}}.bouse-splash{position:absolute;border-radius:50%;background-color:#5D4037;pointer-events:none;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.contact-header{display:flex;align-items:center;padding:24px 35px;gap:22px}.contact-avatar-link{display:inline-block;border-radius:50%;text-decoration:none;line-height:0}.contact-avatar{width:85px;height:85px;border-radius:50%;border:3px solid var(--accent-blue);object-fit:cover;display:block;transition:transform 0.25s ease,box-shadow 0.25s ease;cursor:pointer}.contact-avatar-link:hover .contact-avatar,.contact-avatar-link:focus-visible .contact-avatar{transform:scale(1.06);box-shadow:0 0 15px rgba(142,186,255,0.5)}.contact-identity{display:flex;flex-direction:column;justify-content:center;gap:4px}.contact-name-link{text-decoration:none;color:inherit;display:inline-block;width:fit-content}.contact-name{font-size:1.45rem;font-weight:700;color:#ffffff;margin:0;line-height:1.2;transition:color 0.2s ease}.contact-name-link:hover .contact-name,.contact-name-link:focus-visible .contact-name{color:var(--accent-blue)}.contact-baseline{font-size:1rem;color:#cfd8dc;margin:0;line-height:1.3}.contact-divider{height:1px;background-color:var(--accent-blue);width:100%}.contact-body{padding:35px 40px 45px;box-sizing:border-box;width:100%}.contact-title{font-size:1.8rem;font-weight:800;color:var(--accent-blue);text-align:center;letter-spacing:0.08em;margin:0 0 35px 0;text-transform:uppercase}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:1.05rem;font-weight:600;color:#ffffff}.required{color:var(--required-color)}.form-group input,.form-group textarea{width:100%;padding:13px 15px;border:1px solid #3b507d;border-radius:4px;font-size:15px;font-family:inherit;background-color:var(--white-short);color:#1a1a1a;box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(142,186,255,0.25)}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--placeholder-color)}.helper-text{display:block;margin-top:6px;font-size:13px;color:#b0bec5;font-style:italic}.button-container{text-align:center;margin-top:32px}#submit-btn{background-color:var(--accent-blue);color:#10192f;border:none;padding:13px 45px;font-size:16px;font-weight:700;cursor:pointer;border-radius:4px;transition:background-color 0.2s ease,transform 0.1s ease}#submit-btn:hover{background-color:var(--hover-yellow);color:#10192f;transform:translateY(-1px)}#submit-btn:active{transform:translateY(0)}#submit-btn:disabled{opacity:0.65;cursor:not-allowed;transform:none}#feedback-view{text-align:center;display:flex;flex-direction:column;align-items:center;padding:40px 30px 45px}#feedback-title{font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 18px 0}.feedback-container.erreur #feedback-title,#feedback-view.erreur #feedback-title{color:#e53935}.feedback-container.success #feedback-title,#feedback-view.success #feedback-title{color:#4caf50}#feedback-message{font-size:1.1rem;color:#ffffff;margin:0 0 30px 0;line-height:1.6;max-width:520px}.feedback-btn{background-color:var(--accent-blue);color:#10192f;border:none;padding:12px 34px;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color 0.2s ease,transform 0.1s ease;display:inline-block;position:relative;z-index:25}.feedback-btn:hover{background-color:var(--hover-yellow);transform:translateY(-1px)}.feedback-btn:active{transform:translateY(0)}.contact-copyright{color:#8892b0;font-size:0.85rem;margin-top:25px;text-align:center}@media screen and (max-width:600px){body.contact-page-body{padding:20px 10px}.contact-header{padding:20px;gap:15px}.contact-avatar{width:70px;height:70px}.contact-name{font-size:1.25rem}.contact-baseline{font-size:0.9rem}.contact-body{padding:25px 20px 30px}.contact-title{font-size:1.5rem;margin-bottom:25px}#feedback-view{padding:30px 15px}}