:root{--sbm-primary: #56beb7;--sbm-primary-ink: #2a716c;--sbm-accent: #ebae17;--sbm-purple: #9b2f7b;--sbm-text: #1f2933;--sbm-text-muted: #a0a0a0;--sbm-surface: #ffffff;--sbm-surface-alt: #f8f9fb;--sbm-border: #e7e9ea;--sbm-radius-sm: 6px;--sbm-radius: 12px;--sbm-radius-lg: 20px;--sbm-radius-pill: 999px;--sbm-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .08);--sbm-shadow: 0 4px 12px rgba(0, 0, 0, .08);--sbm-shadow-lg: 0 12px 32px rgba(0, 0, 0, .14);--sbm-header-h: 64px;--sbm-container-max: 1200px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.55;color:var(--sbm-text);background:var(--sbm-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.2;margin:0 0 1rem;color:var(--sbm-text)}h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800}h2{font-size:1.75rem;font-weight:700}h3{font-size:1.375rem;font-weight:700}a{color:var(--sbm-primary-ink);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.container{width:100%;max-width:var(--sbm-container-max);margin-inline:auto;padding-inline:1rem}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--sbm-radius-pill);font-weight:700;font-size:1rem;line-height:1;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s,transform .05s,filter .15s}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn .material-symbols-outlined{font-size:1.25em}.btn--primary{background:var(--sbm-primary);color:#fff;box-shadow:var(--sbm-shadow-sm)}.btn--primary:hover{background:var(--sbm-primary-ink)}.btn--accent{background:var(--sbm-accent);color:var(--sbm-text)}.btn--accent:hover{filter:brightness(.96)}.btn--ghost{background:transparent;color:var(--sbm-text);border-color:var(--sbm-border)}.btn--ghost:hover{background:var(--sbm-surface-alt)}
