/* ================================================
   GLOBAL TYPOGRAPHY + BASE STYLES
================================================ */
 @keyframes slideDown { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0);} }
    .animate-slideDown { animation: slideDown 220ms ease-out both; }

    /* Visible focus for keyboard users */
    .skip-link { position: absolute; left: -999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
    .skip-link:focus { left: 1rem; top: 1rem; width: auto; height: auto; padding: .5rem .75rem; background: #111827; color: #fff; border-radius: .375rem; z-index: 60; }
body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden !important;
}

h1, h2, h3 {
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
}

ul li {
  margin-bottom: 2px;
}

/* Utility Classes */
.line { height: 1px; }
.mt2, .mt-0_5 { margin-top: 2px; }
.a4w { width: 210mm; } /* A4 width */
.a4  { width: 794px; } /* exact pixel equivalent */
.avoid-break { page-break-inside: avoid; }

/* Inline row list */
.row-list li {
  display: inline-block;
  margin-right: 20px;
}

/* Soft card + accent gradients */
.soft-card { background: rgba(255,255,255,0.9); backdrop-filter: blur(6px); }
.accent-grad { background: linear-gradient(90deg,#7c3aed 0%, #6d28d9 50%, #8b5cf6 100%); }

/* Smooth animated UI */
.menu-animate { animation: slideDown 0.28s ease-out; }
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.rotate-open { transform: rotate(180deg); transition: 0.25s ease; }

/* Soft gradient background */
.hero-bg {
  background: radial-gradient(circle at 20% 20%, #e8d9ff 0%, #f7f3ff 40%, #ffffff 100%);
}



/* ================================================
   PRINT ENGINE (CLEAN & PROFESSIONAL)
================================================ */

@media print {
  body { margin: 0 !important; padding: 0 !important; }

  #printArea {
    width: 210mm !important;
    min-height: 297mm !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Show only resume area */
  body * { visibility: hidden !important; }
  #printArea, #printArea * { visibility: visible !important; }
}



/* ================================================
   MASTER RESPONSIVE SCALE ENGINE (FINAL VERSION)
================================================ */

/* Center wrapper */
.resume-inner {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
}

/* A4 Fixed Width + Scaling */
.resume-scale-wrap {
  width: 793px; /* exact A4 width */
  transform-origin: top center;
}

/* Unified scaling levels */
@media (max-width: 1400px) { .resume-scale-wrap { transform: scale(0.95); } }
@media (max-width: 1200px) { .resume-scale-wrap { transform: scale(0.85); } }
@media (max-width: 1100px) { .resume-scale-wrap { transform: scale(0.80); } }
@media (max-width: 992px)  { .resume-scale-wrap { transform: scale(0.75); } }
@media (max-width: 768px)  { .resume-scale-wrap { transform: scale(0.62); } }
@media (max-width: 600px)  { .resume-scale-wrap { transform: scale(0.55); } }
@media (max-width: 480px)  { .resume-scale-wrap { transform: scale(0.47); } }
@media (max-width: 380px)  { .resume-scale-wrap { transform: scale(0.40); } }
@media (max-width: 300px)  { .resume-scale-wrap { transform: scale(0.33); } }