.page{color:#0f172a;background:linear-gradient(135deg,#eff6ff 0%,#fff 50%,#dbeafe 100%);min-height:100vh;padding:80px 20px}.container{max-width:1200px;margin:auto}.Contact-title{color:#1d4ed8;margin-bottom:10px;font-size:42px;font-weight:700}.subtitle{color:#475569;max-width:650px;margin-bottom:50px;line-height:1.7}.grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.info{flex-direction:column;gap:25px;display:flex}.infoItem{background:#fff;border:1px solid #3b82f626;border-radius:12px;padding:18px 20px;box-shadow:0 10px 25px #0000000d}.infoItem h3{color:#1d4ed8;margin-bottom:6px;font-size:16px}.infoItem p{color:#475569}.form{background:#fff;border:1px solid #3b82f626;border-radius:16px;flex-direction:column;gap:18px;height:fit-content;padding:35px;display:flex;box-shadow:0 15px 40px #00000014}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#64748b;font-size:14px}.field input,.field textarea{color:#0f172a;background:#f8fafc;border:1px solid #cbd5f5;border-radius:10px;padding:12px 14px;font-size:14px;transition:all .2s}.field input:focus,.field textarea:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed826}.button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:10px;margin-top:10px;padding:14px;font-weight:600;transition:all .2s}.button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb40}.status-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.25s fadeOverlay;display:flex;position:fixed;inset:0}.status-modal{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:460px;padding:32px 28px;animation:.28s scaleIn;box-shadow:0 25px 80px #0f172a38}.status-modal.success{border:1px solid #1d4ed81f}.status-modal.error{border:1px solid #dc26261f}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:30px;font-weight:700;display:flex}.status-modal.success .status-icon{color:#1d4ed8;background:#dbeafe}.status-modal.error .status-icon{color:#dc2626;background:#fee2e2}.status-modal h3{color:#0f172a;margin:0 0 10px;font-size:28px;line-height:1.1}.status-modal p{color:#475569;margin:0 0 24px;font-size:16px;line-height:1.7}.status-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:none;border-radius:14px;min-width:170px;padding:14px 24px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 30px #1d4ed847}.status-button:hover{transform:translateY(-2px);box-shadow:0 16px 35px #1d4ed857}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.grid{grid-template-columns:1fr;gap:30px}.title{font-size:32px}.status-modal{border-radius:20px;max-width:100%;padding:26px 20px}.status-modal h3{font-size:24px}.status-modal p{font-size:15px}.status-button{width:100%}}
