.link-reset{text-decoration:none}.landing-header{z-index:10;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);position:sticky;top:0}.landing-header-inner{align-items:center;gap:16px;max-width:1200px;height:64px;margin-inline:auto;padding-inline:16px;display:flex}.landing-nav{gap:24px;margin-left:auto;display:none}.landing-nav a{color:var(--md-sys-color-on-surface-variant);text-decoration:none}.landing-nav a:hover{color:var(--md-sys-color-primary)}.landing-header-inner>md-icon-button{margin-left:auto}.landing-hero{grid-template-columns:1fr;align-items:center;gap:32px;max-width:1200px;margin-inline:auto;padding:40px 16px 48px;display:grid}.landing-hero-text{flex-direction:column;gap:20px;display:flex}.hero-chip{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.hero-chip md-icon{--md-icon-size:18px}.hero-title{color:var(--md-sys-color-on-surface);text-wrap:balance}.hero-lead{color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;max-width:60ch}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-hero-art{background:var(--md-sys-color-primary-container);border-radius:28px;overflow:hidden}.landing-hero-art img{width:100%;height:auto;display:block}.landing-section{max-width:1200px;color:var(--md-sys-color-on-surface);flex-direction:column;gap:16px;margin-inline:auto;padding:32px 16px;display:flex}.section-lead{color:var(--md-sys-color-on-surface-variant)}.role-grid,.feature-grid{grid-template-columns:1fr;gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.role-card{border-radius:28px;flex-direction:column;gap:12px;height:100%;padding:24px;text-decoration:none;display:flex;position:relative}.role-card:focus-visible,.feature-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.role-admin{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.role-teacher{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.role-student{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.role-icon{background:var(--md-sys-color-surface-container-lowest);width:56px;height:56px;color:var(--md-sys-color-primary);border-radius:16px;place-items:center;display:grid}.role-text{opacity:.9;flex:1}.role-cta{align-items:center;gap:6px;display:inline-flex}.role-cta md-icon{--md-icon-size:18px}.feature-card{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);height:100%;color:var(--md-sys-color-on-surface);border-radius:16px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;display:flex;position:relative}.stage-banner{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:28px;align-items:flex-start;gap:16px;padding:24px;display:flex}.stage-banner>md-icon{color:var(--md-sys-color-tertiary);flex-shrink:0}.stage-banner p{color:var(--md-sys-color-on-surface-variant);max-width:72ch;margin-top:4px}.landing-footer{max-width:1200px;color:var(--md-sys-color-on-surface-variant);border-top:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-inline:auto;padding:24px 16px 40px;display:flex}@media (min-width:600px){.landing-header-inner,.landing-hero,.landing-section,.landing-footer{padding-inline:24px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:840px){.landing-nav{display:flex}.landing-header-inner>md-icon-button{margin-left:0}.landing-hero{grid-template-columns:1.05fr 1fr;gap:48px;padding-block:64px}.role-grid{grid-template-columns:repeat(3,1fr)}.landing-section{padding-block:48px}}@media (min-width:1200px){.feature-grid{grid-template-columns:repeat(3,1fr)}}