:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#080e19;color:#e5eefb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#17335e 0,transparent 55%);min-height:100vh}main{max-width:960px;margin:auto;padding:48px 24px}header{margin-bottom:36px}.badge{font-size:12px;letter-spacing:.22em;color:#70c7ff}h1{font-size:clamp(46px,8vw,78px);margin:12px 0;letter-spacing:-.06em}h1 span{color:#58aaff}p,footer{color:#a5b5ce;line-height:1.6}nav{display:flex;gap:10px;margin-bottom:20px}section{border:1px solid #293c57;background:#101c2cdd;border-radius:22px;padding:28px;margin-bottom:24px}h2{margin-top:0;font-size:23px}label{display:block;margin:20px 0 12px;font-size:14px;color:#bbcee8}input,select{display:block;width:100%;padding:13px;border-radius:9px;border:1px solid #344961;background:#0b1422;color:#e5eefb;margin-top:8px;font:inherit}button{border:1px solid #426993;background:#163653;color:#e6f5ff;padding:12px 18px;border-radius:9px;cursor:pointer;font:inherit}button:hover{background:#24517d}button:disabled{opacity:.5;cursor:wait}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#07101c;border:1px solid #24364d;border-radius:12px;min-height:50px;font-size:13px;line-height:1.6}.row{display:flex;gap:18px}.row label{flex:1}img{max-width:100%;max-height:180px;background:#fff;border-radius:8px;margin-top:16px}.table{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:25px}td,th{text-align:left;padding:12px;border-bottom:1px solid #263a50;font-size:13px}footer{font-size:12px}[hidden]{display:none!important}:focus-visible{outline:2px solid #86d5ff;outline-offset:3px}@media(max-width:600px){main{padding:28px 16px}section{padding:20px}.row{display:block}nav button{flex:1;padding:10px;font-size:13px}}