*{box-sizing:border-box}body{margin:0;background:#0c111a;color:#edf1f6;font:17px/1.65 system-ui,-apple-system,sans-serif}a{color:#87c9ff}header{background:#111a29;border-bottom:1px solid #34465b;padding:22px max(22px,calc((100% - 1160px)/2))}header strong{font-size:27px;letter-spacing:.02em}header small{display:block;color:#b8c5d5}nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}nav a{padding:6px 10px;border-radius:7px;text-decoration:none;color:#d8e4f0;font-size:14px}nav a:hover,nav a[aria-current]{background:#274460;color:white}main{max-width:1160px;margin:auto;padding:42px 22px 85px}h1{font-size:clamp(32px,5vw,57px);line-height:1.15;margin:0 0 16px}h2{font-size:28px;margin-top:48px}h3{margin-bottom:8px}.lead{font-size:22px;color:#d5e0eb;max-width:850px}.muted{color:#b2bfce}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:28px 0}.card{background:#172333;border:1px solid #35455b;padding:22px;border-radius:12px}.card h3{margin-top:0}.tag{display:inline-block;font-size:12px;border:1px solid #61758a;border-radius:50px;padding:3px 10px;color:#d4e0ed}.btn{display:inline-block;padding:12px 20px;background:#d9eafa;color:#0c2034;border-radius:7px;text-decoration:none;font-weight:700;margin:10px 10px 10px 0}.viewer{height:min(55vw,530px);min-height:260px;background:#060a0d;border-radius:12px;overflow:hidden;position:relative;border:1px solid #3c526b}.viewer img{width:100%;height:100%;object-fit:cover}.viewer-note{position:absolute;bottom:12px;left:12px;right:12px;background:#09111acb;padding:8px 12px;font-size:13px;border-radius:5px}.viewer canvas{width:100%;height:100%;display:block;touch-action:pan-y}footer{border-top:1px solid #34465b;background:#111a29;padding:28px max(22px,calc((100% - 1160px)/2));color:#b7c6d5}footer a{margin-right:18px}ul{padding-left:22px}li{margin-bottom:8px}@media(max-width:500px){header strong{font-size:22px}main{padding-top:28px}.lead{font-size:19px}}