@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.hu-scope{--brand-ink:#132d46;--brand-accent:#00c48e;--brand-accent-deep:#00b894;--brand-gradient:linear-gradient(135deg, #132d46 0%, #00c48e 100%);--hu-background:#f6f8f9;--hu-foreground:#0e1b27;--hu-card:#fff;--hu-muted:#e7edf2;--hu-muted-foreground:#5b7287;--hu-border:#e7edf2;--hu-border-strong:#a9b8c6;--hu-primary:#132d46;--hu-accent:#00c48e;--ink-900:#0e1b27;--ink-700:#2b3e50;--ink-500:#5b7287;--ink-300:#a9b8c6;--ink-100:#e7edf2;--ink-50:#f6f8f9;--hu-shadow-sm:0 1px 2px #10202c0f, 0 1px 3px #10202c0a;--hu-shadow:0 6px 20px #10202c14;--hu-shadow-md:0 10px 24px #10202c1a;--hu-shadow-lg:0 20px 40px #10202c24;--cat-feature-bg:#d1fae5;--cat-feature-fg:#065f46;--cat-feature-dot:#00c48e;--cat-improve-bg:#e0f2fe;--cat-improve-fg:#075985;--cat-improve-dot:#0284c7;--cat-fix-bg:#fef3c7;--cat-fix-fg:#92400e;--cat-fix-dot:#f59e0b;color:var(--hu-foreground);-webkit-font-smoothing:antialiased;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.hu-root{background:var(--hu-background);flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.hu-scope *,.hu-scope :before,.hu-scope :after{box-sizing:border-box}.hu-scope button{font:inherit}.hu-scope input,.hu-scope textarea{font:inherit;color:inherit}.hu-scope ::-webkit-scrollbar{width:8px;height:8px}.hu-scope ::-webkit-scrollbar-track{background:0 0}.hu-scope ::-webkit-scrollbar-thumb{background:#d4dce4;border-radius:999px}.hu-scope ::-webkit-scrollbar-thumb:hover{background:#a9b8c6}.hu-scope .r-badge{border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.hu-scope .r-btn{cursor:pointer;height:36px;box-shadow:var(--hu-shadow-sm);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background .12s,filter .12s,box-shadow .12s;display:inline-flex}.hu-scope .r-btn:hover{filter:brightness(.94)}.hu-scope .r-btn:active{transform:translateY(.5px)}.hu-scope .r-btn--outline{color:var(--hu-primary);border:1px solid var(--hu-border-strong);box-shadow:none;background:0 0}.hu-scope .hero{color:#fff;background:linear-gradient(95deg,#132d46 0%,#0c5f49 48%,#00b585 100%);flex-shrink:0;padding:26px 40px 30px;position:relative;overflow:hidden}.hu-scope .hero:after{content:"";pointer-events:none;background:radial-gradient(520px at 88% -30%,#ffffff29,#0000 62%);position:absolute;inset:0}.hu-scope .hero-inner{align-items:center;gap:18px;display:flex;position:relative}.hu-scope .hero h1{letter-spacing:-.025em;margin:0;font-size:38px;font-weight:800;line-height:1.05}.hu-scope .hero p{color:#fffc;margin:7px 0 0;font-size:15px;font-weight:400}.hu-scope .scroll-area{flex:1;overflow:auto}.hu-scope .content{max-width:1100px;margin:0 auto;padding:24px 36px 60px}.hu-scope .tabbar{background:var(--hu-card);border:1px solid var(--hu-border);box-shadow:var(--hu-shadow);z-index:2;border-radius:12px;align-items:stretch;gap:4px;margin-top:8px;padding:6px;display:flex;position:relative}.hu-scope .tab{appearance:none;cursor:pointer;color:var(--ink-500);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:11px 18px;font-size:14px;font-weight:500;transition:color .12s,background .12s;display:inline-flex;position:relative}.hu-scope .tab:hover:not(.is-disabled):not(.is-active){color:var(--ink-700);background:#f1f4f7}.hu-scope .tab.is-active{color:var(--brand-accent-deep);font-weight:600}.hu-scope .tab.is-active:after{content:"";background:var(--brand-accent);border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:-6px;left:18px;right:18px}.hu-scope .tab.is-disabled{color:var(--ink-300);cursor:default}.hu-scope .tab .soon{text-transform:uppercase;letter-spacing:.06em;background:var(--ink-100);color:var(--ink-500);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700}.hu-scope .searchbar{background:var(--hu-card);border:1px solid var(--hu-border-strong);height:46px;box-shadow:var(--hu-shadow-sm);border-radius:11px;align-items:center;gap:10px;margin:22px 0 0;padding:0 12px 0 14px;transition:border-color .12s,box-shadow .12s;display:flex}.hu-scope .searchbar:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px #00c48e2e}.hu-scope .searchbar-ico{color:var(--ink-500);flex-shrink:0;display:inline-flex}.hu-scope .searchbar input{min-width:0;color:var(--ink-900);background:0 0;border:0;outline:0;flex:1;font-size:14px}.hu-scope .searchbar input::placeholder{color:var(--ink-500)}.hu-scope .searchbar-clear{cursor:pointer;background:var(--ink-100);width:28px;height:28px;color:var(--ink-500);border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.hu-scope .searchbar-clear:hover{color:var(--ink-900);background:#dde4ea}.hu-scope .months{flex-wrap:wrap;gap:8px;margin:14px 2px 4px;display:flex}.hu-scope .month{cursor:pointer;background:var(--hu-card);border:1px solid var(--hu-border-strong);border-radius:999px;align-items:center;gap:8px;padding:7px 11px 7px 14px;transition:background .12s,border-color .12s;display:inline-flex}.hu-scope .month:hover:not(.is-active){background:#f1f4f7}.hu-scope .month.is-active{background:var(--hu-primary);border-color:var(--hu-primary)}.hu-scope .month-name{color:var(--ink-700);font-size:13px;font-weight:600}.hu-scope .month.is-active .month-name{color:#fff}.hu-scope .month-count{text-align:center;background:var(--ink-100);min-width:22px;color:var(--ink-700);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.hu-scope .month.is-active .month-count{color:#fff;background:#ffffff38}.hu-scope .counter{color:var(--ink-500);align-items:center;gap:9px;margin:12px 2px 14px;font-size:13px;display:flex}.hu-scope .counter strong{color:var(--ink-700);font-weight:700}.hu-scope .counter .pulse{background:var(--brand-accent);border-radius:999px;width:7px;height:7px;animation:2.4s infinite hu-pulse;box-shadow:0 0 #00c48e80}@keyframes hu-pulse{0%{box-shadow:0 0 #00c48e73}70%{box-shadow:0 0 0 7px #00c48e00}to{box-shadow:0 0 #00c48e00}}.hu-scope .feed{flex-direction:column;gap:16px;display:flex}.hu-scope .note{background:var(--hu-card);border:1px solid var(--hu-border);box-shadow:var(--hu-shadow);border-radius:12px;padding:20px 22px}.hu-scope .note-meta{align-items:center;gap:10px;margin-bottom:11px;display:flex}.hu-scope .note-unread{background:var(--brand-accent);border-radius:999px;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #00c48e29}.hu-scope .note-unread.placeholder{box-shadow:none;background:0 0}.hu-scope .note-date{color:var(--ink-500);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.hu-scope .note-title{letter-spacing:-.01em;color:var(--ink-900);margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}.hu-scope .note-body{color:var(--ink-700);font-size:14px;line-height:1.62}.hu-scope .note-body p{margin:0 0 9px}.hu-scope .note-body p:last-child{margin-bottom:0}.hu-scope .note-body ul{margin:6px 0 9px;padding-left:18px}.hu-scope .note-body li{margin-bottom:4px}.hu-scope .note-body strong{color:var(--ink-900);font-weight:600}.hu-scope .note-body.teaser{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.hu-scope .note-foot{align-items:center;gap:14px;margin-top:11px;display:flex}.hu-scope .note-more{cursor:pointer;color:var(--brand-accent-deep);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.hu-scope .note-more svg{transition:transform .15s}.hu-scope .note--clickable:hover .note-more svg{transform:translate(2px)}.hu-scope .note-media-hint{color:var(--ink-300);align-items:center;gap:5px;font-size:12px;display:inline-flex}.hu-scope .note--clickable{cursor:pointer;transition:box-shadow .14s,transform .14s,border-color .14s}.hu-scope .note--clickable:hover{box-shadow:var(--hu-shadow-md);transform:translateY(-2px)}.hu-scope .note-title-btn{appearance:none;cursor:pointer;font:inherit;color:inherit;text-align:left;letter-spacing:inherit;background:0 0;border:0;margin:0;padding:0}.hu-scope .note-title-btn:hover{color:var(--brand-accent-deep)}.hu-scope .cat-dot{border-radius:999px;flex-shrink:0;width:6px;height:6px}.hu-scope .r-badge.cat-feature{background:var(--cat-feature-bg);color:var(--cat-feature-fg)}.hu-scope .r-badge.cat-feature .cat-dot{background:var(--cat-feature-dot)}.hu-scope .r-badge.cat-improve{background:var(--cat-improve-bg);color:var(--cat-improve-fg)}.hu-scope .r-badge.cat-improve .cat-dot{background:var(--cat-improve-dot)}.hu-scope .r-badge.cat-fix{background:var(--cat-fix-bg);color:var(--cat-fix-fg)}.hu-scope .r-badge.cat-fix .cat-dot{background:var(--cat-fix-dot)}.hu-scope .note.hl-bg{background:#f0fdf6;border-color:#b8ead4}.hu-scope .badge-destaque{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.hu-scope .badge-destaque svg{color:#f59e0b}.hu-scope .badge-editada{color:var(--ink-700);border:1px solid var(--hu-border-strong);background:#eef2f6}.hu-scope .badge-editada svg{color:var(--brand-accent-deep)}.hu-scope .note-media{border:1px solid var(--hu-border);background:#fbfcfd;border-radius:10px;margin-top:14px;overflow:hidden}.hu-scope .media-cap{color:var(--ink-500);border-top:1px solid var(--hu-border);background:#fff;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.hu-scope .empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:70px 24px;display:flex}.hu-scope .empty-ico{background:var(--ink-100);width:64px;height:64px;color:var(--ink-500);border-radius:18px;justify-content:center;align-items:center;display:flex}.hu-scope .empty h3{color:var(--ink-900);margin:0;font-size:17px;font-weight:600}.hu-scope .empty p{color:var(--ink-500);max-width:360px;margin:0;font-size:14px}.hu-scope .skel{background:var(--hu-card);border:1px solid var(--hu-border);box-shadow:var(--hu-shadow);border-radius:12px;padding:20px 22px}.hu-scope .sk{background:linear-gradient(90deg,#eef1f4 25%,#f5f7f9 37%,#eef1f4 63%) 0 0/400% 100%;border-radius:6px;animation:1.3s ease-in-out infinite hu-shimmer}@keyframes hu-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes hu-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hu-scope .fade-up{animation:.25s ease-out both hu-fadeUp}.hu-scope .pager{justify-content:center;align-items:center;gap:6px;margin-top:28px;display:flex}.hu-scope .pager-num,.hu-scope .pager-arrow{cursor:pointer;background:var(--hu-card);border:1px solid var(--hu-border-strong);min-width:34px;height:34px;color:var(--ink-700);border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.hu-scope .pager-num:hover:not(.is-active),.hu-scope .pager-arrow:hover:not(:disabled){background:#f1f4f7}.hu-scope .pager-num.is-active{background:var(--hu-primary);color:#fff;border-color:var(--hu-primary)}.hu-scope .pager-arrow:disabled{color:var(--ink-300);border-color:var(--hu-border);cursor:default}.hu-scope .modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#0e1b2799;justify-content:center;align-items:center;padding:40px 24px;animation:.16s ease-out hu-ovlIn;display:flex;position:fixed;inset:0}@keyframes hu-ovlIn{0%{opacity:0}to{opacity:1}}.hu-scope .modal-dialog{background:var(--hu-card);width:100%;max-width:720px;max-height:86vh;box-shadow:var(--hu-shadow-lg);border-radius:16px;flex-direction:column;animation:.18s cubic-bezier(.2,.7,.3,1) hu-dlgIn;display:flex;position:relative;overflow:hidden}@keyframes hu-dlgIn{0%{transform:translateY(10px)scale(.99)}to{transform:none}}.hu-scope .modal-dialog.is-destaque{box-shadow:var(--hu-shadow-lg), inset 0 3px 0 var(--brand-accent)}.hu-scope .modal-close{z-index:2;cursor:pointer;width:34px;height:34px;color:var(--ink-500);background:#f6f8f9d9;border:0;border-radius:8px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex;position:absolute;top:14px;right:14px}.hu-scope .modal-close:hover{color:var(--ink-900);background:#e7edf2}.hu-scope .modal-scroll{padding:30px 34px 24px;overflow-y:auto}.hu-scope .modal-scroll .note-meta{padding-right:40px}.hu-scope .modal-nav{border-top:1px solid var(--hu-border);background:#fbfcfd;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.hu-scope .detail-title{letter-spacing:-.02em;color:var(--ink-900);margin:12px 0 0;padding-right:28px;font-size:24px;font-weight:700;line-height:1.25}.hu-scope .detail-pubdate{color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;font-size:12px;display:flex}.hu-scope .detail-pubdate>span{align-items:center;gap:6px;display:inline-flex}.hu-scope .detail-edited{color:var(--brand-accent-deep);font-weight:600}.hu-scope .detail-body{color:var(--ink-700);margin-top:16px;font-size:15px;line-height:1.7}.hu-scope .detail-body p{margin:0 0 12px}.hu-scope .detail-body p:last-child{margin-bottom:0}.hu-scope .detail-body ul{margin:8px 0 12px;padding-left:20px}.hu-scope .detail-body li{margin-bottom:7px}.hu-scope .detail-body strong{color:var(--ink-900);font-weight:600}.hu-scope .detail-body .note-h{letter-spacing:-.01em;color:var(--ink-900);margin:18px 0 8px;font-weight:700}.hu-scope .detail-body h2.note-h{font-size:19px}.hu-scope .detail-body h3.note-h{font-size:17px}.hu-scope .detail-body h4.note-h{font-size:15px}.hu-scope .detail-body .note-hr{border:0;border-top:1px solid var(--hu-border);margin:16px 0}.hu-scope .note-body .note-h{color:var(--ink-900);margin:10px 0 5px;font-size:15px;font-weight:700}.hu-scope .note-body .note-hr{border:0;border-top:1px solid var(--hu-border);margin:10px 0}.hu-scope .note-body a,.hu-scope .detail-body a{color:var(--brand-accent-deep);font-weight:600}.hu-scope .detail-nav-btn{cursor:pointer;color:var(--ink-700);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 4px;font-size:13px;font-weight:600;transition:color .12s;display:inline-flex}.hu-scope .detail-nav-btn:hover:not(:disabled){color:var(--brand-accent-deep)}.hu-scope .detail-nav-btn:disabled{color:var(--ink-300);cursor:default}.hu-scope .tutorials-embed{margin-top:16px}.hu-scope .modal-dialog.hu-news{max-width:640px}.hu-scope .hu-news-head{border-bottom:1px solid var(--hu-border);color:#fff;background:linear-gradient(95deg,#132d46 0%,#0c5f49 48%,#00b585 100%);align-items:center;gap:14px;padding:24px 28px 18px;display:flex}.hu-scope .hu-news-ico{background:#ffffff29;border:1px solid #ffffff47;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hu-scope .hu-news-head h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.hu-scope .hu-news-head p{color:#ffffffd1;margin:3px 0 0;font-size:13px}.hu-scope .hu-news .modal-close{color:#fff;background:#ffffff29}.hu-scope .hu-news .modal-close:hover{color:#fff;background:#ffffff47}.hu-scope .hu-news-body{background:var(--hu-background);padding:20px 24px}.hu-scope .hu-news-foot{justify-content:space-between}.hu-scope .hu-news-cta{background:var(--brand-accent);color:#fff}.hu-scope .modal-overlay.hu-news-overlay{z-index:40}.hu-scope .note-media--zoom{cursor:zoom-in}.hu-scope .media-lightbox{z-index:70;background:#000000e0;flex-direction:column;align-items:stretch;display:flex;position:fixed;inset:0}.hu-scope .media-lightbox-scroll{flex:1;justify-content:center;align-items:center;padding:20px 20px 8px;display:flex;overflow:auto}.hu-scope .media-lightbox-scroll img{border-radius:8px;display:block;box-shadow:0 12px 48px #0009}.hu-scope .media-lightbox-bar{flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:10px 0 14px;display:flex}.hu-scope .media-lightbox-zoom-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.hu-scope .media-lightbox-zoom-btn:hover:not(:disabled){background:#ffffff3d}.hu-scope .media-lightbox-zoom-btn:disabled{opacity:.3;cursor:default}.hu-scope .media-lightbox-pct{text-align:center;color:#ffffffe6;min-width:46px;font-size:13px;font-weight:600}.hu-scope .media-lightbox-close{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex;position:fixed;top:16px;right:20px}.hu-scope .media-lightbox-close:hover{background:#ffffff42}