.contact-page{background:#f8f9fa;min-height:100vh}.contact-hero{background:linear-gradient(135deg, var(--lpu-black) 0%, #1a2a4a 100%);padding:clamp(100px,15vw,160px) 0 60px}.contact-breadcrumb{color:#aaa;font-size:.85rem;font-family:var(--font-body);text-transform:none;align-items:center;gap:8px;margin-bottom:16px;font-weight:400;display:flex}.contact-breadcrumb a{color:var(--lpu-orange);text-decoration:none}.contact-breadcrumb a:hover{text-decoration:underline}.contact-hero h1{color:#fff;margin-bottom:10px;font-size:clamp(2rem,5vw,3.5rem)}.contact-hero p{color:#aaa;font-size:1.05rem;font-family:var(--font-body);text-transform:none;font-weight:400}.contact-body{padding:60px 15px 80px}.contact-info-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px;display:grid}.contact-info-card{border-top:3px solid var(--lpu-orange);background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:30px 24px;display:flex;box-shadow:0 4px 20px #0000000f}.contact-info-icon{margin-bottom:8px;font-size:2rem}.contact-info-card h3{color:var(--lpu-black);margin-bottom:6px;font-size:1.1rem}.contact-info-card p,.contact-info-card a{color:#555;font-size:.95rem;font-family:var(--font-body);text-transform:none;font-weight:400;line-height:1.6;text-decoration:none}.contact-info-card a:hover{color:var(--lpu-orange)}.contact-info-note{color:#aaa;font-size:.78rem;font-family:var(--font-body);text-transform:none;margin-bottom:4px;font-weight:400}.contact-main-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;margin-bottom:50px;display:grid}.contact-form-box{background:#fff;border-radius:14px;padding:40px;box-shadow:0 4px 20px #0000000f}.contact-form-box h2{color:var(--lpu-black);margin-bottom:6px;font-size:1.6rem}.contact-form-sub{color:#888;font-size:.9rem;font-family:var(--font-body);text-transform:none;margin-bottom:28px;font-weight:400}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{color:#444;font-size:.85rem;font-weight:700;font-family:var(--font-body);text-transform:none}.contact-field input,.contact-field textarea,.contact-field select{font-size:.95rem;font-family:var(--font-body);color:#111;resize:vertical;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--lpu-orange);background:#fff}.contact-error{color:#e53e3e;font-size:.85rem;font-family:var(--font-body);text-transform:none}.contact-submit{background:linear-gradient(135deg, var(--lpu-black) 0%, #1a2a4a 100%);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-body);border:none;border-radius:10px;align-self:flex-start;padding:14px 30px;transition:opacity .2s,transform .2s}.contact-submit:hover{opacity:.9;transform:translateY(-2px)}.contact-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-success{text-align:center;padding:50px 20px}.contact-success-icon{color:#155724;background:#d4edda;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:2rem;display:flex}.contact-success h3{margin-bottom:8px;font-size:1.5rem}.contact-success p{color:#666;font-family:var(--font-body);text-transform:none;font-weight:400}.contact-map-box{border-radius:14px;height:100%;min-height:400px;overflow:hidden;box-shadow:0 4px 20px #00000014}.contact-quick-bar{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-quick-btn{color:var(--lpu-black);font-size:.95rem;font-weight:700;font-family:var(--font-body);text-transform:none;background:#fff;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000014}.contact-quick-btn:hover{background:var(--lpu-orange);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #e8b9194d}.contact-quick-wa:hover{background:#25d366;box-shadow:0 8px 20px #25d3664d}@media (max-width:900px){.contact-main-grid{grid-template-columns:1fr}}@media (max-width:768px){.contact-info-grid,.contact-form-row{grid-template-columns:1fr}.contact-form-box{padding:25px 20px}.contact-body{padding:40px 15px 120px}.contact-quick-btn{padding:12px 20px;font-size:.88rem}}