#contact{padding:40px 20px;background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);min-height:100vh}#contact .contact-container{max-width:1200px;margin:0 auto}#contact h2{font-size:2.5rem;text-align:center;margin-bottom:40px;color:#2e3b4e;font-weight:700}#contact h2::after{content:"";width:80px;height:4px;background:linear-gradient(90deg, #2e3b4e, #4f5b66);display:block;margin:20px auto;border-radius:2px}#contact .form-container{background:#fff;border-radius:15px;padding:30px;margin-bottom:40px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid rgba(46,59,78,.1)}#contact .form-container h3{font-size:1.8rem;color:#2e3b4e;margin-bottom:25px;text-align:center;border-bottom:2px solid #2e3b4e;padding-bottom:10px}#contact .contact-form{display:flex;flex-direction:column;gap:20px}#contact .contact-form .form-row{display:flex;gap:20px;flex-wrap:wrap}#contact .contact-form .form-group{flex:1;min-width:250px;display:flex;flex-direction:column}#contact .contact-form .form-group label{font-weight:600;color:#2e3b4e;margin-bottom:8px;font-size:1rem}#contact .contact-form .form-group input,#contact .contact-form .form-group select,#contact .contact-form .form-group textarea{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fff}#contact .contact-form .form-group input:focus,#contact .contact-form .form-group select:focus,#contact .contact-form .form-group textarea:focus{outline:none;border-color:#2e3b4e;box-shadow:0 0 0 3px rgba(46,59,78,.1)}#contact .contact-form .form-group.checkbox-group{flex-direction:row;align-items:center;gap:10px}#contact .contact-form .form-group.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:0}#contact .contact-form .form-group.checkbox-group input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer}#contact .contact-form .required-note{font-size:.9rem;color:#6c757d;text-align:center;margin:20px 0 10px 0;font-style:italic}#contact .contact-form .email-note{font-size:.85rem;color:#2e3b4e;text-align:center;margin:5px 0 15px 0;font-style:italic;background:#f8f9fa;padding:8px 15px;border-radius:5px;border-left:3px solid #2e3b4e}#contact .contact-form .submit-btn{background:linear-gradient(135deg, #2e3b4e 0%, #4f5b66 100%);color:#fff;border:none;padding:15px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:center;min-width:200px}#contact .contact-form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(46,59,78,.3)}#contact .contact-form .submit-btn:active{transform:translateY(0)}#contact .contact-form .button-group{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}#contact .contact-form .show-email-btn{background:rgba(0,0,0,0);color:#2e3b4e;border:2px solid #2e3b4e;padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:180px}#contact .contact-form .show-email-btn:hover{background:#2e3b4e;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px rgba(46,59,78,.2)}#contact .contact-form .show-email-btn:active{transform:translateY(0)}#contact .form-separator{margin:60px 5%;border:none;height:2px;background:linear-gradient(90deg, transparent, #2e3b4e, transparent)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal .modal-content{background-color:#fff;margin:5% auto;border-radius:12px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:modalFadeIn .3s ease}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg, #2e3b4e 0%, #4f5b66 100%);color:#fff;border-radius:12px 12px 0 0}.modal .modal-header h3{margin:0;font-size:1.4rem;font-weight:600}.modal .modal-header .close{color:#fff;font-size:28px;font-weight:bold;cursor:pointer;line-height:1;padding:0;background:none;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal .modal-header .close:hover{background-color:rgba(255,255,255,.2);transform:scale(1.1)}.modal .modal-body{padding:25px}.modal .modal-body .email-detail{margin-bottom:20px}.modal .modal-body .email-detail label{display:block;font-weight:600;color:#2e3b4e;margin-bottom:5px;font-size:1rem}.modal .modal-body .email-detail span{display:block;background-color:#f8f9fa;padding:12px 15px;border-radius:6px;border:1px solid #e9ecef;font-family:"Courier New",monospace;font-size:.95rem;word-break:break-word}.modal .modal-body .email-detail textarea{width:100%;min-height:200px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;font-family:"Courier New",monospace;font-size:.9rem;line-height:1.5;resize:vertical;white-space:pre-wrap}.modal .modal-body .email-detail textarea:focus{outline:2px solid #2e3b4e;border-color:#2e3b4e}.modal .modal-body .modal-footer{margin-top:25px;padding-top:20px;border-top:1px solid #e9ecef}.modal .modal-body .modal-footer .modal-note{background:#f8f9fa;color:#495057;padding:15px;border-radius:6px;border-left:3px solid #6c757d;font-size:.9rem;line-height:1.5;margin:0}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@media(max-width: 768px){#contact{padding:30px 15px}#contact .form-container{padding:20px;margin-bottom:30px}#contact .form-container h3{font-size:1.5rem}#contact .contact-form .form-row{flex-direction:column;gap:15px}#contact .contact-form .form-group{min-width:auto}#contact h2{font-size:2rem}.modal .modal-content{margin:10% auto;width:95%}.modal .modal-header{padding:15px 20px}.modal .modal-header h3{font-size:1.2rem}.modal .modal-body{padding:20px}.modal .modal-body .email-detail{margin-bottom:15px}.modal .modal-body .email-detail textarea{min-height:150px;font-size:.85rem}}@media(max-width: 480px){#contact .form-container{padding:15px}#contact .contact-form .button-group{flex-direction:column;gap:10px}#contact .contact-form .button-group .submit-btn,#contact .contact-form .button-group .show-email-btn{min-width:auto;width:100%}.modal .modal-content{margin:5% auto;width:98%;max-height:95vh}.modal .modal-header{padding:12px 15px}.modal .modal-header h3{font-size:1.1rem}.modal .modal-header .close{font-size:24px;width:28px;height:28px}.modal .modal-body{padding:15px}.modal .modal-body .email-detail{margin-bottom:12px}.modal .modal-body .email-detail label{font-size:.9rem}.modal .modal-body .email-detail span,.modal .modal-body .email-detail textarea{font-size:.8rem}.modal .modal-body .email-detail textarea{min-height:120px;padding:10px}.modal .modal-body .modal-footer .modal-note{padding:10px;font-size:.8rem}}