*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial;background:#f5f7fb;color:#182230}.topbar{height:64px;background:#fff;border-bottom:1px solid #e7ebf0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:5}.brand{font-weight:900;letter-spacing:.8px}.brand span{color:#0a9b61}.topbar nav{display:flex;gap:18px}.topbar a{color:#455160;text-decoration:none;font-size:14px}.container{max-width:1180px;margin:30px auto;padding:0 18px}.hero{padding:38px;border-radius:22px;background:linear-gradient(135deg,#103d2e,#087d50);color:#fff;box-shadow:0 18px 50px #0a7f5030}.hero h1{font-size:42px;margin:0 0 10px}.muted{color:#697586}.hero .muted{color:#d8f4e8}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px}.card{background:#fff;border:1px solid #e7ebf0;border-radius:18px;padding:22px;box-shadow:0 8px 25px #14213d08}.tool{min-height:180px}.tool h3{margin:8px 0}.pill{display:inline-block;background:#e9f8f1;color:#08764b;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.btn{display:inline-block;border:0;border-radius:10px;background:#087d50;color:#fff;padding:11px 16px;cursor:pointer;text-decoration:none;font-weight:700}.btn.alt{background:#edf2f7;color:#273444}.btn.gold{background:#c79424}.input,textarea,select{width:100%;padding:12px;border:1px solid #d8dee8;border-radius:10px;margin:6px 0 14px;font:inherit}.chatbox{min-height:250px;max-height:480px;overflow:auto;background:#fafbfd;border:1px solid #e4e8ee;border-radius:14px;padding:14px}.msg{padding:12px 14px;border-radius:12px;margin:8px 0;white-space:pre-wrap}.user{background:#e9f8f1}.ai{background:#fff;border:1px solid #e6e9ee}.stats{display:flex;gap:12px;flex-wrap:wrap}.stat{padding:16px 20px;background:#fff;border-radius:14px;border:1px solid #e6e9ee}.stat b{font-size:25px}.notice{padding:12px 14px;background:#fff5d6;border:1px solid #f1d98d;border-radius:10px;margin:15px 0}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px}footer{text-align:center;color:#7b8794;padding:35px}.center{max-width:460px;margin:60px auto}.error{color:#b42318;background:#fff0ee;padding:10px;border-radius:9px;margin-bottom:12px}@media(max-width:700px){.hero h1{font-size:30px}.topbar{padding:0 14px}.topbar nav{gap:9px}.topbar nav a:nth-child(n+3){display:none}}