@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";.handbook-hub-main .container{max-width:1000px;margin:0 auto;padding:8rem 2rem 5rem}.handbook-hub-main .header-tag{color:#38bdf8;letter-spacing:.04em;background:#38bdf814;border:1px solid #38bdf840;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.handbook-hub-main h1{-webkit-text-fill-color:transparent;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 0%,#bae6fd 50%,#c084fc 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.15}.handbook-hub-main .header-desc{color:#94a3b8;max-width:780px;margin-bottom:4rem;font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:300;line-height:1.7}.handbook-hub-main .part-section{margin-bottom:5rem}.handbook-hub-main .part-section:last-child{margin-bottom:2rem}.handbook-hub-main .part-hero{margin-bottom:1.5rem;padding:3rem 0 2rem;position:relative;overflow:visible}.handbook-hub-main .part-watermark{color:#ffffff06;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.05em;font-size:clamp(6rem,12vw,11rem);font-weight:900;line-height:1;position:absolute;top:-1.5rem;left:-1rem}.handbook-hub-main .part-hero .part-meta-row,.handbook-hub-main .part-hero .part-title,.handbook-hub-main .part-hero .part-subtitle,.handbook-hub-main .part-hero .part-description{z-index:1;position:relative}.handbook-hub-main .part-meta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.handbook-hub-main .part-roman-pill{letter-spacing:.08em;background:var(--part-bg);border:1px solid var(--part-border);color:var(--part-accent);box-shadow:0 0 20px var(--part-glow);border-radius:9999px;align-items:center;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.handbook-hub-main .part-range{letter-spacing:.05em;color:#94a3b8;font-size:.85rem;font-weight:600}.handbook-hub-main .part-title{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e2e8f0 60%,#94a3b8 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(2.2rem,3.5vw,2.8rem);font-weight:800;line-height:1.18}.handbook-hub-main .part-subtitle{letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:600}.handbook-hub-main .part-description{color:#94a3b8;max-width:820px;margin-bottom:0;font-size:1rem;font-weight:300;line-height:1.7}.handbook-hub-main .card-inner-layout{align-items:flex-start;gap:1.75rem;display:flex}.handbook-hub-main .chapter-rail{letter-spacing:-.02em;border:1px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 15px #0000004d}.handbook-hub-main .card-content-area{flex:1;min-width:0}.handbook-hub-main .part-beam-divider{background:linear-gradient(90deg, var(--part-accent), #ffffff0d 80%);opacity:.6;width:100%;height:2px;box-shadow:0 0 15px var(--part-accent);margin-bottom:2.5rem}.handbook-hub-main .articles-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.handbook-hub-main .article-card{color:inherit;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172a80;border:1px solid #ffffff14;border-radius:18px;padding:2.25rem;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.handbook-hub-main .article-card:before{content:"";opacity:0;background:linear-gradient(#38bdf8,#818cf8);width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.handbook-hub-main .article-card:hover{border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 20px 40px -15px #0009,0 0 30px #38bdf81a}.handbook-hub-main .article-card:hover:before{opacity:1}.handbook-hub-main .badge-unread{letter-spacing:.05em;color:#34d399;background:#10b98133;border:1px solid #10b98180;border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:800;animation:2s ease-in-out infinite pulse-badge;box-shadow:0 0 10px #10b98159}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}}.handbook-hub-main .article-card.is-unread{border-color:#10b98159;box-shadow:0 12px 30px -10px #00000080,0 0 20px #10b9811a}.handbook-hub-main .article-card.is-unread:before{opacity:.8;background:linear-gradient(#10b981,#34d399)}.handbook-hub-main .article-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.handbook-hub-main .article-category{text-transform:uppercase;letter-spacing:.05em;color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf833;border-radius:6px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.handbook-hub-main .article-readtime{color:#64748b;font-size:.82rem}.handbook-hub-main .article-title{color:#f8fafc;letter-spacing:-.015em;margin-bottom:.75rem;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:700;line-height:1.3}.handbook-hub-main .article-subtitle{color:#94a3b8;margin-bottom:1.5rem;font-size:.98rem;font-weight:300;line-height:1.65}.handbook-hub-main .article-action{color:#38bdf8;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;transition:gap .2s;display:inline-flex}.handbook-hub-main .article-card:hover .article-action{color:#60a5fa;gap:.75rem}