@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18221e;--muted:#6d7672;--paper:#f6f6f1;--lime:#d9ff68;--line:#e4e6df}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Manrope,Arial,sans-serif;color:var(--ink)}main{max-width:580px;margin:auto;padding:28px 20px 48px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#69716d}.hero{padding:24px 0 28px}.hero h1{font-size:34px;line-height:1.08;letter-spacing:-.06em;margin:10px 0}.hero p{color:var(--muted);font-size:15px;line-height:1.55}.author{display:flex;gap:12px;align-items:center;margin-top:20px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:800}.author small{display:block;color:var(--muted)}.progress{height:8px;background:#e1e4da;border-radius:8px;margin:18px 0 5px}.progress i{display:block;width:8%;height:100%;background:var(--ink);border-radius:8px}.course{margin-top:24px}.course h2{font-size:18px;letter-spacing:-.04em}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin:12px 0;box-shadow:0 5px 18px #26301b08}.top{display:flex;justify-content:space-between;align-items:center}.num{font-size:12px;font-weight:800;color:#6b736c}.tag{background:var(--lime);padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}.card h3{font-size:18px;line-height:1.22;letter-spacing:-.04em;margin:13px 0 8px}.card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.task{margin-top:15px;background:#f4f5ef;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.4}.task b{display:block;margin-bottom:3px}.logout{margin-top:25px;color:var(--muted);font:inherit;background:none;border:0;text-decoration:underline}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login main{background:#fff;border:1px solid var(--line);border-radius:24px;width:100%;padding:28px}.login input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;font:inherit}.login label{font-size:13px;font-weight:700}.login button{width:100%;border:0;border-radius:12px;background:var(--ink);color:white;padding:14px;font:inherit;font-weight:800}