@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap");:root{--blue:#0877be;--deep:#073d70;--navy:#062744;--cyan:#36c8ef;--ice:#eaf9ff;--ink:#173a55;--line:#cfe9f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fdff;color:var(--ink);font-family:"Prompt",sans-serif;line-height:1.88}a{color:inherit}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#07538b 0%,#098bc7 57%,#38cae8 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;transform:perspective(500px) rotateX(58deg) scale(1.4);transform-origin:bottom;opacity:.45}.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-135px;height:210px;border-radius:50% 50% 0 0;background:#f8fdff}.hero-inner{position:relative;z-index:2;width:min(1160px,90%);margin:auto;padding:42px 0 125px}.brand{display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;height:auto;object-fit:cover; }.brand span{font-size:.78rem;letter-spacing:.09em;color:#d9f8ff}.hero-content{display:grid;grid-template-columns:1fr 260px;gap:55px;align-items:center;margin-top:55px}.eyebrow{font-size:.78rem;letter-spacing:.12em;color:#c6f5ff}.hero h1{max-width:850px;margin:10px 0 18px;font-size:clamp(2.05rem,4.8vw,4.15rem);line-height:1.22}.summary{max-width:760px;color:#e0f8ff}.visual{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(4,63,105,.18);box-shadow:inset 0 0 0 18px rgba(255,255,255,.06)}.visual span{font-size:4rem;font-weight:700}.visual small{margin-top:-80px}.visual i{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff}.visual i:nth-last-child(3){left:10%;top:25%}.visual i:nth-last-child(2){right:6%;top:52%}.visual i:last-child{left:28%;bottom:4%}.layout{position:relative;z-index:3;width:min(1260px,92%);margin:-60px auto 80px;display:grid;grid-template-columns:295px 1fr;gap:30px;align-items:start}aside{position:sticky;top:22px;max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(5,83,130,.13)}.toc-title{padding:22px 22px 15px;border-bottom:1px solid var(--line)}.toc-title small{display:block;color:#179ecb}.toc-title strong{color:var(--deep)}nav{padding:10px}nav a{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:11px;border-radius:11px;text-decoration:none;font-size:.77rem;line-height:1.5}nav b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5f8fd;color:#0b8ec0}nav a:hover,nav a.active{background:#eaf9ff;color:#056da5}.intro,.section{margin-bottom:25px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 13px 38px rgba(5,77,118,.08)}.intro{border-top:5px solid var(--cyan)}.intro-body,.section-body{padding:32px 40px}.section-head{display:grid;grid-template-columns:78px 1fr;align-items:stretch;background:linear-gradient(90deg,#e6f8ff,#fff);border-bottom:1px solid var(--line)}.num{display:grid;place-items:center;color:#fff;background:var(--blue);font-weight:700;font-size:1.45rem}.section h2{margin:0;padding:22px 27px;color:#075a8c;font-size:clamp(1.25rem,2.25vw,1.8rem);line-height:1.48}.section h3{display:flex;gap:11px;align-items:center;margin:2rem 0 1rem;color:#0879aa;font-size:1.16rem}.section h3 span{color:#2abfe2}.section p,.intro p{margin:0 0 1.08rem}.article-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:20px 0;padding:0;list-style:none}.article-list li{position:relative;padding:14px 15px 14px 46px;border-radius:13px;background:#f2fbff;border:1px solid #d3edf6}.article-list li:before{content:"";position:absolute;left:17px;top:20px;width:13px;height:13px;border:3px solid #13aad3;border-radius:4px}.register{position:relative;display:flex;align-items:center;justify-content:center;width:min(450px,100%);height:100px;margin:28px auto 35px;color:#fff;text-decoration:none;filter:drop-shadow(0 13px 20px rgba(4,114,184,.25));transition:.25s}.register:hover{transform:translateY(-4px)}.register img{position:absolute;inset:0;width:100%;height:100%}.register strong,.register span{position:relative}.register strong{font-size:1.42rem}.register span{margin-left:19px;font-size:1.7rem}figure{margin:30px 0 10px;padding:9px;background:linear-gradient(135deg,#dff7ff,#f8fdff);border:1px solid #c6eaf5;border-radius:18px}figure img{display:block;width:100%;height:auto;border-radius:12px}figcaption{padding:11px 8px 3px;text-align:center;color:#447b96;font-size:.82rem}footer{color:#d9f2fa;background:#052846;border-top:5px solid var(--cyan)}.footer-wrap{width:min(1120px,90%);margin:auto;padding:48px 0 35px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer-brand img{width:195px;height:auto;object-fit:cover;border-radius:6px}.footer-brand p{max-width:460px;margin-top:18px}footer h2{margin:0 0 14px;color:#fff}footer ul{list-style:none;margin:0;padding:0}footer li{margin:8px 0}footer li span{display:inline-grid;place-items:center;width:32px;color:#46d6ee}footer a{color:#9ceaff}.copyright{margin:0;padding:18px;text-align:center;border-top:1px solid rgba(255,255,255,.11);font-size:.84rem}.top{position:fixed;z-index:8;right:20px;bottom:20px;width:48px;height:48px;border:0;border-radius:14px;background:var(--cyan);color:#04436a;font-size:1.2rem;box-shadow:0 8px 22px rgba(5,93,139,.25);cursor:pointer;opacity:0;pointer-events:none;transition:.25s}.top.show{opacity:1;pointer-events:auto}@media(max-width:900px){.hero-content{grid-template-columns:1fr}.visual{display:none}.layout{grid-template-columns:1fr}aside{position:relative;top:0;max-height:none}nav{display:grid;grid-template-columns:1fr 1fr}.footer-wrap{grid-template-columns:1fr;gap:25px}}@media(max-width:600px){.hero-inner{padding-bottom:105px}.brand span{display:none}.hero h1{font-size:2rem}.layout{width:94%;margin-top:-45px}nav{grid-template-columns:1fr}.intro-body,.section-body{padding:23px 20px}.section-head{grid-template-columns:60px 1fr}.section h2{padding:18px;font-size:1.2rem}.article-list{grid-template-columns:1fr}.footer-wrap{width:88%}}

