.contact-page{min-height:calc(100vh - var(--nav-height));position:relative;background:#ffffff;overflow:hidden}.contact-inner{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:60px 24px}.contact-page-header{text-align:center;margin-bottom:48px}.contact-page-header .contact-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(26,111,255,.08);border:1px solid rgba(26,111,255,.2);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:24px}.contact-page-header .contact-badge:before{content:"";width:6px;height:6px;background:var(--brand);border-radius:50%;box-shadow:0 0 8px var(--brand);animation:pulse-dot 2s infinite}.contact-page-header h1{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-1px;color:#0f172a;line-height:1.15;margin-bottom:16px}.contact-page-header h1 em{font-style:normal;background:linear-gradient(135deg,var(--brand) 0,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-page-header .contact-desc-text{font-size:15px;color:#4b5563}.contact-info-items{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#6b7280}.info-item-icon{font-size:14px;flex-shrink:0}.info-item a{color:#6b7280;text-decoration:none;transition:color .2s}.info-item a:hover{color:var(--brand)}.contact-footer-info{margin-top:50px;padding-top:50px;border-top:1px solid #e2e8f0}.contact-info-items.horizontal{flex-direction:row;justify-content:center;gap:48px;flex-wrap:wrap}.form-card{background:transparent;border:none;box-shadow:none}.form-body{padding:0}.field-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.field-group.full{grid-template-columns:1fr}.field{margin-bottom:0}.field label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:6px}.field label .req{color:#ef4444;margin-left:2px}.field-input-wrap{position:relative}.field input,.field select,.field textarea{width:100%;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:400;color:#475569;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input::placeholder,.field textarea::placeholder{color:#94a3b8}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(26,111,255,.08)}.field input.error,.field select.error,.field textarea.error{border-color:#ef4444}.field input.error:focus,.field select.error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.field select{background-image:none;color:#475569}.field select option{background:#f8fafc;color:#475569;font-size:14px;font-weight:400}.field textarea{resize:none}.field-error{font-size:11px;color:#ef4444;margin-top:4px;display:none}.field-error.show{display:block}.agent-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:16px}.agent-btn{padding:14px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;text-align:center;line-height:1.4;transition:all .15s;font-family:inherit}.agent-btn:hover{border-color:#cbd5e1;color:#0f172a;background:#f1f5f9}.agent-btn.active{border-color:var(--brand);background:rgba(26,111,255,.07);color:var(--brand)}.agent-btn .agent-emoji{font-size:18px;display:block;margin-bottom:6px}.challenges-section{padding:20px 0 0;border-top:1px solid #e2e8f0;margin-top:4px}.challenges-title{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px}.challenges-sub{font-size:13px;color:#64748b;margin-bottom:14px}.challenges-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.challenge-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#475569;font-size:14px;font-weight:400;cursor:pointer;text-align:left;line-height:1.4;transition:all .15s;font-family:inherit}.challenge-btn:hover{border-color:#cbd5e1;color:#0f172a;background:#f1f5f9}.challenge-btn.selected{border-color:var(--brand);background:rgba(26,111,255,.07);color:var(--brand)}.challenge-check{width:18px;height:18px;min-width:18px;border-radius:5px;border:1px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;color:transparent;transition:all .15s}.challenge-btn.selected .challenge-check{background:var(--brand);border-color:var(--brand);color:#fff}.form-footer{padding:24px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.form-footer-note{font-size:11px;color:#6b7280;line-height:1.5}.btn-submit{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--brand);color:#fff;font-size:14px;font-weight:700;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px var(--brand-glow);flex-shrink:0}.btn-submit:hover{background:var(--brand-hover);transform:translateY(-1px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-success{display:none;padding:60px 32px;text-align:center}.form-success.show{display:block}.success-icon{font-size:56px;margin-bottom:20px}.success-title{font-size:22px;font-weight:800;color:#0f172a;margin-bottom:10px}.success-desc{font-size:14px;color:#6b7280;line-height:1.7;margin-bottom:28px}.toast{position:fixed;bottom:24px;right:24px;padding:14px 20px;border-radius:12px;font-size:13px;font-weight:600;z-index:9999;transform:translateX(120%);transition:transform .3s;max-width:360px}.toast-show{transform:translateX(0)}.toast-success{background:#166534;color:#bbf7d0;border:1px solid #16a34a}.toast-error{background:#7f1d1d;color:#fecaca;border:1px solid #dc2626}@media (max-width:1024px){.contact-inner{padding:60px 24px 80px}}@media (max-width:768px){.contact-inner{padding:40px 24px}.field-group{gap:12px}.challenges-grid,.field-group{grid-template-columns:1fr}.form-footer{flex-direction:column;text-align:center}.form-footer-note{order:2;margin-top:12px}.btn-submit{order:1;width:100%;justify-content:center}.form-body,.form-header{padding:0}.form-footer{padding:24px 0}.contact-info-items.horizontal{flex-direction:column;align-items:center;gap:20px;text-align:center}.info-item[style]{align-items:center!important}.info-item[style]>div{text-align:center!important}}