/* Legacy page template 59d07c20d47b. Kept before the current WEB CRAFT design layer. */
:root { --bg:#050607; --card:rgba(255,255,255,.045); --line:rgba(255,255,255,.1); --text:#fff; --muted:rgba(255,255,255,.68); --lime:#dfff54; --cyan:#29f3ff; }
        * { box-sizing:border-box; }
        html { scroll-behavior:smooth; background:#050607; }
        body { margin:0; font-family:Manrope,sans-serif; color:var(--text); background:radial-gradient(circle at 12% 8%, rgba(223,255,84,.13), transparent 25%), radial-gradient(circle at 88% 16%, rgba(41,243,255,.12), transparent 28%), linear-gradient(180deg,#050607 0%,#081014 48%,#050607 100%); }
        a { color:inherit; }
        .container { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
        .topbar { padding:26px 0; border-bottom:1px solid var(--line); background:rgba(5,6,7,.74); position:sticky; top:0; z-index:20; backdrop-filter:blur(16px); }
        .nav { display:flex; justify-content:space-between; align-items:center; gap:18px; }
        .logo { font-size:24px; font-weight:900; letter-spacing:.04em; text-decoration:none; } .logo span { color:var(--lime); }
        .back-link { color:var(--muted); font-weight:800; text-decoration:none; }
        .hero { padding:76px 0 34px; } .kicker { color:var(--lime); font-weight:900; text-transform:uppercase; letter-spacing:.12em; font-size:13px; }
        h1 { margin:18px 0 18px; font-size:clamp(38px,6vw,72px); line-height:.98; letter-spacing:-.06em; max-width:980px; }
        .lead { max-width:790px; color:var(--muted); font-size:clamp(18px,2vw,23px); line-height:1.62; }
        .layout { display:block; padding:34px 0 80px; }
        .article-body { background:var(--card); border:1px solid var(--line); border-radius:28px; padding:clamp(24px,4vw,44px); box-shadow:0 24px 90px rgba(0,0,0,.28); }
        .article-body h2 { margin:38px 0 14px; font-size:clamp(26px,3vw,38px); line-height:1.12; letter-spacing:-.04em; }
        .article-body h2:first-child { margin-top:0; }
        .article-body h3 { margin:28px 0 10px; font-size:22px; }
        .article-body p, .article-body li { color:rgba(255,255,255,.76); font-size:18px; line-height:1.75; }
        .article-body ul, .article-body ol { padding-left:24px; }
        .article-body strong { color:#fff; }
        .article-body a { color:var(--lime); font-weight:900; text-decoration:none; border-bottom:1px solid rgba(223,255,84,.45); }
        .table-scroll { margin:28px 0 34px; overflow:auto; border:1px solid rgba(223,255,84,.18); border-radius:22px; background:rgba(255,255,255,.035); box-shadow:0 18px 60px rgba(0,0,0,.22); }
        .article-body table { width:100%; min-width:760px; border-collapse:separate; border-spacing:0; }
        .article-body th { position:sticky; top:0; z-index:1; background:linear-gradient(180deg,rgba(223,255,84,.2),rgba(223,255,84,.12)); color:#f4ffd0; font-size:13px; line-height:1.35; text-align:left; text-transform:uppercase; letter-spacing:.06em; }
        .article-body th, .article-body td { padding:16px 18px; border-right:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); vertical-align:top; }
        .article-body th:last-child, .article-body td:last-child { border-right:0; }
        .article-body tbody tr:nth-child(even) { background:rgba(255,255,255,.032); }
        .article-body tbody tr:hover { background:rgba(223,255,84,.07); }
        .article-body td { color:rgba(255,255,255,.76); font-size:16px; line-height:1.58; }
        .article-body td:first-child { color:#fff; font-weight:900; background:rgba(255,255,255,.035); }
        .side-card { position:sticky; top:96px; z-index:10; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:22px; align-items:center; margin:0 0 28px; border:1px solid rgba(223,255,84,.24); border-radius:24px; padding:24px 28px; background:linear-gradient(135deg,rgba(223,255,84,.16),rgba(41,243,255,.07),rgba(12,18,20,.96)); box-shadow:0 22px 80px rgba(0,0,0,.3); backdrop-filter:blur(18px); }
        .side-card h2 { margin:0 0 8px; font-size:clamp(24px,2.8vw,34px); line-height:1.12; letter-spacing:-.035em; } .side-card p { margin:0; color:var(--muted); line-height:1.6; max-width:700px; }
        .button { display:inline-flex; align-items:center; justify-content:center; min-width:230px; padding:17px 20px; border-radius:18px; background:var(--lime); color:#050607; font-weight:900; text-decoration:none; text-align:center; }
        footer { padding:34px 0; color:rgba(255,255,255,.45); border-top:1px solid var(--line); }
        @media (max-width:860px) { .side-card { position:static; grid-template-columns:1fr; } .button { width:100%; } .nav { align-items:flex-start; flex-direction:column; } }