.hero{max-width:880px;margin:0 auto;padding:32px 24px 48px;text-align:center}.kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-text, var(--brand));margin:24px 0 8px;font-weight:500}.title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15;color:var(--text, #134e4a);margin:0 0 16px}.lede{font-size:1.05rem;line-height:1.6;color:var(--muted, #4b5563);max-width:640px;margin:0 auto 32px}header.hero{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;max-width:100%}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.1rem;color:var(--brand-text, var(--brand))}.brand img{width:32px;height:32px}.login-btn{color:var(--brand-text, var(--brand));text-decoration:none;font-size:.95rem;padding:8px 16px;border-radius:var(--radius-card, 8px);border:1px solid var(--brand, #0f766e);transition:background var(--dur-fast, .15s)}.login-btn:hover{background:var(--brand-subtle, #f0fdfa)}.code-form{margin:0 auto 48px;max-width:480px}.code-label{display:block;font-size:.9rem;color:var(--muted, #6b7280);margin-bottom:8px}.code-input-row{display:flex;gap:8px}#codeInput{flex:1;padding:12px 16px;font-size:1.1rem;font-family:ui-monospace,monospace;letter-spacing:.1em;text-align:center;border:2px solid var(--brand, #0f766e);border-radius:var(--radius-card, 8px);background:#fff;color:#134e4a;outline:none;transition:border-color var(--dur-fast, .15s)}#codeInput:focus{border-color:var(--brand-active, #134e4a)}button.prim{padding:12px 24px;font-size:1rem;font-weight:500;background:var(--brand, #0f766e);color:#fff;border:none;border-radius:var(--radius-card, 8px);cursor:pointer;transition:background var(--dur-fast, .15s)}button.prim:hover{background:var(--brand-hover, #115e59)}.code-hint{margin-top:12px;font-size:.9rem;color:var(--muted, #6b7280)}.code-hint.error{color:#b91c1c}.code-hint.ok{color:var(--brand-text, var(--brand))}.sites{margin:0 auto 48px}.sites-title{font-size:1.1rem;font-weight:500;color:var(--muted, #6b7280);margin-bottom:20px}.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.site-card{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-card, 8px);text-decoration:none;color:inherit;transition:transform var(--dur-fast, .15s),box-shadow var(--dur-fast, .15s);position:relative}.site-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014;border-color:var(--c, var(--brand))}.site-dot{width:12px;height:12px;border-radius:50%;background:var(--c);margin-bottom:10px}.site-name{font-size:1.1rem;font-weight:600;color:var(--c);margin-bottom:4px}.site-tag{font-size:.85rem;color:var(--muted, #6b7280);line-height:1.5;margin-bottom:12px}.site-go{font-size:.85rem;color:var(--c);font-weight:500;margin-top:auto}.migration{background:var(--brand-subtle, #f0fdfa);border-left:3px solid var(--brand, #0f766e);padding:16px 20px;border-radius:var(--radius-card, 8px);margin:0 auto 32px;text-align:left;max-width:640px}.migration-text{font-size:.95rem;line-height:1.6;color:#134e4a;margin:0 0 8px}.migration-link{font-size:.9rem;color:var(--brand-text, var(--brand));text-decoration:none;font-weight:500}.migration-link:hover{text-decoration:underline}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.hero-cta a{padding:12px 28px;border-radius:var(--radius-card, 8px);font-size:1rem;font-weight:500;text-decoration:none;transition:all var(--dur-fast, .15s)}.hero-cta a.prim{background:var(--brand, #0f766e);color:#fff}.hero-cta a.prim:hover{background:var(--brand-hover, #115e59)}.hero-cta a.ghost{background:transparent;color:var(--brand-text, var(--brand));border:1px solid var(--brand, #0f766e)}.hero-cta a.ghost:hover{background:var(--brand-subtle, #f0fdfa)}.site-footer{border-top:1px solid rgba(0,0,0,.08);padding:32px 24px;text-align:center;background:var(--brand-subtle, #f0fdfa)}.footer-family{margin-bottom:16px}.family-label{display:inline-block;margin-right:12px;font-weight:600;color:var(--brand-text, var(--brand));font-size:.95rem}.family-link{display:inline-block;margin:4px 10px;color:var(--brand-text, var(--brand));text-decoration:none;font-weight:500;font-size:.95rem}.family-link:hover{text-decoration:underline}.footer-links{margin-bottom:12px}.footer-links a{display:inline-block;margin:4px 10px;color:var(--muted, #4b5563);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--brand-text, var(--brand))}.footer-legal{font-size:.8rem;color:var(--muted, #6b7280);margin-top:8px}.footer-teacher-note{margin-top:8px;font-size:.8rem;color:var(--muted, #6b7280)}.footer-teacher-note a{color:var(--brand-text, var(--brand));text-decoration:none}@media (max-width: 640px){.hero{padding:24px 16px 40px}.code-input-row{flex-direction:column}button.prim{width:100%}}