*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#edf3ff;color:#172033}.top{position:sticky;top:0;z-index:5;background:linear-gradient(135deg,#234a9f,#5c7be8);color:#fff;padding:14px 6%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 20px #0002}.brand{font-size:24px;font-weight:900;color:#fff;text-decoration:none}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top a{color:#fff;text-decoration:none;font-weight:700;padding:8px 10px;border-radius:10px}.top a:hover,.btn{background:#ffffff22}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.hero{background:linear-gradient(135deg,#fff,#dce8ff);border:1px solid #cbd9ff;border-radius:28px;padding:38px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;box-shadow:0 12px 40px #2754b822}.hero h1{font-size:46px;margin:0 0 12px}.card{background:#fff;border:1px solid #dde6fb;border-radius:18px;padding:18px;box-shadow:0 8px 25px #0000000d;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.two{display:grid;grid-template-columns:280px 1fr;gap:16px}.input,textarea,select{width:100%;padding:12px;border:1px solid #cbd6ef;border-radius:12px;margin:6px 0 12px;font:inherit}textarea{min-height:100px}.button,button{background:#2857c8;color:#fff;border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.button.alt{background:#eef3ff;color:#244ba5}.avatar{width:74px;height:74px;border-radius:50%;object-fit:cover;background:#dce8ff}.mini{display:flex;gap:12px;align-items:center}.post-img{max-width:100%;border-radius:14px;margin-top:10px}.muted{color:#667}.pill{display:inline-block;background:#eef3ff;color:#2857c8;border-radius:999px;padding:5px 10px;font-weight:800;margin:3px}.cover{height:180px;background:linear-gradient(135deg,#244ba5,#8da8ff);border-radius:22px;margin-bottom:-45px}.profile-head{display:flex;gap:16px;align-items:end}.profile-head .avatar{width:120px;height:120px;border:5px solid #fff}.foot{text-align:center;color:#667;padding:30px}.notice{background:#fff8d9;border:1px solid #eddc93;padding:12px;border-radius:12px;margin-bottom:12px}.danger{background:#d92b2b}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e6eaf5;text-align:left}@media(max-width:760px){.hero,.two{grid-template-columns:1fr}.hero h1{font-size:34px}.top{display:block}.top nav{margin-top:10px}}