@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
:root{--md-sys-color-primary:#0061a4;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#d1e4ff;--md-sys-color-on-primary-container:#001d36;--md-sys-color-secondary:#535f70;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d7e3f7;--md-sys-color-on-secondary-container:#101c2b;--md-sys-color-surface:#fdfcff;--md-sys-color-on-surface:#1a1c1e;--md-sys-color-surface-variant:#dfe2eb;--md-sys-color-on-surface-variant:#43474e;--md-sys-color-surface-container:#f1f0f4;--md-sys-color-outline:#73777f;--md-sys-color-error:#ba1a1a;--md-elevation-1:0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026;--md-elevation-2:0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026;--md-elevation-3:0px 1px 3px 0px #0000004d, 0px 4px 8px 3px #00000026}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block;font-family:Material Symbols Outlined!important}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}body{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);flex-direction:column;min-height:100vh;display:flex}h1{letter-spacing:0;font-size:2rem;font-weight:400;line-height:2.5rem}h2{letter-spacing:0;font-size:1.75rem;font-weight:400;line-height:2.25rem}h3{letter-spacing:0;font-size:1.5rem;font-weight:400;line-height:2rem}p{letter-spacing:.5px;font-size:1rem;font-weight:400;line-height:1.5rem}.m3-button{letter-spacing:.1px;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 24px;font-size:.875rem;font-weight:500;transition:background-color .2s,box-shadow .2s;display:inline-flex}.m3-button-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.m3-button-primary:hover{box-shadow:var(--md-elevation-1);background-color:#00528c}.m3-card{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-surface-variant);border-radius:12px;padding:24px}.m3-card.elevated{box-shadow:var(--md-elevation-1);border:none}