:root{--bg:#07111c;--panel:rgba(8,18,30,.84);--line:rgba(202,167,105,.38);--gold:#d9b875;--text:#eef3f7;--muted:#b8c5d0;--blue:#58a6d6;--red:#c86f6f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--text);background:linear-gradient(rgba(3,9,15,.72),rgba(3,9,15,.92)),url('tlo.jpg') center/cover fixed;min-height:100vh}.wrap{width:min(1180px,92%);margin:auto}.hero{min-height:52vh;display:flex;align-items:end;padding:70px 0 48px}.hero-box{max-width:860px;background:linear-gradient(90deg,rgba(5,13,22,.93),rgba(5,13,22,.58));padding:34px;border-left:4px solid var(--gold);box-shadow:0 18px 50px #0008}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font:600 13px Arial,sans-serif}h1{font-size:clamp(42px,7vw,88px);margin:.18em 0 .1em;line-height:.95}h2{font-size:clamp(28px,4vw,48px);margin:0 0 16px}p{font-size:18px;line-height:1.75;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;padding:36px 0 70px}.card{display:block;text-decoration:none;color:inherit;background:var(--panel);border:1px solid var(--line);padding:28px;min-height:210px;transition:.2s;box-shadow:0 12px 35px #0005}.card:hover{transform:translateY(-4px);border-color:var(--gold);background:rgba(14,29,45,.94)}.card h3{font-size:28px;margin:0 0 12px}.tag{font:700 12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.blue{border-top:4px solid var(--blue)}.red{border-top:4px solid var(--red)}.section{background:rgba(4,11,18,.88);padding:52px 0;border-top:1px solid var(--line)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-block;padding:13px 18px;border:1px solid var(--gold);color:var(--text);text-decoration:none;background:#0d1b29cc;font:700 14px Arial,sans-serif}.btn:hover{background:var(--gold);color:#101010}.list{display:grid;gap:14px}.item{background:var(--panel);border-left:3px solid var(--gold);padding:20px}.item h3{margin:0 0 8px}.note{border:1px dashed var(--line);padding:22px;background:#091522cc}.footer{padding:30px 0;text-align:center;color:#8fa1af;font:14px Arial,sans-serif}@media(max-width:650px){.hero{min-height:45vh;padding-top:120px}.hero-box{padding:24px}p{font-size:17px}}