:root{--blue:#00205b;--green:#96ba37;--steel:#94a9cb;--ink:#1d2433;--mute:#5b6577;font-family:Montserrat,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0}.page{max-width:560px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 20px 40px;line-height:1.5}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:3px solid var(--green);padding-bottom:12px;margin-bottom:16px}h1{color:var(--blue);font-size:1.5rem;margin:0}h2{color:var(--blue);font-size:1.1rem;margin:0 0 6px}.sub{color:var(--mute);margin:4px 0 0;font-size:.9rem}.card{border:1px solid #dfe5ee;border-radius:10px;padding:16px;margin:16px 0}.btn{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.6}.link{background:none;border:0;color:var(--blue);text-decoration:underline;cursor:pointer;font-size:.9rem}audio{width:100%;margin-top:12px}.ok{color:var(--green);font-weight:600}.err{color:#b3261e}.meta{color:var(--mute);font-size:.85rem}