:root{--bg:#09090b;--panel:#18181b;--line:#27272a;--text:#fafafa;--muted:#a1a1aa;--accent:#38bdf8}*{box-sizing:border-box}body{display:grid;grid-template-columns:260px 1fr;margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit}aside{padding:24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;position:sticky;top:0;height:100vh}aside strong{font-size:1.4rem;line-height:1.15;margin-bottom:12px}aside a{display:flex;align-items:center;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#111113;color:var(--muted);text-decoration:none;font-weight:800}aside a:hover{color:var(--text);border-color:#3f3f46}main{padding:42px}.hero h1{font-size:clamp(2.2rem,5vw,5rem);line-height:1;margin:0 0 18px}.hero p{max-width:760px;color:var(--muted);font-size:1.08rem}.eyebrow,.tag{color:var(--accent)!important;font-weight:900}input{width:100%;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);margin:28px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card,.panel{border:1px solid var(--line);border-radius:8px;padding:22px;background:linear-gradient(180deg,#18181b,#111113);text-decoration:none}.card p,.panel p{color:var(--muted)}.detail{max-width:980px}.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.links a{padding:14px;background:#0c4a6e;border-radius:8px;text-decoration:none}@media(max-width:760px){body{grid-template-columns:1fr}aside{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}aside strong{grid-column:1/-1}}.search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:840px;margin:30px 0;padding:8px;border:1px solid var(--line);border-radius:10px;background:#111113;box-shadow:0 18px 40px #00000040}.search input{width:100%;min-width:0;margin:0;padding:17px 18px;border:1px solid #27272a;border-radius:8px;background:#09090b;color:var(--text);font-weight:750}.search button{min-height:52px;border:1px solid #075985;border-radius:8px;padding:0 22px;background:#0ea5e9;color:#00111f;font-weight:950;cursor:pointer}.search button:hover{background:#38bdf8}@media(max-width:720px){.search{grid-template-columns:1fr;border-radius:14px}.search button{width:100%;min-height:50px}}