.contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;transition:background .4s ease-in-out}.contact-container{max-width:800px;margin:0 auto;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;background-color:#fff;color:#2c3e50;transition:background-color .3s,color .3s}body.dark-mode .contact-container{background-color:#1e1e1e;color:#f5f5f5}.contact-form-wrapper h2{font-size:1.8rem;margin-bottom:.5rem}.contact-form-wrapper p{margin-bottom:2rem;color:#7f8c8d}body.dark-mode .contact-container .contact-form-wrapper p{color:#ccc}.form-notice{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;padding:1rem;margin-bottom:2rem;text-align:center}body.dark-mode .contact-container .form-notice{background-color:#2e2e2e;border-color:#444}.form-notice p{margin:0;font-size:.9rem;color:#155724}body.dark-mode .contact-container .form-notice p{color:#a0e3a0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.9rem}body.dark-mode .contact-container .form-group label{color:#ddd}.form-group input,.form-group textarea{padding:.8rem;border-radius:5px;font-size:1rem;transition:border-color .3s,background-color .3s,color .3s;color:inherit!important;background-color:inherit!important}.contact-container .form-group input,.contact-container .form-group textarea{background-color:#fff!important;color:#2c3e50!important;border:1px solid #e0e0e0}body.dark-mode .contact-container .form-group input,body.dark-mode .contact-container .form-group textarea{background-color:#2e2e2e!important;color:#f5f5f5!important;border:1px solid #555}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#999}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}body.dark-mode .contact-container .form-group input::-moz-placeholder,body.dark-mode .contact-container .form-group textarea::-moz-placeholder{color:#aaa}body.dark-mode .contact-container .form-group input::placeholder,body.dark-mode .contact-container .form-group textarea::placeholder{color:#aaa}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-group input:disabled,.form-group input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c8ff5,#9b6dc6);opacity:0;transition:opacity .3s ease}.submit-btn span{position:relative;z-index:1}.submit-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #667eea80}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:disabled{background:linear-gradient(135deg,#a0aec0,#718096);cursor:not-allowed;transform:none!important;box-shadow:none}.success-container{text-align:center;padding:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.success-container h2{color:#1e8449;margin-bottom:1rem}.success-container p{color:#7f8c8d;margin-bottom:2rem}body.dark-mode .contact-container .success-container p{color:#ccc}.success-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.success-details h3{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem}.success-details p{margin:.5rem 0;color:#495057}.success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-send-another{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .3s;font-size:1rem}.btn-send-another:hover{background-color:#2980b9}.btn-view-alternatives{background-color:#6c757d;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .3s;font-size:1rem}.btn-view-alternatives:hover{background-color:#5a6268}@media(max-width:768px){.contact-container{padding:1.5rem;margin:1rem}.success-actions{flex-direction:column;align-items:center}.btn-send-another{width:100%;max-width:300px}}