body{margin:0;background:radial-gradient(circle at top,#243b72,#090d1b 55%,#050712);color:#eef3ff;font-family:Arial,sans-serif}main{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}header b{font-size:25px;display:block}small,.hint{color:#aeb9d8}.hero,.card{border:1px solid #ffffff22;background:#ffffff12;border-radius:26px;padding:24px;margin-bottom:18px;box-shadow:0 20px 60px #0006}.hero h1{font-size:40px;margin:0 0 8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}input{box-sizing:border-box;width:100%;padding:14px;margin:8px 0;border-radius:14px;border:1px solid #ffffff30;background:#080b17;color:white;font-size:16px}.nums{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.nums input{text-align:center}button,a{display:inline-block;border:0;border-radius:14px;padding:13px 18px;background:linear-gradient(135deg,#36d1dc,#5b86e5);color:white;text-decoration:none;font-weight:800}.ball{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#15213d;margin:3px;font-weight:900}.msg,.warn{background:#ffd16622;border:1px solid #ffd16677;border-radius:16px;padding:13px;margin-bottom:16px}.ok{background:#06d6a022;border:1px solid #06d6a077;border-radius:16px;padding:13px}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #ffffff18;text-align:left}th{color:#bcc8ef}@media(max-width:680px){.hero h1{font-size:30px}.nums{grid-template-columns:repeat(2,1fr)}}