:root{--card:rgba(14,20,38,.90);--panel:rgba(5,10,24,.78);--line:rgba(251,191,36,.28);--text:#fff7ed;--muted:#d6c6aa;--accent:#f59e0b;--blue:#38bdf8;--pink:#fb7185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.72;background:radial-gradient(circle at 12% 8%,rgba(245,158,11,.18),transparent 31%),radial-gradient(circle at 88% 18%,rgba(56,189,248,.14),transparent 32%),linear-gradient(135deg,#140b18 0%,#0b1020 45%,#020617 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(251,191,36,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(251,191,36,.045) 1px,transparent 1px);background-size:42px 42px}.site-shell{max-width:1240px;margin:0 auto;padding:30px 18px 56px}.hero{border:1px solid var(--line);border-radius:30px;padding:34px;background:linear-gradient(135deg,rgba(30,41,59,.90),rgba(15,23,42,.74));box-shadow:0 24px 80px rgba(0,0,0,.36);overflow:hidden;position:relative}.hero:after{content:"sin • cos • tg • графики • колебания • производная";position:absolute;right:-72px;bottom:12px;color:rgba(251,191,36,.14);font-size:38px;font-weight:900;letter-spacing:.04em;transform:rotate(-4deg);white-space:nowrap}.hero h1{margin:0;font-size:clamp(34px,5vw,60px);line-height:1.04;letter-spacing:-.04em}.hero p{color:var(--muted);max-width:860px;margin:16px 0 0;font-size:18px}.layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;margin-top:22px}.sidebar{position:sticky;top:18px;align-self:start;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:16px;box-shadow:0 12px 42px rgba(0,0,0,.28)}.sidebar h2{margin:0 0 12px;color:#fde68a;font-size:15px;letter-spacing:.08em;text-transform:uppercase}.navlink{display:block;padding:9px 11px;color:var(--text);text-decoration:none;border:1px solid transparent;border-radius:14px}.navlink:hover{color:#fde68a;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.26)}.page-card{border:1px solid var(--line);border-radius:28px;padding:30px;background:var(--card);box-shadow:0 18px 60px rgba(0,0,0,.30);overflow:hidden}.page-card h1{margin:0 0 18px;font-size:clamp(30px,4vw,48px);line-height:1.12}.page-card h2{margin-top:30px;padding-top:14px;border-top:1px solid rgba(251,191,36,.18);color:#fde68a}.page-card h3{color:#bae6fd;margin-top:24px}p{margin:13px 0}a{color:#7dd3fc;text-decoration:none;border-bottom:1px solid rgba(125,211,252,.35)}a:hover{color:#e0f2fe;border-bottom-color:#e0f2fe}.unresolved-link{color:#fbbf24}.content-list{padding-left:24px}.content-list li{margin:8px 0}code{color:#bbf7d0;background:rgba(52,211,153,.10);border:1px solid rgba(52,211,153,.22);padding:2px 6px;border-radius:7px}pre{overflow:auto;padding:16px;border-radius:16px;border:1px solid rgba(251,191,36,.18);background:rgba(2,6,23,.70)}blockquote{margin:18px 0;padding:14px 18px;border-left:4px solid var(--accent);background:rgba(245,158,11,.08);border-radius:12px}.math-block{overflow-x:auto;margin:18px 0;padding:16px;border:1px solid rgba(245,158,11,.25);background:rgba(15,23,42,.72);border-radius:16px}.table-scroll{overflow-x:auto;margin:18px 0}table{border-collapse:collapse;min-width:520px;width:100%;background:rgba(15,23,42,.50)}td,th{border:1px solid rgba(251,191,36,.22);padding:10px 12px}th{background:rgba(245,158,11,.13);color:#fff7ed}.image-placeholder{margin:18px 0;padding:14px 18px;border:1px dashed rgba(56,189,248,.55);border-radius:16px;background:rgba(56,189,248,.08);color:#bae6fd;font-weight:700}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:20px}.tile{display:block;border:1px solid rgba(251,191,36,.24);border-radius:20px;padding:16px;background:rgba(15,23,42,.55);min-height:136px}.tile h3{margin:0 0 8px;color:#fde68a}.tile p{color:var(--muted)}.back{display:inline-flex;margin-bottom:18px;color:#fff7ed;background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.30);border-radius:999px;padding:8px 12px}.diagram{margin:22px auto;padding:16px;border:1px solid rgba(251,191,36,.24);border-radius:22px;background:rgba(2,6,23,.32);text-align:center;max-width:980px}.diagram svg{display:block;width:100%;height:auto;margin:0 auto;border-radius:16px}.diagram figcaption{margin-top:10px;color:var(--muted);font-size:14px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static}.page-card{padding:22px}}