:root{--color-primary-blue:#115173;--color-secondary-teal:#1fb9b0;--color-accent-coral:#ff6b6b;--color-bg-cream:#fff9eb;--color-border-muted:#c7d6e5;--color-text-main:#1b2733;--color-white:#fff;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-soft:0 6px 20px rgba(0,0,0,.06)}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loppla-body{background-color:var(--color-bg-cream);color:var(--color-text-main)}.loppla-main{max-width:1120px;margin:0 auto;padding:80px 16px 64px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.btn-primary{background-color:var(--color-accent-coral);color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.btn-secondary{background-color:var(--color-white);color:var(--color-primary-blue);border:1px solid var(--color-border-muted)}.btn-secondary:hover{background-color:#f6fbff}.section{margin-bottom:64px}.section-header{margin-bottom:24px}.section-title{font-size:1.6rem;font-weight:700;color:var(--color-primary-blue);margin-bottom:8px}.section-subtitle{font-size:.98rem;color:#4f5660}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:18px 16px;border:1px solid var(--color-border-muted);box-shadow:var(--shadow-soft)}@media (max-width:768px){.loppla-main{padding:72px 12px 48px}}