.contact-page{min-height:100vh;background:#f8fafc;padding-bottom:60px}.contact-hero{padding:110px 20px 80px;text-align:center;background:linear-gradient(135deg,#2563eb,#1e40af,#0f172a);color:#fff}.contact-hero h1{font-size:52px;margin-bottom:15px}.contact-hero p{font-size:18px;opacity:.95}.contact-container{width:90%;max-width:1300px;margin:-50px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-left{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:28px;box-shadow:0 8px 25px #00000014;border:1px solid rgba(255,255,255,.4);transition:.3s}.contact-card:hover{transform:translateY(-6px)}.contact-card h2{margin-bottom:12px;color:#2563eb;font-size:22px}.contact-card p{color:#475569;line-height:1.7;word-break:break-word}.contact-form-box{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;padding:40px;box-shadow:0 10px 30px #0000001a}.contact-form-box h2{margin-bottom:30px;font-size:34px;color:#0f172a}.contact-form-box form{display:flex;flex-direction:column;gap:20px}.contact-form-box input,.contact-form-box textarea{padding:16px 18px;border-radius:14px;border:1px solid #cbd5e1;font-size:16px;outline:none;transition:.3s}.contact-form-box input:focus,.contact-form-box textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.contact-form-box button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:16px;border-radius:14px;font-size:17px;cursor:pointer;transition:.3s}.contact-form-box button:hover{transform:translateY(-2px)}@media(max-width:950px){.contact-container,.contact-left{grid-template-columns:1fr}}