.public-site,.signup-page{--ink:#102943;--muted:#526580;--line:#dce5f0;--blue:#275bd8;--blue-deep:#1948b6;--wash:#eaf1ff;--sun:#ffd166;--card:#fff;--bg:#f1f5fb;background:radial-gradient(ellipse 80% 50% at 10% -10%, #d7e6ff 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #fff0c8 0%, transparent 45%), var(--bg);min-height:100vh;color:var(--ink);font-family:Segoe UI,Tahoma,Arial,sans-serif}.public-header,.signup-header{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:18px clamp(16px,4vw,40px);display:flex}.public-brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.15rem;font-weight:650;text-decoration:none;display:inline-flex}.public-brand strong{color:var(--blue)}.public-brand-mark{width:38px;height:38px;color:var(--sun);background:linear-gradient(145deg,#102943,#275bd8);border-radius:12px;place-items:center;display:grid}.public-nav{gap:22px;display:none}.public-nav a{color:var(--muted);font-size:.95rem;font-weight:600;text-decoration:none}.public-nav a:hover{color:var(--blue)}.public-actions{align-items:center;gap:10px;display:flex}.public-language,.public-login,.back-link,.switch-auth button{color:#244875;cursor:pointer;background:#fffc;border:1px solid #cbd9ec;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex}.public-login{background:var(--blue);border-color:var(--blue);color:#fff}.public-hero{gap:28px;max-width:1180px;margin:0 auto;padding:12px clamp(16px,4vw,40px) 36px;display:grid}.hero-copy h1{letter-spacing:-.04em;max-width:16ch;margin:14px 0 16px;font-size:clamp(2rem,5vw,3.35rem);line-height:1.12}.hero-copy>p{color:var(--muted);max-width:42ch;margin:0 0 22px;font-size:1.08rem;line-height:1.65}.hero-kicker{color:#7a5a0c;background:#fff4d6;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.86rem;font-weight:650;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.cta{border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #17365c14}.cta span{flex-direction:column;gap:2px;line-height:1.2;display:flex}.cta small{opacity:.85;font-size:.75rem;font-weight:600}.cta-parent{background:var(--blue);color:#fff}.cta-parent:hover{background:var(--blue-deep)}.cta-teacher{color:#9a3a58;background:#fde8ef;border:1px solid #f3c9d8}.trust-line{color:var(--muted);flex-wrap:wrap;gap:14px 20px;font-size:.92rem;font-weight:600;display:flex}.trust-line span{align-items:center;gap:7px;display:inline-flex}.trust-line svg{color:#188579}.hero-product{border:1px solid var(--line);background:#fff;border-radius:22px;gap:14px;padding:18px;display:grid;box-shadow:0 18px 40px #17365c12}.product-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:650;display:flex}.area-chip{background:var(--wash);color:#2452b0;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.spotlight-teacher{background:linear-gradient(120deg,#eaf1ff,#f8fbff);border:1px solid #d5e2f7;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.teacher-avatar{color:#fff;background:#275bd8;border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:750;display:grid}.spotlight-copy{gap:3px;display:grid}.spotlight-copy small,.availability-card small{color:var(--muted)}.spotlight-copy span{color:#8b620e;align-items:center;gap:5px;font-size:.9rem;font-weight:650;display:inline-flex}.spotlight-verified{color:#188579}.availability-card{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.availability-card strong{margin-top:2px;display:block}.availability-card button{background:var(--wash);color:var(--blue);cursor:pointer;border:0;border-radius:12px;width:42px;height:42px}.subject-row{flex-wrap:wrap;gap:8px;display:flex}.subject-row span{border-radius:999px;padding:7px 12px;font-size:.86rem;font-weight:650}.subject-blue{color:#2452b0;background:#e8efff}.subject-pink{color:#9a3a58;background:#fde8ef}.subject-yellow{color:#8b620e;background:#fff4d6}.audience-strip{gap:12px;max-width:1180px;margin:0 auto 28px;padding:0 clamp(16px,4vw,40px);display:grid}.audience-parent,.audience-teacher{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.audience-parent svg,.audience-teacher svg{background:var(--wash);width:42px;height:42px;color:var(--blue);border-radius:12px;padding:10px}.audience-teacher svg{color:#9a3a58;background:#fde8ef}.audience-parent small,.audience-teacher small{color:var(--muted);margin-bottom:2px;display:block}.how-section{max-width:1180px;margin:0 auto;padding:20px clamp(16px,4vw,40px) 40px}.section-intro{margin-bottom:22px}.section-intro>span{color:#2753a1;letter-spacing:.14em;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.section-intro h2{letter-spacing:-.03em;max-width:18ch;margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.feature-grid{gap:14px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 20px #17365c06}.feature-icon{background:var(--wash);width:42px;height:42px;color:var(--blue);border-radius:12px;place-items:center;margin-bottom:12px;display:inline-grid}.feature-card small{color:var(--muted);font-weight:700}.feature-card h3{margin:6px 0 8px;font-size:1.1rem}.feature-card p{color:var(--muted);margin:0;line-height:1.55}.join-panel{color:#fff;background:linear-gradient(120deg,#102943,#1d4aa0);border-radius:22px;align-items:center;gap:18px;max-width:1180px;margin:0 auto 28px;padding:22px clamp(16px,4vw,28px);display:grid}.join-panel>div{align-items:flex-start;gap:14px;display:flex}.join-panel small{opacity:.75}.join-panel h2{letter-spacing:-.02em;margin:4px 0 0;font-size:clamp(1.35rem,2.5vw,1.8rem)}.join-panel .cta{justify-self:start}.public-footer{max-width:1180px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:18px clamp(16px,4vw,40px) 36px;font-weight:600;display:flex}.public-footer a{color:var(--blue);text-decoration:none}.signup-shell{gap:18px;max-width:1080px;margin:0 auto;padding:8px clamp(16px,4vw,40px) 40px;display:grid}.signup-aside{color:#fff;background:linear-gradient(145deg,#102943,#1f4fad);border-radius:22px;padding:28px 24px}.signup-aside.teacher{background:linear-gradient(145deg,#5a1f38,#ad3572)}.signup-aside-icon{background:#ffffff18;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:inline-grid}.signup-aside small{letter-spacing:.12em;opacity:.75;font-weight:700}.signup-aside h1{letter-spacing:-.03em;color:#fff;margin:10px 0 18px;font-size:clamp(1.5rem,3vw,2rem)}.signup-aside ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.signup-aside li{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.signup-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px clamp(16px,3vw,28px);box-shadow:0 10px 30px #17365c0d}.signup-heading small{color:#2753a1;letter-spacing:.12em;font-size:.78rem;font-weight:700}.signup-heading h2{letter-spacing:-.03em;margin:8px 0}.signup-heading p{color:var(--muted);margin:0 0 18px}.role-options{gap:10px;margin-bottom:18px;display:grid}.role-options button{text-align:start;border:1px solid var(--line);cursor:pointer;background:#f8fbff;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.role-options button.selected.parent{background:#eaf1ff;border-color:#91afe6}.role-options button.selected.teacher{background:#fde8ef;border-color:#e59ab9}.role-options strong{display:block}.role-options small{color:var(--muted)}.signup-form{gap:14px;display:grid}.signup-form label{gap:7px;display:grid}.signup-form label>span{font-size:.92rem;font-weight:650}.signup-form label>small{color:var(--muted)}.signup-input{background:#fcfdff;border:1px solid #cbd8e9;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.signup-input svg{color:#5d7596;flex-shrink:0}.signup-input input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:13px 0}.signup-input button{color:#5d7596;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.signup-safety{color:#1a634b;background:#eef6f3;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.signup-submit{font:inherit;color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:750;display:inline-flex}.signup-submit.teacher{background:#ad3572}.signup-submit:disabled{opacity:.6;cursor:wait}.signup-error{color:#a12626;background:#fdecec;border-radius:12px;margin:0;padding:12px 14px;font-size:.92rem;font-weight:600}.switch-auth{color:var(--muted);text-align:center;margin:18px 0 0}.switch-auth button{color:var(--blue);background:0 0;border:0;padding:0}@media (min-width:840px){.public-nav{display:flex}.public-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding-top:28px}.audience-strip{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.join-panel{grid-template-columns:1fr auto;padding:28px 32px}.signup-shell{grid-template-columns:.9fr 1.1fr;align-items:stretch}.role-options{grid-template-columns:1fr 1fr}}