*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033}a{color:#315efb;text-decoration:none}nav{min-height:64px;background:#fff;border-bottom:1px solid #e8ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 7%;gap:20px}nav b{font-size:22px}.hero{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:30px}.card{background:#fff;border:1px solid #e8ebf2;border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(24,36,58,.05)}.hero .card{width:min(850px,100%);text-align:center}.hero h1{font-size:44px;margin:12px 0}.hero p{color:#68738a;margin-bottom:25px}.badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#315efb;background:#eef2ff;padding:7px 10px;border-radius:99px}form{display:grid;gap:12px}.two,.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2{align-items:start}input,textarea{width:100%;padding:14px 15px;border:1px solid #d9deea;border-radius:10px;font-size:15px}textarea{min-height:120px}button{border:0;border-radius:10px;padding:14px 20px;background:#315efb;color:#fff;font-weight:700;cursor:pointer}.alert,.success{padding:12px 14px;border-radius:10px;margin-top:15px}.alert{background:#fff0f0;color:#b42318}.success{background:#ecfdf3;color:#087443}.auth{width:min(440px,92%);margin:80px auto}.auth h2{margin-top:0}.wrap{width:min(1100px,92%);margin:35px auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e8ebf2;border-radius:14px;padding:20px}.stat b{display:block;font-size:28px}.stat small,.row small{display:block;color:#748097;margin-top:5px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #edf0f5}.row:last-child{border-bottom:0}.row>div:first-child{display:grid;gap:3px}.danger{color:#c62828}pre{white-space:pre-wrap;background:#111827;color:#e5e7eb;padding:18px;border-radius:12px;overflow:auto}code{background:#eef1f6;padding:2px 5px;border-radius:5px}@media(max-width:700px){.hero h1{font-size:32px}.two,.grid2,.stats{grid-template-columns:1fr}.row{align-items:flex-start;flex-wrap:wrap}nav{padding:0 4%}}