*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f8fc;color:#182033;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.topo{background:#101828;color:white;position:sticky;top:0;z-index:5}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-size:22px;font-weight:800;color:white;text-decoration:none}.logo span{color:#ff8a00}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:#d9e0ec;text-decoration:none;font-weight:600}.hero{background:linear-gradient(135deg,#111827,#26354f);color:white;padding:75px 0}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;align-items:center}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.05;margin:15px 0}.hero h1 span{color:#ff9d2e}.hero p{font-size:20px;max-width:650px;color:#d8dfeb}.ball{font-size:180px;text-align:center;filter:drop-shadow(0 15px 20px #0005)}.tag{display:inline-block;font-size:12px;letter-spacing:1.5px;font-weight:800;color:#e76f00;background:#fff0df;padding:7px 12px;border-radius:20px}.btn{display:inline-block;background:#ff8a00;color:white!important;text-decoration:none;border:0;border-radius:10px;padding:12px 20px;font-weight:800;cursor:pointer}.btn-small{padding:7px 12px}.section,.page{padding:60px 0}.section h2,.page h2{font-size:32px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards.two{grid-template-columns:repeat(2,1fr)}.card{background:white;border:1px solid #e5e8ef;border-radius:16px;padding:24px;box-shadow:0 5px 18px #1820330b;text-decoration:none;color:inherit}.card b{font-size:19px}.card h3{margin-top:4px}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #18203314}.tip{margin-bottom:60px;background:#fff0df;border-radius:18px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lead{font-size:18px;color:#5e6879}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.notice,.success,.error{padding:16px;border-radius:12px;margin:20px 0;background:#fff8e8}.error{background:#ffe8e8;color:#a01818}.success{background:#e8fff0;color:#126b35}.sub{margin-top:45px}.icon{font-size:38px}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.player{background:white;border:1px solid #e5e8ef;border-radius:16px;padding:25px;text-align:center}.avatar{width:80px;height:80px;margin:auto;border-radius:50%;background:#101828;color:#ff9d2e;display:grid;place-items:center;font-size:25px;font-weight:900}.player h3{margin-bottom:2px}.player p{margin-top:0;font-weight:700;color:#687386}.quiz{max-width:800px}.quiz-q{background:white;border:1px solid #e5e8ef;border-radius:16px;padding:22px;margin:18px 0}.quiz-q label{display:block;padding:9px;border-radius:8px}.quiz-q label:hover{background:#f1f3f8}.center{text-align:center}.result{background:white;border-radius:20px;padding:50px;max-width:650px;margin:auto}.big{font-size:80px}.form-page{padding:70px 0}.form-card{background:white;border:1px solid #e5e8ef;box-shadow:0 8px 25px #0000000c;border-radius:18px;padding:35px;max-width:480px;margin:auto}.form-card input{display:block;width:100%;padding:13px;margin:13px 0;border:1px solid #ccd2dc;border-radius:9px;font-size:16px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:25px 0}.stats>div{background:white;border-radius:16px;padding:25px}.stats b{font-size:34px;display:block;color:#e76f00}.stats span{color:#697386}.table-wrap{overflow:auto;background:white;border-radius:15px;margin:20px 0 25px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #e5e8ef}footer{background:#101828;color:#bfc8d7;padding:30px 0;margin-top:30px}footer span{float:right;color:#ff9d2e}@media(max-width:800px){.hero-grid,.cards,.cards.two,.rule-grid,.player-grid{grid-template-columns:1fr 1fr}.ball{font-size:100px}.nav{align-items:flex-start;padding:14px 0;flex-direction:column}nav{gap:10px}.tip{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.hero-grid,.cards,.cards.two,.rule-grid,.player-grid,.stats{grid-template-columns:1fr}.hero{padding:45px 0}.hero h1{font-size:42px}footer span{float:none;display:block;margin-top:8px}}