body{font-family:Sarabun,Arial,sans-serif;margin:0;background:#f8fbff;color:#0f172a}.container{max-width:1180px;margin:auto;padding:0 18px}.topbar{background:#fff;box-shadow:0 8px 28px #0001;position:sticky;top:0;z-index:10}.inner{display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.brand{display:flex;align-items:center;text-decoration:none;color:#0b2b5c;gap:12px}.brand-logo{width:52px;height:52px}.brand-title{font-weight:900;font-size:1.1rem}.brand-sub{font-size:.82rem;color:#64748b}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#eef7ff;color:#1478f2;text-decoration:none;font-weight:800}.login-pill{background:#1478f2;color:white}.hero{padding:48px 0;background:linear-gradient(135deg,#e0f2fe,#ffffff)}.hero h1{font-size:2.3rem;color:#0b2b5c;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.pub-section{padding:32px 0}.profile-card{background:white;border-radius:24px;box-shadow:0 16px 48px #0f172a14;overflow:hidden}.profile-card .body{padding:18px}.meta{color:#64748b}.btn{display:inline-block;padding:10px 14px;border-radius:12px;background:#1478f2;color:white;text-decoration:none;font-weight:800}.avatar{width:120px;height:120px;object-fit:cover;border-radius:30px}.stat{background:white;border-radius:18px;padding:18px;box-shadow:0 12px 28px #0001}.stat b{font-size:2rem;color:#1478f2}.profile-wrap{padding-top:24px}.pub-section h1{color:#0b2b5c;font-weight:900}@media(max-width:700px){.inner{align-items:flex-start;gap:12px;flex-direction:column}.hero h1{font-size:1.6rem}.grid{grid-template-columns:1fr}}