/* scp-style.css - Smoothconnection Pro styling */
.scp-wrapper { max-width:640px; margin:28px auto; font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
.scp-form { display:flex; flex-direction:column; gap:12px; }
.scp-input { width:100%; padding:14px 16px; border-radius:10px; border:none; background:#f2fbff; box-shadow:0 6px 18px rgba(2,10,14,0.04); font-size:15px; box-sizing:border-box; }
.scp-input.scp-phone { background:#fff; }
.scp-btn { padding:14px 18px; border-radius:10px; border:none; background:#0b4a49; color:#fff; font-weight:700; font-size:16px; cursor:pointer; }
.scp-btn:active{ transform:translateY(1px); }

/* Modal */
.scp-modal { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.45); z-index:99999; align-items:center; justify-content:center; padding:20px; }
.scp-modal[aria-hidden="false"]{ display:flex; }
.scp-modal-content { width:100%; max-width:560px; background:#fff; border-radius:14px; padding:32px; text-align:center; box-shadow:0 30px 60px rgba(2,10,14,0.18); position:relative; }
.scp-modal-close { position:absolute; right:18px; top:14px; background:transparent; border:none; font-size:28px; cursor:pointer; color:#333; }
.scp-modal-emoji { font-size:48px; margin-bottom:8px; }
.scp-modal-title { margin:6px 0 10px 0; font-size:24px; color:#0b4a49; }
.scp-modal-desc { color:#444; margin-bottom:18px; font-size:16px; }
.scp-modal-ok { padding:10px 18px; background:#0b4a49; color:#fff; border:none; border-radius:10px; cursor:pointer; }

/* Responsive */
@media (max-width: 768px) {
    .scp-wrapper { padding:0 16px; }
    .scp-modal-content { padding:20px; }
    .scp-modal-emoji { font-size:42px; }
}
@media (max-width: 420px) {
    .scp-modal-content { padding:16px; border-radius:12px; }
    .scp-modal-title { font-size:20px; }
    .scp-modal-desc { font-size:15px; }
}