.nn-hub-wrap { max-width:760px; margin:0 auto; font-family:inherit; }
    .nn-hub-breadcrumb { display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:14px; border-bottom:1.5px solid #e4ebf7; }
    .nn-hub-back { background:#f0f4fb; border:none; border-radius:999px; padding:7px 16px; font-size:13px; font-weight:700; color:#2C3E50; cursor:pointer; transition:background .15s; }
    .nn-hub-back:hover { background:#dde7f7; }
    .nn-hub-trail { font-size:13px; color:#7a8aaa; }
    .nn-hub-header { margin-bottom:20px; }
    .nn-hub-header h2 { margin:0 0 4px; font-size:22px; color:#2C3E50; font-weight:800; }
    .nn-hub-header p { margin:0; font-size:14px; color:#64748b; }
    .nn-hub-cards { display:flex; flex-direction:column; gap:10px; }
    .nn-hub-cards-2col { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    .nn-hub-cards-2col .nn-hub-card { flex-direction:column; align-items:flex-start; text-align:left; padding:20px; gap:14px; }
    .nn-hub-cards-2col .nn-card-arrow { position:absolute; top:18px; right:18px; }
    .nn-hub-cards-2col .nn-hub-card { position:relative; }
    .nn-hub-cards-2col .nn-card-icon { width:52px; height:52px; font-size:24px; }
    .nn-hub-card { display:flex; align-items:center; gap:16px; padding:16px 18px; border:1.5px solid #e4ebf7; border-radius:14px; background:#fff; cursor:pointer; transition:all .18s ease; user-select:none; }
    .nn-hub-card:hover { transform:translateX(4px); box-shadow:0 8px 24px rgba(18,39,90,.09); }
    .nn-card-icon { width:48px; height:48px; border-radius:14px; background:#f0f4fb; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
    .nn-card-body { flex:1; min-width:0; }
    .nn-card-label { font-size:10px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#2C3E50; margin-bottom:3px; }
    .nn-card-label.entrance-badge { color:#16A085; }
    .nn-card-title { font-size:16px; font-weight:800; color:#2C3E50; line-height:1.3; }
    .nn-card-meta { font-size:12px; color:#7a8aaa; margin-top:2px; }
    .nn-card-arrow { font-size:22px; color:#c0cce0; flex-shrink:0; }
    .nn-card-neb  { border-left:4px solid #2C3E50; } .nn-card-neb  .nn-card-icon { background:#e8eef8; }
    .nn-card-ioe  { border-left:4px solid #16A085; } .nn-card-ioe  .nn-card-icon { background:#fdecea; }
    .nn-card-cee  { border-left:4px solid #e65100; } .nn-card-cee  .nn-card-icon { background:#fff3e0; }
    .nn-card-csit { border-left:4px solid #2C3E50; } .nn-card-csit .nn-card-icon { background:#e8eef8; }
    .nn-card-bca  { border-left:4px solid #6a1b9a; } .nn-card-bca  .nn-card-icon { background:#f3e5f5; }
    .nn-card-entrance-mock  { border-left:4px solid #16A085; } .nn-card-entrance-mock  .nn-card-icon { background:#fdecea; }
    .nn-card-chapterwise    { border-left:4px solid #2C3E50; } .nn-card-chapterwise    .nn-card-icon { background:#e8eef8; }
    .nn-set-list { display:flex; flex-direction:column; gap:8px; }
    .nn-set-item { display:flex; align-items:center; gap:14px; padding:14px 16px; border:1.5px solid #e4ebf7; border-radius:12px; background:#fff; text-decoration:none !important; color:inherit; transition:all .18s ease; cursor:pointer; }
    .nn-set-item:hover:not(.is-locked) { transform:translateX(4px); border-color:#b9c9ea; box-shadow:0 6px 18px rgba(18,39,90,.08); }
    .nn-set-item.is-locked { opacity:.7; cursor:not-allowed; }
    .nn-set-num { width:36px; height:36px; border-radius:10px; background:#f0f4fb; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; color:#2C3E50; flex-shrink:0; }
    .nn-set-body { flex:1; min-width:0; }
    .nn-set-title { font-size:14px; font-weight:700; color:#2C3E50; line-height:1.4; }
    .nn-set-desc { font-size:12px; color:#7a8aaa; margin-top:2px; }
    .nn-set-badges { display:flex; flex-direction:column; align-items:flex-end; gap:4px; flex-shrink:0; }
    .nn-badge { font-size:10px; font-weight:800; padding:3px 9px; border-radius:999px; line-height:1.4; white-space:nowrap; }
    .nn-badge-free    { background:#e8f5e9; color:#2e7d32; }
    .nn-badge-premium { background:#fff3e0; color:#e65100; }
    .nn-badge-locked  { background:#f5f5f5; color:#999; }
    .nn-badge-timer   { background:#e8eef8; color:#2C3E50; }
    .nn-empty-state { text-align:center; padding:40px 20px; color:#7a8aaa; font-size:14px; border:1.5px dashed #e4ebf7; border-radius:14px; }
    .nn-upgrade-bar { background:linear-gradient(135deg,#fff3e0,#fdecea); border:1.5px solid #ffccbc; border-radius:12px; padding:14px 18px; display:flex; align-items:center; gap:12px; margin-bottom:16px; font-size:13px; color:#bf360c; }
    .nn-upgrade-bar a { margin-left:auto; background:#16A085; color:#fff; padding:7px 16px; border-radius:999px; text-decoration:none; font-weight:700; font-size:12px; white-space:nowrap; }
    @media(max-width:600px){
        .nn-hub-card { padding:13px 14px; gap:12px; }
        .nn-card-icon { width:42px; height:42px; font-size:18px; }
        .nn-card-title { font-size:15px; }
        .nn-set-item { padding:12px 13px; }
        .nn-hub-cards-2col { grid-template-columns:1fr; }
    }