@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap");:root{--clr-surface:#d9fefa;--clr-surface-low:#d0f9f5;--clr-surface-mid:#b3e7e2;--clr-surface-highest:#9dd9d4;--clr-surface-bright:#e8fff9;--clr-primary:#006763;--clr-primary-hover:#004d4a;--clr-primary-container:#b3e7e2;--clr-primary-fixed:#00bdb6;--clr-primary-fixed-dim:#7cc9c9;--clr-secondary:#b60d3f;--clr-secondary-hover:#8a0930;--clr-secondary-container:#f8d0da;--clr-white:#fff;--clr-on-surface:#103432;--clr-on-surface-var:#40625f;--clr-on-surface-dim:#6b8f8c;--clr-outline-var:rgba(64,98,95,.2);--clr-success:#006763;--clr-success-bg:#b3e7e2;--font-display:"Plus Jakarta Sans","Montserrat",sans-serif;--font-body:"Be Vietnam Pro","Nunito",sans-serif;--shadow-xs:0 2px 8px rgba(16,52,50,.04);--shadow-sm:0 4px 16px rgba(16,52,50,.07);--shadow-md:0 8px 28px rgba(16,52,50,.09);--shadow-lg:0 12px 40px rgba(16,52,50,.12);--shadow-xl:0 20px 60px rgba(16,52,50,.14);--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-2xl:48px;--r-pill:9999px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--clr-surface);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5{color:var(--clr-on-surface)}h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.2}a,button,div,input,label,li,p,span{font-family:var(--font-body)}.glass{background:rgba(217,254,250,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid hsla(0,0%,100%,.6)}.card{box-shadow:var(--shadow-sm)}.card,.card-elevated{background:var(--clr-white);border-radius:var(--r-xl);padding:2rem}.card-elevated{box-shadow:var(--shadow-md)}.card-tonal{background:var(--clr-surface-low);padding:2rem}.btn-primary,.card-tonal{border-radius:var(--r-xl)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border:none;font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;background:linear-gradient(135deg,var(--clr-secondary) 0,#d44a6a 100%);color:#fff;box-shadow:0 6px 24px rgba(182,13,63,.3)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 32px rgba(182,13,63,.38)}.btn-primary:active{transform:scale(.96)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:var(--r-xl);border:none;font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;background:linear-gradient(135deg,var(--clr-primary) 0,var(--clr-primary-fixed) 100%);color:#fff;box-shadow:0 6px 24px rgba(0,103,99,.3)}.btn-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 32px rgba(0,103,99,.38)}.btn-secondary:active{transform:scale(.96)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--r-xl);border:1.5px solid var(--clr-outline-var);background:hsla(0,0%,100%,.5);font-family:var(--font-display);font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;color:var(--clr-on-surface-var);transition:all .15s ease}.btn-ghost:hover{background:var(--clr-white);border-color:var(--clr-surface-mid);color:var(--clr-primary)}.btn-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:1.2rem;transition:transform .15s ease;background:hsla(0,0%,100%,.7);border:1.5px solid var(--clr-outline-var);color:var(--clr-on-surface);text-decoration:none}.btn-icon:hover{transform:scale(1.08);background:var(--clr-white)}.btn-icon:active{transform:scale(.95)}.container{max-width:800px;margin:0 auto;padding:24px 20px}.section-label{font-size:1.25rem;font-weight:800;color:var(--clr-on-surface);margin-bottom:16px;display:flex;gap:8px}.chip,.section-label{font-family:var(--font-display);align-items:center}.chip{display:inline-flex;gap:6px;padding:8px 18px;border-radius:var(--r-pill);font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .15s}.chip:active{transform:scale(.93)}.chip-inactive{background:var(--clr-surface-mid);color:var(--clr-on-surface-var)}.chip-active{background:var(--clr-primary-container);color:var(--clr-primary)}.progress-track{height:12px;background:var(--clr-surface-mid);border-radius:var(--r-pill);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--clr-primary) 0,var(--clr-primary-fixed) 100%);transition:width .6s cubic-bezier(.4,0,.2,1)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(217,254,250,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}@media (max-width:600px){.card{padding:1.5rem;border-radius:var(--r-lg)}.btn-primary,.btn-secondary{padding:14px 24px;font-size:.95rem}}