:root{color-scheme:dark;font:16px/1.7 system-ui,sans-serif;background:#100d17;color:#f3eef9}*{box-sizing:border-box}body{margin:0}main,header,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-bottom:1px solid #3b304c}a{color:#ddc3ff;text-underline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:18px}h1{font-size:clamp(30px,6vw,48px);line-height:1.15}h2{font-size:24px;margin-top:36px}p,li{max-width:78ch}section{scroll-margin-top:20px}table{border-collapse:collapse;width:100%}td,th{padding:12px;border:1px solid #49385e;text-align:left}aside,.card{padding:20px;border:1px solid #49385e;border-radius:16px;background:#1a1425;margin:22px 0}small{color:#c9bbd8}button,input,select{font:inherit;max-width:100%;padding:12px;border-radius:9px;border:1px solid #6d4d8f;background:#21182f;color:inherit}button:disabled{opacity:.5}label{display:block;margin:18px 0}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}footer{border-top:1px solid #3b304c}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c596ff;outline-offset:4px}@media(max-width:500px){main,header,footer{padding:18px}td,th{padding:8px;font-size:14px}}