:root{--c1:oklch(96% .025 260);--c2:oklch(88% .07 255);--c3:oklch(74% .13 260);--c4:oklch(58% .18 265);--ink:#0f172a;--muted:#64748b;--line:rgba(255,255,255,.55);--glass:rgba(255,255,255,.54)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 14% 8%,oklch(86% .12 260),transparent 30%),radial-gradient(circle at 86% 10%,oklch(90% .09 310),transparent 32%),linear-gradient(135deg,#f8fbff,#eef4ff 48%,#f7f2ff);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 36%,rgba(255,255,255,.45)),radial-gradient(circle at 50% 100%,rgba(255,255,255,.9),transparent 45%)}.nav{position:sticky;top:16px;z-index:10;max-width:1160px;margin:auto;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.5);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 18px 70px rgba(45,63,105,.16)}.logo{display:flex;align-items:center;gap:10px}.logo i{width:30px;height:30px;border-radius:12px;background:linear-gradient(135deg,var(--c4),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px rgba(71,85,180,.24)}.logo b{font-size:18px}.nav-actions{display:flex;align-items:center;gap:10px}.admin-link,#lang{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.45);border-radius:999px;padding:10px 15px;color:var(--ink);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);text-decoration:none;font-size:14px}main{max-width:1160px;margin:auto;padding:36px 22px 84px}.hero{display:grid;grid-template-columns:1.35fr .85fr;gap:28px;align-items:stretch;padding:52px 0 28px}.hero>div,.hero aside,.flow,.card,.advantages,.controls,.empty,footer{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:34px;backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 28px 90px rgba(45,63,105,.16);overflow:hidden}.hero>div:after,.card:after,.advantages:after,.controls:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.66),transparent 34%,rgba(255,255,255,.22))}.hero>div{padding:46px}.hero em,.advantages em{font-style:normal;color:var(--c4);font-weight:800}.hero h1{position:relative;z-index:1;font-size:66px;letter-spacing:-3px;line-height:1.02;margin:18px 0;background:linear-gradient(90deg,#0f172a,#334155 45%,var(--c4));-webkit-background-clip:text;color:transparent}.hero p{position:relative;z-index:1;font-size:18px;line-height:1.85;color:var(--muted);max-width:720px}.hero .tagline{display:inline-flex;margin:10px 0 0;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.72);font-size:14px;font-weight:800;color:#334155}.chips{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.chips span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.72);color:#334155;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}.hero aside{padding:28px;display:flex;flex-direction:column;justify-content:center}.hero aside b{font-size:18px}.hero pre{white-space:pre-wrap;background:rgba(15,23,42,.82);color:#e5e7eb;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;line-height:1.7;margin-top:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.flow{padding:20px 24px;color:#334155;font-weight:800}.advantages{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:16px;padding:24px;margin:24px 0 24px}.advantages>*{position:relative;z-index:1}.advantages h2{margin:8px 0 0}.advantages article{padding:18px;border-radius:24px;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.62)}.advantages b{display:block;margin-bottom:8px}.advantages p{margin:0;color:#64748b;line-height:1.65}.controls{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:center;padding:16px;margin:0 0 24px}.controls>*{position:relative;z-index:1}#search{width:100%;border:1px solid rgba(255,255,255,.76);border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.52);outline:none;color:#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}#search:focus{border-color:rgba(79,70,229,.38);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.filters{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.42);color:#475569;cursor:pointer}.filter.active{background:linear-gradient(135deg,#111827,#334155);color:white;border-color:transparent;box-shadow:0 12px 30px rgba(15,23,42,.2)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.featured{grid-template-columns:repeat(4,1fr)}h2{margin:38px 0 16px;font-size:24px}.card{padding:24px;min-height:300px;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 34px 100px rgba(45,63,105,.22)}.num{position:relative;z-index:1;font-size:13px;color:#94a3b8;margin-bottom:20px}.card span{position:relative;z-index:1;display:inline-block;margin-bottom:14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.68);color:#334155;font-size:13px}.card h3{position:relative;z-index:1;font-size:23px;margin:0 0 12px}.card p{position:relative;z-index:1;color:#64748b;line-height:1.72;margin:0}.card .fit{margin-top:12px;font-size:13px;color:#475569;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.58);border-radius:16px;padding:10px 12px}.btns{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.card a,.card button{border:0;border-radius:15px;padding:10px 13px;text-decoration:none;cursor:pointer;font-size:14px;white-space:nowrap}.card button{background:linear-gradient(135deg,#111827,#334155);color:#fff;box-shadow:0 14px 34px rgba(15,23,42,.22)}.card a{background:rgba(255,255,255,.52);color:#111827;border:1px solid rgba(255,255,255,.76);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.card a.source{color:#64748b;background:transparent;border-color:rgba(255,255,255,.45);box-shadow:none}.empty{padding:28px;text-align:center;color:#64748b;font-weight:800}footer{margin-top:34px;padding:18px 22px;text-align:center;color:#64748b;font-size:14px}#toast{position:fixed;right:24px;bottom:24px;z-index:50;opacity:0;transform:translateY(12px);transition:.22s;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 24px 80px rgba(45,63,105,.22);color:#0f172a;font-weight:800;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:980px){.nav{top:0;border-radius:0}.hero,.grid,.featured,.advantages,.controls{grid-template-columns:1fr}.filters{justify-content:flex-start}.hero h1{font-size:44px}.hero>div{padding:30px}}