:root{--primary:#e91e63;--dark:#121212;--text:#333;--muted:#666;--bg:#f7f7fb;--white:#fff;--radius:22px;--shadow:#00000014}body{background:var(--bg);color:var(--text);margin:0;font-family:Poppins,Arial,sans-serif;line-height:1.6}.contact-hero{text-align:center;background:linear-gradient(135deg,#ffe6f0,#fff);padding:120px 20px 100px}.contact-hero h1{margin-bottom:16px;font-size:clamp(32px,5vw,52px);font-weight:800}.contact-hero p{max-width:600px;color:var(--muted);margin:0 auto;font-size:18px}.contact-page{padding-top:110px}.contact-section{max-width:1200px;margin:auto;padding:100px 20px}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact-info h2{margin-bottom:16px;font-size:32px;font-weight:800}.contact-info p{color:var(--muted);margin-bottom:20px;font-size:17px}.contact-details p{margin-top:12px;font-size:16px}.contact-details a{color:var(--primary);text-decoration:underline;transition:color .3s}.contact-details a:hover{color:#b3124c}.contact-form{background:var(--white);border-radius:var(--radius);box-shadow:0 25px 50px var(--shadow);flex-direction:column;padding:40px;display:flex}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:var(--text);background:#fff;border:1px solid #ddd;border-radius:14px;margin-bottom:16px;padding:14px 18px;font-size:15px;transition:border .3s,box-shadow .3s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px #e91e6333}.contact-form textarea{resize:vertical;min-height:140px}.contact-form select{cursor:pointer;appearance:none}.contact-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:16px;font-weight:700;transition:transform .25s,box-shadow .25s}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #e91e6366}.status{color:var(--primary);margin-top:12px;font-size:14px;font-weight:600}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-section{padding:80px 16px}.contact-hero{padding:90px 16px}}@media (max-width:480px){.contact-hero h1{font-size:28px}.contact-hero p{font-size:15px}.contact-form input,.contact-form textarea,.contact-form select{padding:12px 16px;font-size:14px}.contact-form button{padding:14px;font-size:15px}}
