:root{--m3-surface:#fff;--m3-surface-variant:#1976d205;--m3-primary:#1976d2;--m3-on-primary:#fff;--m3-outline:#0f172a0f;--m3-radius:12px;--m3-focus-color:#1976d233;--m3-card-surface:#1976d20d;--m3-card-hover:#1976d226;--m3-elevation-1:0 1px 2px #0206170f,0 1px 3px #0206170a;--m3-elevation-2:0 6px 18px #02061714,0 2px 6px #0206170f}body{color:#0f172a;background:var(--m3-surface-variant);font-family:Segoe UI,Roboto,Noto Sans,Helvetica Neue,Arial Unicode MS,Helvetica,sans-serif}.m3-hero{border-radius:var(--m3-radius);border:1px solid var(--m3-outline);background:linear-gradient(#1976d20f,#1976d205);padding:2.25rem;transition:background-color .18s,border-color .18s,transform .18s}.m3-hero:hover{border-color:var(--m3-primary);background:linear-gradient(#1976d214,#1976d208)}.m3-heading{background:linear-gradient(90deg,var(--m3-primary),#06b6d4 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.m3-card{background:var(--m3-card-surface);border-radius:var(--m3-radius);border:1px solid var(--m3-outline);box-shadow:none;transition:background-color .18s,border-color .18s,transform .12s}.m3-card:hover{background:var(--m3-card-hover);border-color:var(--m3-primary)}.m3-card:active,.m3-card--pressed{background:var(--m3-focus-color);border-radius:75px}.m3-section-title{letter-spacing:-.02em;color:#061028;font-weight:800}