@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');

:root { --legacy-bg: #071523; --legacy-panel: #10283e; --legacy-ink: #eaf6fc; --legacy-muted: #91afc1; --legacy-cyan: #45e4ff; --legacy-line: rgba(111, 213, 251, .22); }
body { min-width: 320px; background: radial-gradient(circle at 90% 0, #133c59 0, transparent 30%), var(--legacy-bg); color: var(--legacy-ink); font-family: 'DM Sans', 'Noto Sans JP', sans-serif; }
.legacy-wrap { width: min(1100px, calc(100% - 48px)); margin: auto; }.legacy-header { margin: 0 0 42px; border-bottom: 1px solid rgba(132, 197, 224, .16); background: rgba(5, 16, 30, .78); }.legacy-header .legacy-wrap { display: flex; min-height: 82px; align-items: center; justify-content: space-between; }.legacy-brand { display: flex; align-items: center; gap: 10px; color: var(--legacy-ink); font-size: 22px; font-weight: 700; text-decoration: none; }.legacy-brand:hover { color: white; text-decoration: none; }.legacy-brand small { display: block; color: var(--legacy-muted); font-size: 9px; letter-spacing: .15em; }.legacy-mark { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid var(--legacy-cyan); border-radius: 9px; color: var(--legacy-cyan); box-shadow: 0 0 18px rgba(57, 219, 255, .22); }.legacy-nav { display: flex; align-items: center; gap: 21px; font-size: 12px; font-weight: 700; letter-spacing: .06em; }.legacy-nav a { color: #c2d5e0; text-decoration: none; }.legacy-nav a:hover { color: var(--legacy-cyan); }.legacy-nav .legacy-contact { padding: 9px 14px; border: 1px solid rgba(69, 228, 255, .7); border-radius: 999px; color: white; }
.container { width: min(1060px, calc(100% - 48px)) !important; }.container h1, .container h2, .container h3, .container h4, .container h5 { color: var(--legacy-ink); }.container p, .container li { color: #c3d6e1; line-height: 1.8; }.container a { color: var(--legacy-cyan); }.table { color: #d4e8f1; }.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > theader > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-color: var(--legacy-line); }.nav-tabs { border-color: var(--legacy-line); }.nav-tabs > li > a { border-color: var(--legacy-line); color: #b8d5e4; }.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-color: var(--legacy-line); background: #123650; color: white; }.tab-content { border-color: var(--legacy-line); background: rgba(12, 35, 57, .66); }.thumbnail, .method, .capture { border-color: var(--legacy-line); background: rgba(9, 27, 46, .82); }.btn-info { border-color: #22b8db; background: linear-gradient(100deg, #087eb8, #18cce8); }.btn-default { border-color: #6d91a8; background: transparent; color: #d5ebf5; }.btn.contact { display: inline-flex; min-width: min(100%, 380px); align-items: center; justify-content: center; padding: 15px 22px; border: 0; border-radius: 9px; background: linear-gradient(100deg, #0c79b5, #1dcbeb); box-shadow: 0 10px 27px rgba(14, 171, 231, .27), inset 0 1px 0 rgba(255,255,255,.35); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-decoration: none; }.btn.contact::after { margin-left: 11px; content: '→'; font-size: 18px; }.btn.contact:hover, .btn.contact:focus { color: #fff; background: linear-gradient(100deg, #1398d2, #33ddf3); text-decoration: none; transform: translateY(-1px); }.legacy-footer { margin-top: 70px; border-top: 1px solid rgba(132, 197, 224, .16); background: #050f1b; }.legacy-footer__inner { display: grid; grid-template-columns: 1fr auto auto; gap: 28px; align-items: center; padding: 28px 18px; color: var(--legacy-muted); }.legacy-footer strong { color: var(--legacy-ink); }.legacy-footer p { margin: 5px 0 0; font-size: 12px; }.legacy-footer nav { display: flex; flex-wrap: wrap; gap: 16px; }.legacy-footer a { color: #c1dce8; font-size: 12px; }.legacy-footer small { white-space: nowrap; }
.legacy-footer .content-footer { margin: 0; padding: 32px 0 24px; border: 0; background: transparent; }.legacy-footer .content-footer__grid { display: grid; grid-template-columns: 1.1fr repeat(3, 1fr); gap: 22px; }.legacy-footer .content-footer h2 { margin: 0 0 14px; color: #cbe8f5; font-size: 12px; font-weight: 700; letter-spacing: .08em; }.legacy-footer .content-footer ul { margin: 0; padding: 0; list-style: none; }.legacy-footer .content-footer li { margin: 0 0 9px; color: var(--legacy-muted); font-size: 11px; line-height: 1.55; }.legacy-footer .content-footer a { color: #b9dce9; font-size: 11px; text-decoration: none; }.legacy-footer .content-footer a:hover { color: var(--legacy-cyan); }.legacy-footer .content-footer__news { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }.legacy-footer .content-footer__news h2 { margin-bottom: 0; }.legacy-footer .content-footer__news > a:last-child { color: var(--legacy-cyan); font-size: 12px; font-weight: 700; }.legacy-footer .content-footer__monaco { display: inline-block; width: min(100%, 142px); border: 1px solid rgba(114, 210, 255, .2); background: white; }.legacy-footer .content-footer__monaco img { display: block; width: 100%; }.legacy-footer .content-footer__copyright { margin: 26px 0 0; padding-top: 16px; border-top: 1px solid rgba(132, 197, 224, .1); color: #7696a9; font-size: 10px; }
@media (max-width: 650px) { .legacy-wrap, .container { width: min(100% - 32px, 1060px) !important; }.legacy-header { margin-bottom: 28px; }.legacy-header .legacy-wrap { min-height: 68px; }.legacy-nav a:not(.legacy-contact) { display: none; }.legacy-footer__inner, .legacy-footer .content-footer__grid { grid-template-columns: 1fr; gap: 14px; }.legacy-footer small { white-space: normal; } }