*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f8fafc;color:#0f172a}.top{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;padding:15px 6%;z-index:2}.brand{font-size:24px;font-weight:800;color:#2563eb;text-decoration:none}nav a{margin-left:18px;color:#334155;text-decoration:none;font-weight:600}.hero{background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;padding:75px 6%;text-align:center;border-radius:0 0 35px 35px}.hero h1{font-size:44px;margin:0 0 14px}.hero p{font-size:18px;max-width:760px;margin:0 auto 26px}.btn{display:inline-block;background:#f97316;color:#fff;text-decoration:none;padding:14px 24px;border-radius:999px;font-weight:800}.wrap{max-width:1180px;margin:auto;padding:45px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card,.toolbox{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 8px 25px rgba(15,23,42,.06)}.card h3{margin-top:0}.card a{color:#2563eb;font-weight:800;text-decoration:none}.toolbox{max-width:900px;margin:30px auto}.input{width:100%;padding:14px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px}.submit{margin-top:12px;border:0;background:#2563eb;color:white;padding:13px 20px;border-radius:12px;font-weight:800;cursor:pointer}.result{margin-top:22px;padding:20px;background:#f1f5f9;border-radius:15px}.good{color:#16a34a;font-weight:800}.warn{color:#d97706;font-weight:800}.bad{color:#dc2626;font-weight:800}.check{padding:10px 0;border-bottom:1px solid #e2e8f0}.content h2{margin-top:35px}.foot{text-align:center;padding:35px;background:#0f172a;color:#cbd5e1}.foot a{color:#fff}@media(max-width:700px){.top{display:block}.top nav{margin-top:12px}.top nav a{display:inline-block;margin:7px 10px 0 0}.hero h1{font-size:32px}}