:root{--contact-label-color:#1e1b4b;--contact-icon-color:#6366f1;--contact-bg-start:#faf5ff;--contact-bg-end:#f3e8ff;--contact-border:#e9d5ff}.contact-page .contact-form-card label{font-weight:700;color:#fff;font-size:1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.contact-page .contact-form-card label svg{color:hsla(0,0%,100%,.9);min-width:18px;flex-shrink:0}.contact-page{padding:2rem 0}.contact-page .contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:4rem 0;margin-bottom:3rem;border-radius:1rem}.contact-page .contact-hero .envelope-icon{width:80px;height:80px;margin-bottom:1.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));color:#fff;stroke:#fff}.contact-page .contact-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff!important}.contact-page .contact-hero p{font-size:1.1rem;opacity:.95;color:#fff!important}.contact-page .contact-form-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1.5rem;padding:2.5rem;box-shadow:0 8px 25px rgba(102,126,234,.25);color:#fff}.contact-page .contact-form-card .form-header{margin-bottom:2rem}.contact-page .contact-form-card .form-header .icon-wrapper{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.2rem;display:inline-flex;margin-bottom:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.contact-page .contact-form-card .form-header .icon-wrapper svg{color:#fff!important;opacity:1!important}.contact-page .contact-form-card .form-header h2,.contact-page .contact-form-card .form-header h3{font-size:2rem;font-weight:800;margin-bottom:.75rem;color:#fff!important;opacity:1!important;-webkit-text-fill-color:#fff!important}.contact-page .contact-form-card .form-header p{color:hsla(0,0%,100%,.9)!important;font-size:1rem;font-weight:500;opacity:1!important;-webkit-text-fill-color:hsla(0,0%,100%,.9)!important}.contact-page .contact-form-card .form-group,.contact-page .contact-form-card .mb-4{margin-bottom:1.5rem}.contact-page .contact-form-card .form-group input,.contact-page .contact-form-card .form-group textarea,.contact-page .contact-form-card .mb-4 input,.contact-page .contact-form-card .mb-4 textarea{border:2px solid hsla(0,0%,100%,.4);transition:all .3s ease;font-size:1rem;padding:.75rem 1rem;background:#fff;color:#1e1b4b}.contact-page .contact-form-card .form-group input::placeholder,.contact-page .contact-form-card .form-group textarea::placeholder,.contact-page .contact-form-card .mb-4 input::placeholder,.contact-page .contact-form-card .mb-4 textarea::placeholder{color:#8b5cf6;opacity:.7;font-weight:500}.contact-page .contact-form-card .form-group input:focus,.contact-page .contact-form-card .form-group textarea:focus,.contact-page .contact-form-card .mb-4 input:focus,.contact-page .contact-form-card .mb-4 textarea:focus{border-color:#fff;box-shadow:0 0 0 .25rem hsla(0,0%,100%,.3);outline:none;background:#fff}.contact-page .contact-form-card .form-group input:disabled,.contact-page .contact-form-card .form-group textarea:disabled,.contact-page .contact-form-card .mb-4 input:disabled,.contact-page .contact-form-card .mb-4 textarea:disabled{background:#f3f4f6;cursor:not-allowed;color:#6b7280}.contact-page .contact-form-card .form-group input.error,.contact-page .contact-form-card .form-group textarea.error,.contact-page .contact-form-card .mb-4 input.error,.contact-page .contact-form-card .mb-4 textarea.error{border-color:#fca5a5}.contact-page .contact-form-card .form-group input.error:focus,.contact-page .contact-form-card .form-group textarea.error:focus,.contact-page .contact-form-card .mb-4 input.error:focus,.contact-page .contact-form-card .mb-4 textarea.error:focus{box-shadow:0 0 0 .25rem rgba(252,165,165,.3)}.contact-page .contact-form-card .form-group textarea,.contact-page .contact-form-card .mb-4 textarea{resize:none}.contact-page .contact-form-card .form-group .error-message,.contact-page .contact-form-card .mb-4 .error-message{color:#fca5a5;font-size:.875rem;margin-top:.5rem;background:rgba(252,165,165,.1);padding:.5rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.contact-page .contact-form-card .submit-button{height:56px;font-size:1.1rem;font-weight:600;transition:all .3s ease}.contact-page .contact-form-card .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.contact-page .contact-form-card .submit-button:disabled{opacity:.7;cursor:not-allowed}.contact-page .contact-sidebar .login-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none!important;border-radius:1.5rem;padding:2rem;color:#fff;position:relative;overflow:hidden;margin-bottom:2rem}.contact-page .contact-sidebar .login-card .icon-circle{width:70px;height:70px;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.contact-page .contact-sidebar .login-card .icon-circle svg{width:32px;height:32px}.contact-page .contact-sidebar .login-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.contact-page .contact-sidebar .login-card p{opacity:.9;font-size:.95rem;margin-bottom:1.5rem}.contact-page .contact-sidebar .login-card .login-button{background:#fff;color:#667eea;font-weight:600;transition:all .3s ease}.contact-page .contact-sidebar .login-card .login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.contact-page .contact-sidebar .login-card .register-link{color:#fff;opacity:.9;font-size:.875rem;margin-top:1rem}.contact-page .contact-sidebar .login-card .register-link a{color:#fff;text-decoration:none;font-weight:700;border-bottom:2px solid hsla(0,0%,100%,.5);padding-bottom:2px;transition:all .3s ease}.contact-page .contact-sidebar .login-card .register-link a:hover{border-bottom-color:#fff;opacity:1}.contact-page .contact-sidebar .user-info-card{background:linear-gradient(135deg,#faf5ff,#f3e8ff)!important;border:1px solid #e9d5ff!important;border-radius:1.5rem;padding:2rem;margin-bottom:2rem}.contact-page .contact-sidebar .user-info-card .user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(124,58,237,.2)}.contact-page .contact-sidebar .user-info-card .user-avatar svg{width:32px;height:32px;color:#fff}.contact-page .contact-sidebar .user-info-card h4{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;color:#1e1b4b!important}.contact-page .contact-sidebar .user-info-card p{color:#6b21a8!important;font-size:.875rem;margin:0}.contact-page .contact-sidebar .social-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1.5rem;padding:2rem;box-shadow:0 8px 25px rgba(102,126,234,.25)}.contact-page .contact-sidebar .social-card .card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.contact-page .contact-sidebar .social-card .card-header h3{font-size:1.25rem;font-weight:700;margin:0;color:#fff}.contact-page .contact-sidebar .social-card .social-buttons{display:flex;gap:.75rem}.contact-page .contact-sidebar .social-card .social-buttons .social-button{flex:1 1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:.75rem;transition:all .3s ease;text-decoration:none;background:#fff;border:none;padding:.5rem}.contact-page .contact-sidebar .social-card .social-buttons .social-button:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.contact-page .contact-sidebar .social-card .social-buttons .social-button svg{width:24px;height:24px;fill:currentColor}.contact-page .contact-sidebar .social-card .social-buttons .social-button.facebook{color:#1877f2}.contact-page .contact-sidebar .social-card .social-buttons .social-button.instagram{color:#e4405f}.contact-page .contact-sidebar .social-card .social-buttons .social-button.twitter{color:#1da1f2}.contact-page .contact-sidebar .social-card .social-buttons .social-button.youtube{color:red}.contact-page .contact-sidebar .social-card .social-buttons .social-button.tiktok{color:#000}@media(max-width:991px){.contact-page .contact-hero{padding:3rem 0;margin-bottom:2rem}.contact-page .contact-form-card{padding:2rem;margin-bottom:2rem}.contact-page .contact-sidebar .login-card,.contact-page .contact-sidebar .social-card,.contact-page .contact-sidebar .user-info-card{margin-bottom:1.5rem}}@media(max-width:575px){.contact-page{padding:1rem 0}.contact-page .contact-hero{padding:2rem 0}.contact-page .contact-hero .envelope-icon{width:60px;height:60px}.contact-page .contact-form-card{padding:1.5rem}}.contact-page[data-bs-theme=dark] .user-info-card,[data-bs-theme=dark] .contact-page .user-info-card{background:#1e1e3f!important;border:1px solid hsla(0,0%,100%,.1)!important}.contact-page[data-bs-theme=dark] .user-info-card h4,[data-bs-theme=dark] .contact-page .user-info-card h4{color:#fff!important}.contact-page[data-bs-theme=dark] .user-info-card p,[data-bs-theme=dark] .contact-page .user-info-card p{color:#c9d1d9!important}@media(prefers-color-scheme:dark){.contact-page[data-bs-theme=auto] .user-info-card,[data-bs-theme=auto] .contact-page .user-info-card{background:#1e1e3f!important;border:1px solid hsla(0,0%,100%,.1)!important}.contact-page[data-bs-theme=auto] .user-info-card h4,[data-bs-theme=auto] .contact-page .user-info-card h4{color:#fff!important}.contact-page[data-bs-theme=auto] .user-info-card p,[data-bs-theme=auto] .contact-page .user-info-card p{color:#c9d1d9!important}}