.contact-hero{text-align:center;background-position:50%;background-size:cover;padding:120px 0;position:relative}.contact-hero-overlay{z-index:1;background:linear-gradient(135deg,#0a0a0ff2 0%,#00b4d880 100%);position:absolute;inset:0}.contact-hero-inner{z-index:2;max-width:650px;margin:0 auto;padding:0 20px;position:relative}.ctag{letter-spacing:2px;text-transform:uppercase;color:#93c5fd;background:#ffffff1a;border-radius:20px;margin-bottom:16px;padding:5px 16px;font-size:11px;font-weight:700;display:inline-block}.contact-hero h1{color:#fff;letter-spacing:-.5px;margin-bottom:18px;font-family:Albert Sans,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1}.contact-hero p{color:#ffffffa6;font-size:16px;line-height:1.7}.contact-layout{grid-template-columns:1fr 1.4fr;align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:60px 40px;display:grid}.contact-info h2{color:#111;letter-spacing:-.5px;margin-bottom:8px;font-family:Albert Sans,sans-serif;font-size:28px;font-weight:800}.cinfo-sub{color:#888;margin-bottom:32px;font-size:14.5px;line-height:1.6}.cinfo-cards{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.cinfo-card{background:#fff;border:1px solid #eef0f3;border-radius:20px;align-items:flex-start;gap:16px;padding:24px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #00000005}.cinfo-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 16px 40px #00b4d81a}.cinfo-icon{width:40px;height:40px;color:var(--primary);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex;box-shadow:0 2px 8px #0000000f}.cinfo-label{text-transform:uppercase;letter-spacing:1px;color:#999;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.cinfo-value{color:#111;margin-bottom:2px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;display:block}.cinfo-sub2{color:#aaa;font-size:12.5px;display:block}.cinfo-social span{color:#555;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.csocials{gap:10px;display:flex}.csoc{color:#666;border:1.5px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.csoc:hover{color:#fff;background:#111;border-color:#111}.contact-form-wrap{background:#fff;border:1px solid #eef0f3;border-radius:24px;padding:48px;box-shadow:0 30px 60px #0000000f}.contact-form h2{color:#111;letter-spacing:-.5px;margin-bottom:6px;font-family:Albert Sans,sans-serif;font-size:28px;font-weight:800}.form-sub{color:#888;margin-bottom:28px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group label{color:#333;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#111;resize:none;background:#fcfcfd;border:2px solid #eef0f3;border-radius:14px;outline:none;padding:16px 20px;font-family:Poppins,sans-serif;font-size:14.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 0 0 4px #00b4d81a}.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb}.csend-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:16px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:all .25s;display:flex}.csend-btn:hover{background:var(--primary);transform:translateY(-1px)}.csend-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.csend-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-success{text-align:center;padding:60px 20px}.success-icon{color:#16a34a;background:#f0fdf4;border:2px solid #16a34a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.form-success h3{color:#111;margin-bottom:10px;font-size:22px;font-weight:700}.form-success p{color:#666;margin-bottom:24px;font-size:15px;line-height:1.65}.csend-again{cursor:pointer;color:#555;background:0 0;border:1.5px solid #e0e0e0;border-radius:10px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.csend-again:hover{color:#111;border-color:#111}.contact-map{border-top:1px solid #ebebeb;overflow:hidden}.contact-map iframe{filter:grayscale(15%);display:block}@media (max-width:1024px){.contact-layout{grid-template-columns:1fr;gap:32px}.contact-info{max-width:600px}}@media (max-width:768px){.contact-layout{padding:40px 16px}.contact-form-wrap{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}}.form-group.has-error input{border-color:#ef4444!important}.form-group.has-error input:focus{box-shadow:0 0 0 4px #ef44441a!important}.form-error-msg{color:#ef4444;margin-top:4px;font-family:Poppins,sans-serif;font-size:12px;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
