html{scroll-behavior:smooth;}
body{font-size:16px;}
:root{
  --accent:#d946ef;          /* malina */
  --accent-strong:#c026d3;
  --accent-soft:#fae8ff;
}

/* Components (used as extra classes together with utility classes) */
.navlink{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:#1f2937;padding:.45rem .75rem;border-radius:1rem;transition:all .2s ease}
.navlink:hover{color:var(--accent)}
.pill{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:.875rem;padding:.45rem .75rem;border-radius:9999px;border:1px solid #e5e7eb;background:#fff}
.iconbox{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid #f5d0fe;color:var(--accent)}
.field{display:block;width:100%}
.input{width:100%;height:2.75rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;padding:.55rem .9rem;outline:none;transition:all .2s ease}
.input:focus{border-color:#f5d0fe;box-shadow:0 0 0 4px rgba(217,70,239,.12)}
/* timeline */
.timeline{position:relative}
.timeline:before{content:"";position:absolute;left:.7rem;top:0;bottom:0;width:2px;background:#e5e7eb;border-radius:9999px}
.timelinehead{display:flex;align-items:center;gap:.75rem}
.timelinelist{margin-top:.75rem;margin-left:1.75rem;color:#374151}
.step{position:relative;padding-left:2rem}
.stepdot{position:absolute;left:.45rem;top:.3rem;width:.75rem;height:.75rem;border-radius:9999px;background:var(--accent);box-shadow:0 0 0 4px rgba(217,70,239,.14)}
/* mini cards */
.mini{border:1px solid #e5e7eb;border-radius:1.5rem;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.08);overflow:hidden}
.minitop{padding:1.25rem;border-bottom:1px solid #f3f4f6;background:#fff}

/* Fix file:// baseline spacing for images */
img{max-width:100%;height:auto}