.contact-page{background-color:var(--bg-body,#f5f8fa);min-height:100vh;color:var(--text-800,#1e293b);flex-direction:column;padding-top:72px;display:flex}.contact-hero{text-align:center;background:linear-gradient(135deg, var(--brand-primary,#0f5645) 0%, var(--brand-primary-hover,#0c4537) 100%);color:var(--bg-white,#fff);padding:64px 24px;position:relative;overflow:hidden}.contact-hero:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:600px;height:600px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.contact-hero__inner{z-index:1;max-width:800px;margin:0 auto;position:relative}.contact-hero__title{letter-spacing:-.025em;margin-bottom:12px;font-family:Outfit,Inter,sans-serif;font-size:2.5rem;font-weight:800}.contact-hero__sub{color:#ffffffd9;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.contact-container{z-index:2;width:100%;max-width:720px;margin:-40px auto 60px;padding:0 24px;position:relative}.contact-card-form{background:var(--bg-white,#fff);border:1px solid #e2e8f0cc;border-radius:20px;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.contact-card-form:hover{transform:translateY(-2px);box-shadow:0 25px 30px -5px #00000014}.contact-form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.contact-form-group{flex-direction:column;gap:8px;display:flex}.contact-form-group.full-width{grid-column:span 2}.contact-form-label{color:var(--text-700,#334155);font-size:.875rem;font-weight:600}.contact-form-input,.contact-form-select,.contact-form-textarea{border:1px solid var(--text-300,#cbd5e1);background-color:var(--bg-body,#f5f8fa);color:var(--text-900,#0f172a);box-sizing:border-box;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.contact-form-input:focus,.contact-form-select:focus,.contact-form-textarea:focus{border-color:var(--brand-primary,#0f5645);background-color:var(--bg-white,#fff);outline:none;box-shadow:0 0 0 4px #0f564514}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:var(--text-400,#94a3b8)}.contact-form-textarea{resize:vertical;min-height:120px}.contact-submit-button{width:100%;color:var(--bg-white,#fff);background-color:var(--brand-primary,#0f5645);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0f564526}.contact-submit-button:hover:not(:disabled){background-color:var(--brand-primary-hover,#0c4537);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0f564533}.contact-submit-button:active:not(:disabled){transform:translateY(0)}.contact-submit-button:disabled{opacity:.6;cursor:not-allowed}.contact-success{text-align:center;animation:.4s ease-out fadeIn}.success-icon-wrapper{background-color:var(--brand-muted,#f0fdf4);width:72px;height:72px;color:var(--color-success,#198754);border:1px solid var(--color-success-surface,#d1e7dd);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:2rem;display:flex}.success-title{color:var(--text-900,#0f172a);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700}.success-sub{color:var(--text-600,#475569);margin-bottom:32px;font-size:1rem;line-height:1.6}.success-ticket-box{background-color:var(--bg-body,#f5f8fa);border:2px dashed var(--text-300,#cbd5e1);border-radius:16px;margin-bottom:32px;padding:24px}.success-ticket-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-500,#64748b);margin-bottom:6px;font-size:.8rem;font-weight:700}.success-ticket-number{color:var(--brand-primary,#0f5645);letter-spacing:2px;font-family:monospace;font-size:2rem;font-weight:800}.success-action-btn{color:var(--brand-primary,#0f5645);background-color:var(--brand-muted,#f0fdf4);border:1px solid var(--color-success-surface,#d1e7dd);cursor:pointer;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.success-action-btn:hover{background-color:var(--brand-primary,#0f5645);color:var(--bg-white,#fff);border-color:var(--brand-primary,#0f5645)}.contact-alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500;line-height:1.5}.contact-alert.error{background-color:var(--color-danger-surface,#f8d7da);color:#991b1b;border:1px solid var(--color-danger,#dc3545)}.contact-footer-strip{text-align:center;color:var(--text-600,#475569);background-color:var(--border-100,#f1f5f9);border-top:1px solid var(--border-200,#e2e8f0);margin-top:auto;padding:32px 24px;font-size:.85rem}.contact-footer-strip a{color:var(--brand-primary,#0f5645);font-weight:500;text-decoration:none}.contact-footer-strip a:hover{text-decoration:underline}.legal-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=640px){.contact-form-grid{grid-template-columns:1fr}.contact-form-group.full-width{grid-column:span 1}.contact-card-form{padding:24px}.contact-hero__title{font-size:2rem}}