@charset "UTF-8";:root{--main-bg: #fafafd;--main-text: #222;--accent: #3e90fa;--accent-light: #e5f1ff;--border: #e0e4ea;--success: #44b171}body{margin:0;font-family:Segoe UI,Inter,Arial,sans-serif;background:var(--main-bg);color:var(--main-text)}nav{background:#fff;border-bottom:1px solid var(--border);padding:16px;display:flex;gap:16px;justify-content:center;font-size:1.1rem;margin-bottom:24px}nav a{color:var(--accent);text-decoration:none;padding:6px 16px;border-radius:8px;transition:background .15s}nav a.active,nav a:hover{background:var(--accent-light);color:var(--accent)}h2{text-align:center;font-weight:500;margin-bottom:24px}input.search{display:block;margin:0 auto 24px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;font-size:1.1rem;width:100%;max-width:320px;box-sizing:border-box}ul{max-width:520px;margin:0 auto 40px;padding:0;list-style:none}ul li{background:#fff;margin-bottom:10px;padding:18px 16px;border-radius:10px;box-shadow:0 1px 4px #eef2fa60;display:flex;align-items:center;gap:10px;border:1px solid var(--border)}ul li b{font-size:1.2em;color:var(--accent);margin-right:8px}ul li span{margin-left:auto;color:var(--success);font-size:1.2em}button{padding:7px 18px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;margin:0 7px 7px 0;box-shadow:0 1px 4px #e5eefa40;transition:background .17s,box-shadow .12s;outline:none;align-items:center;gap:7px}button:hover,button:focus{background:#2870c2;box-shadow:0 2px 12px #e5eefa80}@media (max-width: 600px){nav{font-size:.98rem;gap:8px;padding:9px;margin-bottom:14px}nav a{font-size:1rem;padding:4px 9px}h2{font-size:1.08rem;margin-bottom:15px}input.search{font-size:1rem;padding:8px 10px;max-width:97vw}ul{max-width:99vw}ul li{padding:13px 7vw;font-size:.98rem;border-radius:7px;gap:7px}ul li b{font-size:1.1em;margin-right:5px}ul li span{font-size:1.07em}}