:root{--mta-slate: #0B3033;--mta-slate-light: #16494D;--mta-blue: #3897FF;--mta-blue-dark: #1E7AE6;--mta-blue-soft: #E8F3FF;--mta-orange: #FF8225;--mta-orange-soft: #FFF2E8;--mta-bg-cream: #F7F5F0;--mta-bg-surface: #FFFFFF;--mta-bg-sage-light: #EEF4EE;--mta-green-dot: #22C55E;--mta-yellow-dot: #FACC15;--mta-red-dot: #EF4444;--mta-text-heading: #0B3033;--mta-text-body: #2C4345;--mta-text-muted: #566E70;--mta-border-sage: #D8E5D8;--mta-border-dark: #0B3033;--mta-shadow-sm: 0 2px 8px rgba(11, 48, 51, .04);--mta-shadow-md: 0 8px 24px rgba(11, 48, 51, .06);--mta-shadow-lg: 0 16px 40px rgba(11, 48, 51, .1);--mta-shadow-hard: 4px 4px 0px #0B3033;--mta-radius-sm: 8px;--mta-radius-md: 16px;--mta-radius-lg: 24px;--mta-radius-pill: 9999px;--mta-container-max: 1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--mta-text-body);background-color:var(--mta-bg-cream);line-height:1.6}body.mta-body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-color:var(--mta-bg-cream)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;color:var(--mta-text-heading);line-height:1.25;font-weight:700}.mta-shell{width:100%;max-width:var(--mta-container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.mta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;font-size:.95rem;padding:.75rem 1.75rem;border-radius:var(--mta-radius-pill);border:2px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);text-decoration:none}.mta-btn-blue{background-color:var(--mta-blue);color:#fff;border-color:var(--mta-blue);box-shadow:0 4px 14px #3897ff40}.mta-btn-blue:hover{background-color:var(--mta-blue-dark);border-color:var(--mta-blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #3897ff59}.mta-btn-slate{background-color:var(--mta-slate);color:#fff;border-color:var(--mta-slate);box-shadow:var(--mta-shadow-sm)}.mta-btn-slate:hover{background-color:var(--mta-slate-light);transform:translateY(-2px);box-shadow:var(--mta-shadow-md)}.mta-btn-orange{background-color:var(--mta-orange);color:#fff;border-color:var(--mta-orange);box-shadow:0 4px 14px #ff82254d}.mta-btn-orange:hover{background-color:#e66e15;transform:translateY(-2px);box-shadow:0 6px 20px #ff822566}.mta-btn-outline{background-color:transparent;color:var(--mta-slate);border-color:var(--mta-slate)}.mta-btn-outline:hover{background-color:var(--mta-slate);color:#fff;transform:translateY(-2px)}.mta-btn-sm{padding:.45rem 1.15rem;font-size:.85rem}.mta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:var(--mta-radius-pill);font-size:.825rem;font-weight:600;font-family:Plus Jakarta Sans,sans-serif}.mta-badge-sage{background-color:var(--mta-bg-sage-light);color:var(--mta-slate);border:1px solid var(--mta-border-sage)}.mta-badge-blue{background-color:var(--mta-blue-soft);color:var(--mta-blue-dark);border:1px solid rgba(56,151,255,.2)}.mta-badge-orange{background-color:var(--mta-orange-soft);color:var(--mta-orange);border:1px solid rgba(255,130,37,.2)}.mta-card{background-color:var(--mta-bg-surface);border:1.5px solid var(--mta-border-sage);border-radius:var(--mta-radius-md);padding:2rem;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative}.mta-card-hover{cursor:pointer}.mta-card-hover:hover{transform:translateY(-4px);border-color:var(--mta-blue);box-shadow:0 12px 30px #0b303314}.mta-modal-backdrop{position:fixed;inset:0;background-color:#0b3033a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease-out}.mta-modal-content{background-color:var(--mta-bg-surface);border-radius:var(--mta-radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid var(--mta-slate);box-shadow:0 20px 60px #0003;padding:2.5rem;position:relative;animation:slideUp .3s cubic-bezier(.2,.8,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mta-shell{padding-left:1rem;padding-right:1rem}.mta-card{padding:1.5rem}}