.contact-us{--contact-blue:#2563eb;--contact-navy:#0a192f;scroll-margin-top:82px;border-top:1px solid #e7ebf1;background:#f8faff;padding:54px 24px 90px;color:#1e293b}.contact-us__container{width:min(100%,1240px);margin:0 auto}.contact-us__hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,6vw,78px);align-items:center;margin-bottom:66px}.contact-us__eyebrow{display:inline-flex;padding:7px 12px;border:1px solid #dbe8fc;border-radius:999px;background:#eff6ff;color:var(--contact-blue);font-size:10px;font-weight:800;letter-spacing:.08em}.contact-us__intro h2{margin:20px 0;color:var(--contact-navy);font-size:clamp(38px,4.4vw,56px);font-weight:800;letter-spacing:-.05em;line-height:1.15}.contact-us__intro h2 span{color:var(--contact-blue)}.contact-us__intro>p{max-width:590px;color:#64748b;font-size:15px;line-height:1.8}.contact-us__photo{position:relative;overflow:hidden;border:1px solid #e2e8f0;border-radius:20px;background:#eaf0f8;box-shadow:0 18px 42px #0f172a18}.contact-us__photo>img{display:block;width:100%;height:420px;object-fit:cover;object-position:center}.contact-us__photo-note{position:absolute;top:26px;left:24px;display:grid;gap:3px;max-width:210px;padding:14px 17px;border:1px solid #ffffffa8;border-radius:12px;background:#fffffff2;box-shadow:0 8px 24px #0f172a1a;font-size:13px;transform:rotate(-1deg)}.contact-us__photo-note strong,.contact-us__photo-note span{color:#334155}.contact-us__photo-note b{color:var(--contact-blue)}.contact-us__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.contact-us__feature{display:flex;gap:10px;align-items:flex-start}.contact-us__feature-icon{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:#eaf2ff;color:var(--contact-blue);font-size:19px;font-weight:700}.contact-us__feature strong,.contact-us__feature small{display:block}.contact-us__feature strong{font-size:12px;color:#1e293b}.contact-us__feature small{margin-top:5px;color:#64748b;font-size:10px;line-height:1.5}.contact-us__columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:30px;align-items:start}.contact-us__form-card{padding:30px;border:1px solid #e2e8f0;border-radius:18px;background:white;box-shadow:0 4px 18px #0f172a08}.contact-us__form-card h3,.contact-us__aside>h3{margin:0;color:#0f172a;font-size:21px;font-weight:800;letter-spacing:-.025em}.contact-us__form-card>p{margin:7px 0 25px;color:#64748b;font-size:13px}.contact-us__form{display:grid;gap:16px}.contact-us__form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-us__form label{display:grid;gap:7px;color:#334155;font-size:11px;font-weight:700}.contact-us__form label>span{display:contents;color:#ef4444}.contact-us__form input,.contact-us__form select,.contact-us__form textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid #dfe6ef;border-radius:8px;background:#fbfdff;color:#1e293b;font-family:inherit;font-size:13px;font-weight:400;outline:none;transition:border-color .2s,box-shadow .2s}.contact-us__form textarea{resize:vertical}.contact-us__form input:focus,.contact-us__form select:focus,.contact-us__form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.contact-us__form input::placeholder,.contact-us__form textarea::placeholder{color:#94a3b8}.contact-us__form button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;border:0;border-radius:10px;background:var(--contact-blue);color:white;font-size:13px;font-weight:700;cursor:pointer}.contact-us__form button:hover{background:#1d4ed8}.contact-us__form-note{color:#778397;font-size:10px;line-height:1.5}.contact-us__aside>h3{margin:2px 0 16px;font-size:19px}.contact-us__methods{display:grid;gap:10px}.contact-us__methods>a,.contact-us__method{display:flex;align-items:center;gap:13px;min-height:74px;padding:13px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}.contact-us__methods>a:hover{border-color:#93c5fd;box-shadow:0 5px 16px #0f172a0c}.contact-us__method-icon{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:10px;background:#eff6ff;color:var(--contact-blue);font-size:20px}.contact-us__methods a>span:nth-child(2),.contact-us__method>span:nth-child(2){display:grid;gap:3px;flex:1}.contact-us__methods small{color:#8490a1;font-size:10px}.contact-us__methods strong{color:#1e293b;font-size:12px}.contact-us__methods a:first-child strong{color:var(--contact-blue)}.contact-us__methods a>b{color:#3b82f6;font-size:21px}.contact-us__partnership{display:flex;gap:15px;margin-top:20px;padding:20px;border:1px solid #dbeafe;border-radius:16px;background:#eff6ff}.contact-us__partnership>span{display:grid;flex:0 0 42px;height:42px;place-items:center;border-radius:11px;background:#dbeafe;color:#2563eb;font-size:20px}.contact-us__partnership h4{margin:1px 0 5px;color:#0f172a;font-size:14px}.contact-us__partnership p{margin:0 0 13px;color:#475569;font-size:11px;line-height:1.6}.contact-us__partnership a{display:inline-flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid #dfe6ef;border-radius:999px;background:#fff;color:#1e293b;font-size:11px;font-weight:700;text-decoration:none}.contact-us__partnership a:hover{border-color:#93c5fd}@media(max-width:900px){.contact-us__hero{grid-template-columns:1fr 1fr;gap:28px}.contact-us__features{grid-template-columns:1fr;gap:12px}.contact-us__feature small{max-width:250px}.contact-us__photo>img{height:390px}.contact-us__columns{grid-template-columns:1fr}.contact-us__aside{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.contact-us__aside>h3{grid-column:1/-1;margin-bottom:0}.contact-us__partnership{margin-top:0;align-self:start}}@media(max-width:640px){.contact-us{padding:38px 18px 62px}.contact-us__hero{grid-template-columns:1fr;gap:28px;margin-bottom:42px}.contact-us__intro h2{font-size:40px}.contact-us__intro>p{font-size:14px}.contact-us__features{grid-template-columns:1fr 1fr;gap:14px}.contact-us__feature-icon{flex-basis:34px;height:34px}.contact-us__photo>img{height:330px}.contact-us__columns{gap:24px}.contact-us__form-card{padding:22px 18px}.contact-us__form-row{grid-template-columns:1fr;gap:15px}.contact-us__aside{grid-template-columns:1fr}.contact-us__aside>h3{grid-column:auto}.contact-us__partnership{margin-top:4px}}@media(prefers-reduced-motion:reduce){.contact-us *{transition:none!important}}
