:root{--navy:#071a2a;--navy2:#0c2438;--blue:#0798ff;--blue2:#006bd6;--bg:#f2f6fa;--card:#fff;--text:#142638;--muted:#718196;--line:#dfe7ef;--green:#0c9b62;--red:#d95757;--shadow:0 8px 24px rgba(20,45,70,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}
.topbar{height:64px;background:linear-gradient(90deg,#061624,#102b42);color:#fff;display:flex;align-items:center;padding:0 28px;gap:25px;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #00101f55}.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brand-mark{font-size:27px;color:#dbe8f5}.brand strong{display:block;font-size:16px}.brand small{display:block;font-size:9px;color:#91a8bd;margin-top:2px}.main-nav{display:flex;align-items:stretch;height:100%;gap:2px;flex:1}.nav-link{border:0;background:transparent;color:#cbd7e3;padding:0 10px;font-size:12px;position:relative}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;background:var(--blue)}.header-actions{display:flex;gap:10px;align-items:center}.header-actions input{width:160px;background:#19334a;border:1px solid #2d4960;color:#fff;padding:8px 10px;border-radius:5px;font-size:11px}.login-btn{border:0;background:transparent;color:#cbd7e3;font-size:11px}
.hero{min-height:350px;position:relative;overflow:hidden;background:#071827;color:white}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,18,31,.97) 0%,rgba(3,18,31,.82) 44%,rgba(3,18,31,.25)),url("assets/metallurgy-hero.png");background-size:cover;background-position:center 55%;filter:saturate(.9)}.hero-content{position:relative;z-index:2;padding:52px max(28px,calc((100% - 1200px)/2));max-width:800px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#38aaff;font-weight:800}.hero h1{font-size:37px;line-height:1.08;margin:10px 0 15px}.hero p{max-width:650px;color:#c6d4e1;line-height:1.55;font-size:14px}.hero-buttons{display:flex;gap:12px;margin-top:23px}.primary,.secondary{border-radius:5px;padding:11px 18px;border:1px solid var(--blue);font-weight:700;font-size:12px}.primary{background:#0798ff;color:white}.secondary{background:#091c2d;color:white;border-color:#587084}.hero-cards{position:absolute;z-index:2;right:5%;top:48px;width:270px;background:#091d2dcc;border:1px solid #355068;border-radius:7px;padding:10px}.hero-cards div{display:flex;gap:12px;padding:13px 10px;border-bottom:1px solid #294258}.hero-cards div:last-child{border:0}.hero-cards b{color:#52b8ff}.hero-cards span{font-size:11px;font-weight:700}.hero-cards small{display:block;color:#8fa5b9;font-weight:400;margin-top:3px}
.subnav{height:52px;background:#fff;display:flex;justify-content:center;gap:4px;border-bottom:1px solid var(--line);box-shadow:0 2px 7px #1233 0.03}.subnav button{border:0;background:#fff;color:#33465a;padding:0 17px;font-size:11px;font-weight:700}.subnav button.active{color:#0079db;border-bottom:3px solid #008cff}
main{max-width:1240px;margin:auto}.tab-panel{display:none;padding:14px 0 34px}.tab-panel.active{display:block}.content-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.95fr);gap:14px}.main-column,.sidebar{display:flex;flex-direction:column;gap:14px}.panel{background:var(--card);border:1px solid #e1e8ef;border-radius:6px;padding:14px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2,.panel h2{font-size:13px;margin:0}.section-head a,.full-link{font-size:10px;color:#087fe0;text-decoration:none}.featured{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.featured-card{background:#061a2a;color:#fff;border-radius:5px;overflow:hidden}.feature-image{height:205px;background-size:cover;background-position:center}.feature-image.steel{background-image:linear-gradient(#0002,#0002),url("assets/metallurgy-hero.png")}.article-body{padding:14px}.tag{display:inline-block;font-size:9px;color:#057dd7;background:#e8f5ff;padding:3px 7px;border-radius:10px;margin-right:7px}.date{font-size:9px;color:#91a4b6}.article-body h3{font-size:17px;line-height:1.25;margin:9px 0}.article-body p{font-size:11px;color:#c3d0db;line-height:1.5}.read{font-size:10px;color:#27a5ff}.news-list{display:flex;flex-direction:column}.mini-news{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.mini-news:last-child{border:0}.thumb{width:108px;height:70px;flex:0 0 108px;border-radius:4px;background-size:cover;background-position:center}.hydrogen{background:linear-gradient(135deg,#8bd0f5,#183c54)}.market{background:linear-gradient(135deg,#0b2342,#13a2ff)}.digital{background:linear-gradient(135deg,#273c45,#9aaeb5)}.mini-news h3{font-size:11px;margin:5px 0;line-height:1.25}.mini-news small{font-size:9px;color:var(--muted);line-height:1.35;display:block}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report{border:1px solid var(--line);border-radius:5px;padding-bottom:11px;overflow:hidden}.report-img{height:84px;background-size:cover}.report-img.green{background:linear-gradient(135deg,#92d78e,#205c3b)}.report-img.furnace{background:linear-gradient(135deg,#3c1b12,#ed6d27)}.report-img.ore{background:linear-gradient(135deg,#6d675d,#c5a277)}.report .tag,.report h3,.report p,.report button{margin-left:11px;margin-right:11px}.report h3{font-size:12px;margin-top:8px}.report p{font-size:10px;color:var(--muted);line-height:1.4}.report button{border:0;background:transparent;color:#0784e6;font-size:10px;padding:0}.indicator{padding:11px 0;border-bottom:1px solid var(--line)}.indicator span{font-size:10px;color:#5c6d7e;display:block}.indicator strong{display:block;font-size:17px;margin-top:3px}.indicator em{font-size:9px;color:var(--green);font-style:normal;margin-left:5px}.spark{height:22px;margin-top:-12px;background:linear-gradient(160deg,transparent 44%,#178ef0 46%,#178ef0 49%,transparent 51%);opacity:.85}.periods{display:flex;gap:4px}.periods button{border:0;background:transparent;font-size:8px;color:#8796a5}.periods .active{color:#087fe0;font-weight:800}.full-link{display:block;margin-top:11px}.topic-list h2{margin-bottom:8px}.topic-list button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:10px 0;text-align:left}.topic-list button:last-child{border:0}.topic-list b{width:28px;height:28px;background:#edf6fc;border-radius:50%;display:grid;place-items:center;color:#1688df}.topic-list span{font-size:10px;font-weight:700;flex:1}.topic-list small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.company-news{margin-top:14px}.company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.company-grid div{border:1px solid var(--line);padding:13px;border-radius:5px}.company-grid b{display:block;font-size:12px}.company-grid small{display:block;color:var(--muted);font-size:9px;line-height:1.4;margin-top:6px}
.page-title{padding:20px 4px}.page-title h2{font-size:28px;margin:7px 0}.page-title p{color:var(--muted);font-size:13px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stats-row>div,.data-cards>div{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;box-shadow:var(--shadow)}.stats-row span,.data-cards span{display:block;color:var(--muted);font-size:10px}.stats-row b,.data-cards b{display:block;font-size:23px;margin:8px 0}.stats-row em{font-size:10px;color:var(--green);font-style:normal}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.big-chart{height:280px;position:relative;background:repeating-linear-gradient(to bottom,#fff 0,#fff 54px,#e9eef3 55px)}.chart-line{position:absolute;inset:35px 20px 35px;background:linear-gradient(155deg,transparent 0 8%,#0798ff 9% 10%,transparent 11% 19%,#0798ff 20% 21%,transparent 22% 33%,#0798ff 34% 35%,transparent 36% 46%,#0798ff 47% 48%,transparent 49% 59%,#0798ff 60% 61%,transparent 62% 72%,#0798ff 73% 74%,transparent 75% 100%)}.axis{position:absolute;bottom:8px;left:20px;right:20px;display:flex;justify-content:space-between;color:#8b99a6;font-size:9px}.factor{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:11px}.factor b{color:#087fe0}.catalog-grid,.technology-grid,.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.catalog-card,.tech-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;box-shadow:var(--shadow)}.catalog-card h3,.tech-card h3{font-size:16px}.catalog-card p,.tech-card p{font-size:11px;color:var(--muted);line-height:1.55}.catalog-card button{background:#087fe0;color:#fff;border:0;border-radius:4px;padding:9px 12px;font-size:10px}.tech-card b{color:#087fe0;font-size:12px}.tech-card span{font-size:9px;color:var(--green);font-weight:800}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#6b7b8a;background:#f7f9fb}th,td{padding:13px;border-bottom:1px solid var(--line)}.up{color:var(--green);font-weight:800}.down{color:var(--red);font-weight:800}.data-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.data-cards small{color:var(--muted);font-size:9px}.bar-chart{height:240px;display:flex;align-items:end;gap:3%;padding:20px;background:repeating-linear-gradient(to top,#fff 0,#fff 39px,#e8edf2 40px)}.bar-chart i{flex:1;background:linear-gradient(to top,#087fe0,#67c2ff);display:block;border-radius:3px 3px 0 0}.knowledge-grid a{background:#fff;border:1px solid var(--line);padding:18px;border-radius:6px;text-decoration:none;color:var(--text)}.knowledge-grid b{display:block;font-size:14px}.knowledge-grid span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.search-results{background:#fff;border:1px solid var(--line);margin:14px 0;padding:14px;border-radius:6px}.search-results.hidden{display:none}.search-item{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.search-item small{display:block;color:var(--muted);margin-top:3px}
footer{background:#081b2b;color:#8fa4b6;padding:22px max(28px,calc((100% - 1240px)/2));display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-brand{margin-right:auto}.footer-brand b{display:block;color:#fff;font-size:12px}.footer-brand span{font-size:9px}.footer-links{display:flex;gap:14px}.footer-links a{font-size:9px;color:#b8c7d4;cursor:pointer}.footer small{font-size:8px}
@media(max-width:1050px){.main-nav{display:none}.hero-cards{right:20px}.content-grid{grid-template-columns:1fr}.catalog-grid,.technology-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{padding:0 12px}.header-actions input{display:none}.hero{min-height:520px}.hero-content{padding:38px 18px}.hero h1{font-size:29px}.hero-cards{position:relative;right:auto;top:auto;margin:-130px 18px 25px;width:auto}.subnav{overflow:auto;justify-content:flex-start}.featured,.research-grid,.two-col{grid-template-columns:1fr}.company-grid,.stats-row,.data-cards,.knowledge-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid,.technology-grid{grid-template-columns:1fr}.page-title h2{font-size:23px}main{padding:0 10px}footer{padding:20px 15px}}