.contact-page{padding-top:72px}.contact-hero{text-align:center;background-color:#0a0e14;width:100%;position:relative;overflow:hidden}.contact-hero-img{vertical-align:middle;width:100%;max-width:none;height:auto;display:block}.contact-hero-overlay{z-index:1;pointer-events:none;background:radial-gradient(42% 45% at 100% 100%,#0a0e14 0% 25%,#0a0e14fa 45%,#0a0e14bf 65%,#0000 88%),radial-gradient(50% 55% at 50% 35%,#ffc1071f 0%,#0000 65%),linear-gradient(#0a0e148c 0%,#0a0e149e 50%,#0a0e14d1 100%);position:absolute;inset:0}.contact-hero-overlay:after{content:"";pointer-events:none;background:#0a0e14;width:clamp(90px,14vw,180px);height:clamp(90px,14vw,180px);position:absolute;bottom:0;right:0}.contact-hero-inner{z-index:2;flex-direction:column;justify-content:center;align-items:center;max-width:580px;margin-inline:auto;padding-inline:1.25rem;display:flex;position:absolute;inset:0}.contact-hero-title{text-shadow:0 2px 12px #0000008c;margin-bottom:1rem;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;line-height:1.2}.contact-hero-desc{color:#e2e8f0;text-shadow:0 2px 10px #0009;margin:0;font-size:clamp(.9rem,2vw,1.05rem);line-height:1.75}.contact-main{background:#fff;padding-block:3rem 3.5rem}.contact-grid{grid-template-columns:1fr;align-items:start;gap:2.5rem;display:grid}.contact-info h2,.contact-form-card h2{color:#0f172a;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.contact-info-intro,.contact-form-sub{color:#64748b;margin:0 0 1.5rem;font-size:.88rem;line-height:1.65}.contact-cards{flex-direction:column;gap:.85rem;margin-bottom:2rem;display:flex}.contact-card{background:#f8fafc;border:1px solid #e8edf3;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem;transition:border-color .2s;display:flex}.contact-card:hover{border-color:#ffc10759}.contact-card-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 3px 10px #0f172a1f}.contact-card-icon svg{width:22px;height:22px}.contact-card-icon.gold,.contact-card-icon.orange{background:linear-gradient(145deg,#fb923c 0%,#ea580c 100%);box-shadow:0 2px 8px #ea580c59}.contact-card-icon.blue{background:linear-gradient(145deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 2px 8px #2563eb59}.contact-card-icon.green{background:linear-gradient(145deg,#34d399 0%,#059669 100%);box-shadow:0 2px 8px #05966959}.contact-card-icon.purple{background:linear-gradient(145deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:0 2px 8px #6d28d959}.contact-card h3{color:#0f172a;margin:0 0 .2rem;font-size:.82rem;font-weight:700}.contact-card p,.contact-card a{color:#64748b;margin:0;font-size:.85rem;line-height:1.45}.contact-card a{color:#d97706;font-weight:600;transition:color .2s}.contact-card a:hover{color:#b45309}.contact-social h3{color:#0f172a;margin:0 0 .85rem;font-size:.9rem;font-weight:700}.contact-social-links{flex-wrap:wrap;gap:.75rem;display:flex}.contact-social-btn{color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0f172a26}.contact-social-btn svg{width:18px;height:18px}.contact-social-btn:first-child{background:linear-gradient(145deg,#38bdf8 0%,#0284c7 100%)}.contact-social-btn:nth-child(2){background:linear-gradient(145deg,#334155 0%,#0f172a 100%)}.contact-social-btn:nth-child(3){background:linear-gradient(145deg,#3b82f6 0%,#1d4ed8 100%)}.contact-social-btn:nth-child(4){background:linear-gradient(145deg,#f87171 0%,#dc2626 100%)}.contact-social-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a33}.contact-form-card{background:#fff;border:1px solid #e8edf3;border-radius:1rem;padding:1.75rem 1.5rem;box-shadow:0 4px 24px #0f172a0f}.contact-alert{border-radius:.5rem;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.5}.contact-alert p{margin:0}.contact-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.contact-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form-row{grid-template-columns:1fr;gap:1rem;display:grid}.contact-field label{color:#334155;margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}.contact-field input,.contact-field select,.contact-field textarea{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#94a3b8}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{background:#fff;border-color:#ffc10799;outline:none;box-shadow:0 0 0 3px #ffc1071f}.contact-field textarea{resize:vertical;min-height:120px}.contact-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}@media (width>=640px){.contact-form-row{grid-template-columns:1fr 1fr}}@media (width>=768px){.contact-grid{grid-template-columns:.95fr 1.05fr;gap:3rem}.contact-form-card{padding:2rem 1.75rem}}@media (width>=1024px){.contact-main{padding-block:3.5rem 4rem}}
