:root{font-family:Tahoma,Arial,sans-serif;color-scheme:dark;background:#071321;color:#e9f3ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(150deg,#071321,#102744);min-height:100vh}a{color:#72d5ff;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px max(24px,calc((100vw - 1150px)/2));border-bottom:1px solid #28415c;background:#0a1b2d}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1150px;margin:auto;padding:28px 20px}h1{font-size:clamp(28px,4vw,46px)}h2{margin-top:30px}.hero{background:linear-gradient(110deg,#123c72,#0c2542);border:1px solid #285b93;padding:36px;border-radius:20px;margin-bottom:22px}.hero p,.hint,.tile p{color:#aac0d5;line-height:1.8}.panel,.tile{background:#10243b;border:1px solid #2b4560;border-radius:16px;padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tile h3{margin-bottom:5px}button,.btn{border:0;border-radius:9px;background:#1688d4;color:white;cursor:pointer;padding:12px 18px;display:inline-block;margin:6px 3px;font:inherit}button:hover,.btn:hover{background:#0e6eaf}.secondary{background:#29455f}input,select,textarea{display:block;width:100%;padding:12px;background:#081727;border:1px solid #42617b;border-radius:8px;color:white;font:inherit;margin:8px 0 16px}label{display:block;margin-top:10px}pre{direction:ltr;text-align:left;white-space:pre;overflow:auto;background:#071321;border:1px solid #2a4b65;border-radius:10px;padding:16px;font:13px/1.7 monospace;max-height:360px}.script pre{max-height:150px}footer{text-align:center;padding:25px;color:#9db4ca}.ad{max-width:100%;height:auto;border-radius:10px}@media(max-width:650px){header{display:block;padding:16px}nav{margin-top:12px}.hero{padding:24px}}