.hero-actions,.dashboard-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-actions{justify-content:flex-start;margin-top:1.5rem}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:.7rem;justify-content:center;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{background:var(--primary);color:#fff}.secondary-button{border:1px solid var(--border);color:var(--foreground);background:#fff}button:disabled{cursor:wait;opacity:.65}.auth-shell,.dashboard-shell{width:min(100% - 2rem,900px);margin:0 auto;padding:2rem 0 4rem}.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-card,.content-card{border:1px solid var(--border);background:var(--card);width:100%;box-shadow:var(--shadow);border-radius:1.5rem;padding:clamp(1.5rem,4vw,3rem)}.auth-card{max-width:500px}.auth-card h1,.dashboard-header h1{letter-spacing:-.05em;font-size:clamp(2rem,5vw,3.5rem)}.muted-copy,.family-item span{color:var(--muted);line-height:1.6}.stack-form{gap:1rem;margin-top:1.5rem;display:grid}.stack-form label{gap:.4rem;font-weight:700;display:grid}input{border:1px solid var(--border);width:100%;color:var(--foreground);font:inherit;border-radius:.65rem;padding:.75rem}.field-error,.alert.error{color:#a3342b}.field-error{font-size:.85rem}.alert{margin:1rem 0 0;line-height:1.5}.alert.success{color:#176b4d}.auth-switch{color:var(--muted);text-align:center;margin:1.5rem 0 0}.auth-switch a{color:var(--primary);font-weight:700}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h1{margin-bottom:.5rem}.dashboard-header .muted-copy{margin-bottom:0}.family-list{gap:.75rem;margin-top:1.5rem;display:grid}.family-item{border:1px solid var(--border);border-radius:.8rem;gap:.3rem;padding:1rem;display:grid}.compact-form{max-width:420px}.child-management{gap:1rem;margin-top:1rem;display:grid}.child-form,.pairing-form{gap:.75rem;display:grid}.child-form{max-width:420px}.child-item{border:1px solid var(--border);border-radius:.8rem;gap:1rem;padding:1rem;display:grid}.child-item div{gap:.3rem;display:grid}.child-item span{color:var(--muted);font-size:.9rem}.child-list{gap:.75rem;display:grid}.pairing-code{border:1px dashed var(--primary);color:var(--primary);overflow-wrap:anywhere;border-radius:.6rem;gap:.3rem;padding:.8rem;font-family:monospace;font-size:1rem;display:grid}.pairing-code small{color:var(--muted);font-family:inherit;font-size:.75rem}@media (max-width:720px){.dashboard-header{flex-direction:column;align-items:flex-start}}
.device-status-card{background:#f4f7f5;border-radius:.7rem;gap:.8rem;padding:.9rem;display:grid}.device-status-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.device-status-heading div{gap:.25rem;display:grid}.device-status-heading span:not(.device-status){color:var(--muted);font-size:.85rem}.device-status{white-space:nowrap;border-radius:999px;padding:.25rem .55rem;font-size:.8rem;font-weight:700}.device-status.active{color:#176b4d;background:#dff3e9}.device-status.revoked{color:#a3342b;background:#f8e2df}.device-status-list{gap:.55rem;margin:0;display:grid}.device-status-list div{justify-content:space-between;gap:1rem;display:flex}.device-status-list dt,.device-status-list dd{margin:0;font-size:.85rem}.device-status-list dt{color:var(--muted)}.device-status-list dd{text-align:right}.device-transparency-note{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}
:root{--background:#f4f7f5;--foreground:#16302b;--muted:#5b726c;--card:#fff;--border:#d6e5df;--primary:#0f766e;--primary-soft:#dff5ee;--shadow:0 18px 50px #16302b14}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}.page-shell{width:min(100% - 2rem,1120px);margin:0 auto;padding:4rem 0}.hero-card,.privacy-card,.feature-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.5rem}.hero-card{padding:clamp(2rem,6vw,5rem)}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;max-width:700px;margin-bottom:1rem;font-size:clamp(2.75rem,8vw,5.5rem);line-height:.95}h2{margin-bottom:.75rem;font-size:1.2rem}.hero-copy{max-width:650px;color:var(--muted);margin-bottom:2rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0;display:grid}.feature-card,.privacy-card{padding:1.5rem}.feature-card p,.privacy-card p{color:var(--muted);margin-bottom:0;line-height:1.6}.privacy-card{color:#f3fffa;background:#173d35;border-color:#173d35}.privacy-card .eyebrow,.privacy-card p{color:#b9e9d8}@media (max-width:720px){.page-shell{padding:1rem 0 2rem}.feature-grid{grid-template-columns:1fr}}