/* ICN article 08: neon game editorial */
:root{--blue:#0874d7;--deep:#092d72;--navy:#030f38;--cyan:#19e5f2;--ice:#eef8ff;--ink:#18365a;--line:#c9def3}
body{background:#f1f6fd;background-image:radial-gradient(circle at 85% 8%,rgba(25,229,242,.14),transparent 24%)}
.hero{min-height:650px;background:radial-gradient(circle at 75% 45%,#1648a1 0,transparent 30%),linear-gradient(125deg,#020a2c 0%,#071e64 56%,#0856a6 100%);border-bottom:2px solid #19e5f2}.hero:after{height:260px;bottom:-190px;background:#f1f6fd;transform:rotate(3deg)}.hero-grid{background-image:linear-gradient(60deg,transparent 46%,rgba(25,229,242,.10) 47%,rgba(25,229,242,.10) 49%,transparent 50%);background-size:68px 68px;transform:none;opacity:.8}.brand img{box-shadow:0 0 26px rgba(25,229,242,.38)}.hero-content{grid-template-columns:minmax(0,1fr) 285px}.hero h1{text-shadow:0 4px 24px rgba(0,0,0,.25)}.visual{border-radius:34% 66% 53% 47%/45% 36% 64% 55%;border:2px solid #29eff8;background:radial-gradient(circle,#1677d7,#061c59 68%);box-shadow:0 0 0 14px rgba(23,219,239,.08),0 0 55px rgba(22,219,239,.32)}.visual span{color:#fff;text-shadow:0 0 20px #19e5f2}.visual i{background:#ffc744;box-shadow:0 0 14px #ffc744}
.layout{grid-template-columns:260px 1fr;gap:38px;margin-top:-85px}aside{border-radius:14px;background:#05184d;border:1px solid rgba(25,229,242,.35);box-shadow:0 16px 50px rgba(2,13,58,.22)}.toc-title{border-bottom-color:rgba(25,229,242,.2)}.toc-title strong{color:#fff}.toc-title small{color:#31edf4}nav a{color:#bed7f3;border-bottom:1px solid rgba(255,255,255,.05)}nav b{border-radius:6px;background:#0a3179;color:#43edf4}nav a:hover,nav a.active{background:linear-gradient(90deg,#0b347f,#0753a2);color:#fff}
.intro,.section{border-radius:14px;border:0;border-top:3px solid #1c7ee0;box-shadow:0 14px 38px rgba(4,40,100,.09)}.intro{border-top-color:#ffc744}.section-head{grid-template-columns:90px 1fr;background:linear-gradient(90deg,#06194f,#0a4596)}.num{background:transparent;color:#ffc744;border-right:1px solid rgba(255,255,255,.15)}.section h2{color:#fff}.section h3{position:relative;padding-bottom:9px;color:#0a4b91}.section h3:after{content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;background:linear-gradient(90deg,#19dce9,#ffc744)}.section h3 span{color:#ffc744}.article-list{grid-template-columns:1fr}.article-list li{border-radius:8px;border:1px solid #cce5f6;border-left:5px solid #10bcd9;background:linear-gradient(90deg,#effaff,#fff)}.article-list li:before{border-color:#ffc744;border-radius:50%}.register img{filter:hue-rotate(10deg) saturate(1.25)}figure{border-radius:12px;background:#030f38;border:2px solid #18dce9;box-shadow:0 0 28px rgba(11,197,220,.18)}figure img{border-radius:8px}figcaption{color:#bdf7fb}footer{background:#020b2d;border-top:3px solid #1de5ed}.top{border-radius:8px;background:#ffc744;color:#08275a}
@media(max-width:900px){.hero{min-height:auto}.layout{grid-template-columns:1fr}.hero-content{grid-template-columns:1fr}.visual{display:none}}