@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");:root{--md-sys-color-primary:#607D8B;--md-sys-color-on-primary:#FFFFFF;--md-sys-color-primary-container:#CFD8DC;--md-sys-color-on-primary-container:#263238;--md-sys-color-primary-fixed:#CFD8DC;--md-sys-color-primary-fixed-dim:#B0BEC5;--md-sys-color-on-primary-fixed:#263238;--md-sys-color-on-primary-fixed-variant:#455A64;--md-sys-color-secondary:#00BCD4;--md-sys-color-on-secondary:#FFFFFF;--md-sys-color-secondary-container:#B2EBF2;--md-sys-color-on-secondary-container:#006064;--md-sys-color-secondary-fixed:#B2EBF2;--md-sys-color-secondary-fixed-dim:#80DEEA;--md-sys-color-on-secondary-fixed:#006064;--md-sys-color-on-secondary-fixed-variant:#00838F;--md-sys-color-tertiary:#78909C;--md-sys-color-on-tertiary:#FFFFFF;--md-sys-color-tertiary-container:#ECEFF1;--md-sys-color-on-tertiary-container:#37474F;--md-sys-color-tertiary-fixed:#ECEFF1;--md-sys-color-tertiary-fixed-dim:#CFD8DC;--md-sys-color-on-tertiary-fixed:#37474F;--md-sys-color-on-tertiary-fixed-variant:#546E7A;--md-sys-color-error:#B3261E;--md-sys-color-on-error:#FFFFFF;--md-sys-color-error-container:#F9DEDC;--md-sys-color-on-error-container:#410E0B;--md-sys-color-error-fixed:#F9DEDC;--md-sys-color-error-fixed-dim:#F2B8B5;--md-sys-color-on-error-fixed:#410E0B;--md-sys-color-on-error-fixed-variant:#8C1D18;--md-sys-color-surface:#FAFAFA;--md-sys-color-surface-dim:#ECEFF1;--md-sys-color-surface-bright:#FFFFFF;--md-sys-color-surface-container-lowest:#FFFFFF;--md-sys-color-surface-container-low:#F5F5F5;--md-sys-color-surface-container:#ECEFF1;--md-sys-color-surface-container-high:#CFD8DC;--md-sys-color-surface-container-highest:#B0BEC5;--md-sys-color-surface-variant:#ECEFF1;--md-sys-color-on-surface:#212121;--md-sys-color-on-surface-variant:#757575;--md-sys-color-background:#FAFAFA;--md-sys-color-on-background:#212121;--md-sys-color-outline:#BDBDBD;--md-sys-color-outline-variant:#E0E0E0;--md-sys-color-inverse-surface:#263238;--md-sys-color-inverse-on-surface:#ECEFF1;--md-sys-color-inverse-primary:#80DEEA;--md-sys-color-surface-tint:#607D8B;--md-sys-color-scrim:#000000;--md-sys-color-shadow:#000000;--md-sys-elevation-level0:0px 0px 0px 0px rgba(0,0,0,0);--md-sys-elevation-level1:0px 1px 2px 0px rgba(0,0,0,0.3),0px 1px 3px 1px rgba(0,0,0,0.15);--md-sys-elevation-level2:0px 1px 2px 0px rgba(0,0,0,0.3),0px 2px 6px 2px rgba(0,0,0,0.15);--md-sys-elevation-level3:0px 1px 3px 0px rgba(0,0,0,0.3),0px 4px 8px 3px rgba(0,0,0,0.15);--md-sys-elevation-level4:0px 2px 3px 0px rgba(0,0,0,0.3),0px 6px 10px 4px rgba(0,0,0,0.15);--md-sys-elevation-level5:0px 4px 4px 0px rgba(0,0,0,0.3),0px 8px 12px 6px rgba(0,0,0,0.15);--md-sys-typescale-display-large-font:"Roboto",sans-serif;--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-display-large-letter-spacing:-0.25px;--md-sys-typescale-display-medium-font:"Roboto",sans-serif;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-medium-weight:400;--md-sys-typescale-display-medium-line-height:52px;--md-sys-typescale-display-medium-letter-spacing:0px;--md-sys-typescale-display-small-font:"Roboto",sans-serif;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-weight:400;--md-sys-typescale-display-small-line-height:44px;--md-sys-typescale-display-small-letter-spacing:0px;--md-sys-typescale-headline-large-font:"Roboto",sans-serif;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-headline-large-line-height:40px;--md-sys-typescale-headline-large-letter-spacing:0px;--md-sys-typescale-headline-medium-font:"Roboto",sans-serif;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-weight:400;--md-sys-typescale-headline-medium-line-height:36px;--md-sys-typescale-headline-medium-letter-spacing:0px;--md-sys-typescale-headline-small-font:"Roboto",sans-serif;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-weight:400;--md-sys-typescale-headline-small-line-height:32px;--md-sys-typescale-headline-small-letter-spacing:0px;--md-sys-typescale-title-large-font:"Roboto",sans-serif;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-letter-spacing:0px;--md-sys-typescale-title-medium-font:"Roboto",sans-serif;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-medium-line-height:24px;--md-sys-typescale-title-medium-letter-spacing:0.15px;--md-sys-typescale-title-small-font:"Roboto",sans-serif;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-title-small-line-height:20px;--md-sys-typescale-title-small-letter-spacing:0.1px;--md-sys-typescale-body-large-font:"Roboto",sans-serif;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-weight:400;--md-sys-typescale-body-large-line-height:24px;--md-sys-typescale-body-large-letter-spacing:0.5px;--md-sys-typescale-body-medium-font:"Roboto",sans-serif;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-medium-line-height:20px;--md-sys-typescale-body-medium-letter-spacing:0.25px;--md-sys-typescale-body-small-font:"Roboto",sans-serif;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-weight:400;--md-sys-typescale-body-small-line-height:16px;--md-sys-typescale-body-small-letter-spacing:0.4px;--md-sys-typescale-label-large-font:"Roboto",sans-serif;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-large-line-height:20px;--md-sys-typescale-label-large-letter-spacing:0.1px;--md-sys-typescale-label-medium-font:"Roboto",sans-serif;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-label-medium-letter-spacing:0.5px;--md-sys-typescale-label-small-font:"Roboto",sans-serif;--md-sys-typescale-label-small-size:11px;--md-sys-typescale-label-small-weight:500;--md-sys-typescale-label-small-line-height:16px;--md-sys-typescale-label-small-letter-spacing:0.5px;--md-sys-state-hover-opacity:0.08;--md-sys-state-focus-opacity:0.12;--md-sys-state-pressed-opacity:0.12;--md-sys-state-dragged-opacity:0.16}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:#90A4AE;--md-sys-color-on-primary:#263238;--md-sys-color-primary-container:#455A64;--md-sys-color-on-primary-container:#CFD8DC;--md-sys-color-primary-fixed:#CFD8DC;--md-sys-color-primary-fixed-dim:#B0BEC5;--md-sys-color-on-primary-fixed:#263238;--md-sys-color-on-primary-fixed-variant:#455A64;--md-sys-color-secondary:#4DD0E1;--md-sys-color-on-secondary:#006064;--md-sys-color-secondary-container:#00838F;--md-sys-color-on-secondary-container:#B2EBF2;--md-sys-color-secondary-fixed:#B2EBF2;--md-sys-color-secondary-fixed-dim:#80DEEA;--md-sys-color-on-secondary-fixed:#006064;--md-sys-color-on-secondary-fixed-variant:#00838F;--md-sys-color-tertiary:#B0BEC5;--md-sys-color-on-tertiary:#37474F;--md-sys-color-tertiary-container:#546E7A;--md-sys-color-on-tertiary-container:#ECEFF1;--md-sys-color-tertiary-fixed:#ECEFF1;--md-sys-color-tertiary-fixed-dim:#CFD8DC;--md-sys-color-on-tertiary-fixed:#37474F;--md-sys-color-on-tertiary-fixed-variant:#546E7A;--md-sys-color-error:#F2B8B5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8C1D18;--md-sys-color-on-error-container:#F9DEDC;--md-sys-color-error-fixed:#F9DEDC;--md-sys-color-error-fixed-dim:#F2B8B5;--md-sys-color-on-error-fixed:#410E0B;--md-sys-color-on-error-fixed-variant:#8C1D18;--md-sys-color-surface:#212121;--md-sys-color-surface-dim:#1A1A1A;--md-sys-color-surface-bright:#37474F;--md-sys-color-surface-container-lowest:#121212;--md-sys-color-surface-container-low:#1E1E1E;--md-sys-color-surface-container:#263238;--md-sys-color-surface-container-high:#37474F;--md-sys-color-surface-container-highest:#455A64;--md-sys-color-surface-variant:#37474F;--md-sys-color-on-surface:#ECEFF1;--md-sys-color-on-surface-variant:#B0BEC5;--md-sys-color-background:#212121;--md-sys-color-on-background:#ECEFF1;--md-sys-color-outline:#757575;--md-sys-color-outline-variant:#455A64;--md-sys-color-inverse-surface:#ECEFF1;--md-sys-color-inverse-on-surface:#263238;--md-sys-color-inverse-primary:#607D8B;--md-sys-color-surface-tint:#90A4AE}}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Roboto,sans-serif}body{background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:var(--md-sys-typescale-body-large-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.md3-display-large{font-family:var(--md-sys-typescale-display-large-font);font-size:var(--md-sys-typescale-display-large-size);font-weight:var(--md-sys-typescale-display-large-weight);line-height:var(--md-sys-typescale-display-large-line-height);letter-spacing:var(--md-sys-typescale-display-large-letter-spacing)}.md3-display-medium{font-family:var(--md-sys-typescale-display-medium-font);font-size:var(--md-sys-typescale-display-medium-size);font-weight:var(--md-sys-typescale-display-medium-weight);line-height:var(--md-sys-typescale-display-medium-line-height);letter-spacing:var(--md-sys-typescale-display-medium-letter-spacing)}.md3-display-small{font-family:var(--md-sys-typescale-display-small-font);font-size:var(--md-sys-typescale-display-small-size);font-weight:var(--md-sys-typescale-display-small-weight);line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-letter-spacing)}.md3-headline-large{font-family:var(--md-sys-typescale-headline-large-font);font-size:var(--md-sys-typescale-headline-large-size);font-weight:var(--md-sys-typescale-headline-large-weight);line-height:var(--md-sys-typescale-headline-large-line-height);letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing)}.md3-headline-medium{font-family:var(--md-sys-typescale-headline-medium-font);font-size:var(--md-sys-typescale-headline-medium-size);font-weight:var(--md-sys-typescale-headline-medium-weight);line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing)}.md3-headline-small{font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);line-height:var(--md-sys-typescale-headline-small-line-height);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing)}.md3-title-large{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-letter-spacing)}.md3-title-medium{font-family:var(--md-sys-typescale-title-medium-font);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-medium-weight);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}.md3-title-small{font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-small-weight);line-height:var(--md-sys-typescale-title-small-line-height);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing)}.md3-body-large{font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing)}.md3-body-medium{font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-body-medium-weight);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing)}.md3-body-small{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);font-weight:var(--md-sys-typescale-body-small-weight);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-letter-spacing)}.md3-label-large{font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing)}.md3-label-medium{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing)}.md3-label-small{font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing)}.md3-surface{background-color:var(--md-sys-color-surface)}.md3-card,.md3-surface{color:var(--md-sys-color-on-surface)}.md3-card{background-color:var(--md-sys-color-surface-container);border-radius:12px;box-shadow:var(--md-sys-elevation-level1);padding:24px;transition:box-shadow .2s ease,background-color .2s ease}.md3-card:hover{box-shadow:var(--md-sys-elevation-level2)}.md3-button{position:relative;font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);height:40px;padding:0 24px;border-radius:20px;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;overflow:hidden}.md3-button:before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:0;transition:opacity .2s ease}.md3-button:hover:before{opacity:var(--md-sys-state-hover-opacity)}.md3-button:focus:before{opacity:var(--md-sys-state-focus-opacity)}.md3-button:active:before{opacity:var(--md-sys-state-pressed-opacity)}.md3-button-filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-button-filled:hover{box-shadow:var(--md-sys-elevation-level1)}.md3-button-outlined{border:1px solid var(--md-sys-color-outline)}.md3-button-outlined,.md3-button-text{background-color:transparent;color:var(--md-sys-color-primary)}.md3-text-field{position:relative;margin:16px 0;width:100%}.md3-text-field-input,.md3-text-field-textarea{width:100%;padding:24px 16px 8px;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border:none;border-bottom:1px solid var(--md-sys-color-on-surface-variant);border-radius:4px 4px 0 0;outline:none;transition:all .2s ease}.md3-text-field-textarea{min-height:80px;resize:vertical}.md3-text-field-label{position:absolute;top:16px;left:16px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);pointer-events:none;transition:all .2s ease;background-color:transparent}.md3-text-field-input:focus+.md3-text-field-label,.md3-text-field-textarea:focus+.md3-text-field-label,.md3-text-field.has-value .md3-text-field-label{top:8px;font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container);padding:0 4px}.md3-text-field-input:focus,.md3-text-field-textarea:focus{border-bottom:2px solid var(--md-sys-color-primary);padding-bottom:7px}.md3-text-field-input:hover,.md3-text-field-textarea:hover{background-color:var(--md-sys-color-surface-container-high)}.md3-text-field.error .md3-text-field-input,.md3-text-field.error .md3-text-field-textarea{border-bottom-color:var(--md-sys-color-error)}.md3-text-field.error .md3-text-field-label{color:var(--md-sys-color-error)}.md3-text-field-helper{font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);padding:4px 16px 0}.md3-text-field.error .md3-text-field-helper{color:var(--md-sys-color-error)}.md3-container{max-width:1200px;margin:0 auto;padding:24px}.md3-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:16px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center;box-shadow:var(--md-sys-elevation-level3);cursor:pointer;transition:all .2s ease;border:none}.md3-fab:hover{box-shadow:var(--md-sys-elevation-level4)}