.contact-page{min-height:calc(100vh - 200px);background:var(--brand-surface);padding:60px 20px}.contact-container{max-width:1600px;margin:0 auto}.contact-header{text-align:center;margin-bottom:50px}.contact-title{font-family:var(--font-brand-display);font-size:48px;font-weight:600;color:var(--brand-ink);margin:0 0 16px;background:var(--brand-gradient-mark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:18px;color:#666;max-width:1600px;margin:0 auto;line-height:1.6}.contact-content{display:block}.contact-form-wrapper{position:relative;max-width:1600px;margin:0 auto}.contact-form-card{background:#ffffff;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.contact-form-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px rgba(0,0,0,.15)}.form-title{font-size:28px;font-weight:600;color:#1a1a1a;margin:0 0 30px}.contact-form{gap:24px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:4px}.required{color:#e53935;font-weight:700}.form-input,.form-textarea{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;font-family:inherit;transition:all .3s ease;background:#fafafa;color:#333}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--brand-accent);background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.12)}.form-input.error,.form-textarea.error{border-color:#e53935;background:#fff5f5}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.error-message{font-size:13px;color:#e53935;margin-top:-4px;display:flex;align-items:center;gap:4px}.error-message:before{content:"⚠";font-size:14px}.submit-button{margin-top:10px;padding:16px 32px;background:var(--brand-gradient-cta);color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px rgba(196,30,74,.28)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(196,30,74,.36)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.submit-message{padding:14px 16px;border-radius:10px;font-size:14px;font-weight:500;text-align:center;animation:slideDown .3s ease}.submit-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.contact-title{font-size:36px}.contact-subtitle{font-size:16px}.contact-form-card{padding:30px}}@media (max-width:640px){.contact-page{padding:40px 16px}.contact-header{margin-bottom:30px}.contact-title{font-size:32px}.contact-form-card{padding:24px;border-radius:16px}.form-title{font-size:24px}}