/* assets/css/style.css - Corporate polished UI */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root{
  --primary: #0d6efd;
  --muted: #6c757d;
  --card-bg: #ffffff;
  --page-bg: #f7f9fc;
}

*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;background:var(--page-bg);margin:0;color:#222}
.navbar-brand{font-weight:600}
.card{border-radius:12px}
.animate-card{transform:translateY(10px);opacity:0;animation:cardIn .45s ease-out forwards}
@keyframes cardIn{to{transform:none;opacity:1}}
.checkmark{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#6ea8fe);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:22px;box-shadow:0 8px 24px rgba(13,110,253,0.12)}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.table td, .table th{vertical-align:middle}
#preview img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 6px 18px rgba(13,110,253,0.08)}
footer{color:var(--muted)}
@media(max-width:640px){ .container { padding: 0 12px; } }