*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#0e0b07;color:#e6ddc9;line-height:1.6;font-size:16px}img,svg{max-width:100%;height:auto;display:block}a{color:#f0b755;text-decoration:none}a:hover{color:#fff}.wrap{max-width:1200px;margin:0 auto;padding:0 16px}.btn{display:inline-block;padding:12px 22px;border-radius:6px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:2px solid transparent;transition:.2s;font-size:14px;text-align:center}.btn-primary{background:linear-gradient(180deg,#e8a543,#b56f1d);color:#fff;border-color:#e8a543}.btn-primary:hover{background:linear-gradient(180deg,#f0b755,#c97e23);color:#fff}.btn-ghost{background:transparent;color:#fff;border-color:#e8a543}.btn-ghost:hover{background:#e8a543;color:#fff}.btn-xl{padding:18px 36px;font-size:16px;width:100%;max-width:420px}.site-header{background:#0a0805;border-bottom:1px solid #1f1810;position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:16px;padding:12px 16px}.brand svg{height:36px;width:auto}.top-nav{display:flex;gap:18px;margin-left:auto}.top-nav a{color:#cbb893;font-weight:600;font-size:14px}.top-nav a:hover{color:#f0b755}.top-cta{display:flex;gap:10px}.burger{display:none;background:none;border:0;flex-direction:column;gap:5px;cursor:pointer;padding:6px}.burger span{width:26px;height:3px;background:#e8a543;border-radius:2px}.mobile-nav{display:none;flex-direction:column;background:#0a0805;border-top:1px solid #1f1810;padding:10px 16px}.mobile-nav.open{display:flex}.mobile-nav a{padding:12px 0;border-bottom:1px solid #1f1810;color:#cbb893}.crumbs{padding:14px 16px;font-size:13px;color:#8a7a5d}.crumbs a{color:#cbb893}.crumbs span{color:#8a7a5d;margin:0 6px}.hero{position:relative;padding:30px 0 50px;background:#0a0805;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;z-index:0}.hero-inner{position:relative;z-index:1;text-align:center}.page-title{font-size:clamp(22px,5vw,38px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;padding:0 8px}.hero-card{max-width:720px;margin:0 auto;background:rgba(20,14,8,.6);border:1px solid #2a1f10;border-radius:14px;padding:18px;backdrop-filter:blur(4px)}.hero-card-art{border-radius:10px;overflow:hidden;margin-bottom:18px;box-shadow:0 6px 24px rgba(0,0,0,.5)}.hero-heading{font-size:clamp(18px,3.6vw,26px);font-weight:800;color:#fff;margin-bottom:12px}.hero-sub{color:#cbb893;margin-bottom:20px;font-size:15px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 16px}.feature{display:flex;align-items:center;gap:12px;background:#16110a;border:1px solid #2a1f10;border-radius:10px;padding:14px}.feature svg{width:36px;height:36px;flex:0 0 36px}.feature strong{display:block;color:#fff;font-size:14px}.feature span{color:#8a7a5d;font-size:12px}.content{padding:20px 16px 50px;display:grid;grid-template-columns:1fr 320px;gap:30px}.seo{background:#16110a;border:1px solid #2a1f10;border-radius:12px;padding:24px;min-width:0}.seo h1{font-size:clamp(22px,3.4vw,30px);color:#fff;margin-bottom:18px;line-height:1.3}.seo h2{font-size:clamp(20px,2.8vw,26px);color:#f0b755;margin:28px 0 12px;text-transform:uppercase;letter-spacing:.5px}.seo h3{font-size:18px;color:#e8a543;margin:20px 0 10px}.seo p{margin-bottom:14px;color:#d6c9a8}.seo ul,.seo ol{margin:10px 0 16px 22px;color:#d6c9a8}.seo li{margin-bottom:6px}.seo strong{color:#fff}.table-scroll{overflow-x:auto;margin:14px 0 18px;border-radius:8px;border:1px solid #2a1f10}.seo table{width:100%;border-collapse:collapse;min-width:480px;font-size:14px}.seo th,.seo td{padding:10px 12px;text-align:left;border-bottom:1px solid #2a1f10}.seo th{background:#1f1810;color:#f0b755;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.seo tbody tr:nth-child(even){background:#120d07}.author-card{background:#16110a;border:1px solid #2a1f10;border-radius:12px;padding:20px;height:fit-content;position:sticky;top:80px}.author-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:14px}.author-name{font-weight:800;color:#fff;font-size:18px}.author-role{color:#f0b755;font-size:13px;margin:4px 0 10px}.author-bio{color:#cbb893;font-size:14px;margin-bottom:12px}.author-date{color:#8a7a5d;font-size:12px;border-top:1px solid #2a1f10;padding-top:10px}.site-footer{background:#0a0805;border-top:1px solid #1f1810;padding:40px 0 20px;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding:0 16px}.f-brand{font-weight:900;font-size:22px;color:#fff;margin-bottom:10px;letter-spacing:2px}.f-title{font-weight:800;color:#f0b755;text-transform:uppercase;font-size:13px;letter-spacing:.5px;margin-bottom:12px}.site-footer p{color:#8a7a5d;font-size:14px;margin-bottom:8px}.site-footer a{display:block;color:#cbb893;font-size:14px;padding:4px 0}.footer-bottom{margin-top:30px;padding:20px 16px 0;border-top:1px solid #1f1810}.footer-bottom p{color:#6e6048;font-size:12px;line-height:1.7}@media(max-width:980px){.content{grid-template-columns:1fr}.author-card{position:static}.features{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.top-nav,.top-cta{display:none}.burger{display:flex;margin-left:auto}.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.seo{padding:16px}.hero-card{padding:14px}.btn-xl{padding:16px 20px;font-size:15px}}@media(max-width:380px){.page-title{font-size:20px}.seo h1{font-size:20px}.seo h2{font-size:18px}}