*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#070914;color:#f5f7ff}a{text-decoration:none;color:inherit}
.wrap{max-width:1050px;margin:auto;padding:18px}.top{position:sticky;top:0;z-index:5;background:#0c1020dd;backdrop-filter:blur(10px);border-bottom:1px solid #202944}
.nav{max-width:1050px;margin:auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:20px}.brand b{color:#ffb82e}
.hero{padding:34px 22px;background:linear-gradient(135deg,#111b3d,#17102e);border:1px solid #28345e;border-radius:22px;margin:18px 0}.hero h1{font-size:36px;margin:0 0 8px}.muted{color:#aeb6cf}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#111526;border:1px solid #242c46;border-radius:20px;padding:18px;box-shadow:0 12px 35px #0003}.card:hover{border-color:#46537e}.btn{display:inline-block;background:#ffb82e;color:#171008;font-weight:900;padding:12px 18px;border-radius:12px;border:0;cursor:pointer}.btn2{background:#1d2745;color:white}
.money{color:#ffc64c;font-weight:900}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#19213a;color:#cbd4f4;font-size:12px}.green{color:#43e78c}
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.person{text-align:center;position:relative}.avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid #7857ff;background:#222b46}.dot{width:17px;height:17px;border-radius:50%;background:#43e78c;border:3px solid #111526;display:inline-block;margin-left:-23px}
.person h3{margin:10px 0 3px}.taskimg{width:100%;height:190px;object-fit:cover;border-radius:15px;background:linear-gradient(135deg,#263458,#6c4b32)}
.q{padding:16px;background:#0d1222;border:1px solid #232c47;border-radius:15px;margin:12px 0}.choice{display:block;padding:11px;margin:7px 0;background:#161c30;border-radius:10px}
input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid #303a5b;background:#0b1020;color:white}textarea{min-height:100px}
.chatbox{height:52vh;overflow:auto;padding:15px;background:#0b1020;border-radius:18px}.bubble{max-width:78%;padding:11px 14px;margin:8px;border-radius:16px;background:#202943}.me{margin-left:auto;background:#3b2e75}.notice{padding:12px;border-radius:12px;background:#151c31;color:#bfc8e4;margin:12px 0}
@media(max-width:800px){.grid{grid-template-columns:1fr}.people{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:28px}.wrap{padding:12px}.avatar{width:90px;height:90px}}