*{box-sizing:border-box}body{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.contact-container{flex:1;padding:40px 20px;margin-top:80px}.contact-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}.contact-header{grid-column:1 / -1;text-align:center;margin-bottom:40px}.contact-header h1{color:#333;font-size:48px;font-weight:700;margin:0 0 16px}.contact-header p{color:#666;font-size:18px;line-height:1.6;max-width:600px;margin:0 auto}.contact-form-section{grid-column:1}.form-card{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;padding:40px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e1e8ed}.form-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00000026}.form-card h2{color:#333;font-size:28px;font-weight:700;margin:0 0 30px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{position:relative}.input-group label{display:block;color:#333;font-weight:600;font-size:14px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.input-group input,.input-group textarea{width:100%;padding:16px 20px;border:1px solid #ccc;border-radius:8px;background:#fafafa;color:#333;font-size:16px;font-family:inherit;transition:all .3s ease;outline:none;resize:vertical}.input-group input:focus,.input-group textarea:focus{border-color:#4caf50;background:#fff;box-shadow:0 0 0 3px #4caf501a}.input-group input::placeholder,.input-group textarea::placeholder{color:#999}.submit-btn{position:relative;width:100%;padding:16px 24px;background:#4caf50;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-btn:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.loading .btn-text{opacity:0}.submit-btn.loading .btn-loader{display:block}.btn-loader{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-info-section{grid-column:2}.info-card{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;padding:30px;height:fit-content;position:sticky;top:100px;border:1px solid #e1e8ed}.info-card h3{color:#333;font-size:24px;font-weight:700;margin:0 0 25px;text-align:center}.contact-methods{display:flex;flex-direction:column;gap:20px}.contact-method{display:flex;align-items:center;gap:15px;padding:15px;background:#fafafa;border-radius:8px;transition:all .3s ease}.contact-method:hover{background:#f5f5f5;transform:translate(5px)}.method-icon{font-size:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#4caf50;border-radius:8px;color:#fff}.method-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.method-content p{color:#666;font-size:14px;margin:0;line-height:1.4}.response-message{position:fixed;top:100px;right:20px;padding:16px 24px;border-radius:8px;font-weight:500;z-index:1000;max-width:400px;animation:slideInRight .3s ease-out}.response-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.response-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}footer{background:#fff;color:#333;padding:15px;text-align:center;margin-top:auto;border-top:1px solid #e1e8ed}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:30px}.info-card{position:static}}@media (max-width: 768px){.contact-container{padding:20px 15px;margin-top:60px}.contact-header h1{font-size:36px}.contact-header p{font-size:16px}.form-card,.info-card{padding:25px 20px;border-radius:10px}.form-row{grid-template-columns:1fr;gap:24px}.input-group input,.input-group textarea{padding:14px 16px;font-size:16px}.response-message{position:fixed;top:80px;left:20px;right:20px;max-width:none}}@media (max-width: 480px){.contact-header h1{font-size:28px}.form-card h2{font-size:24px}.info-card h3{font-size:20px}.contact-method{flex-direction:column;text-align:center;gap:10px}.method-icon{width:40px;height:40px;font-size:20px}}.contact-content{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.input-group.error input,.input-group.error textarea{border-color:#e74c3c;background:#fdf2f2}.input-group.error label{color:#e74c3c}.input-group.success input,.input-group.success textarea{border-color:#4caf50;background:#f0f9f0}