/* TASKVN - Trang chu v3: dong bo NEO-BRUTALIST (vang #ffe17c, charcoal #171e19, sage #b7c6c2)
   Quy tac: vien 2px, bong cung (0 blur), khong gradient, khong glow, khong nghieng 3D. Tai cuoi cung. */
:root{--hv-line:#000;--hv-sh:4px 4px 0 0 #000;--hv-sh-lg:8px 8px 0 0 #000}
html[data-theme="dark"]{--hv-line:#b7c6c2;--hv-sh:4px 4px 0 0 #b7c6c2;--hv-sh-lg:8px 8px 0 0 #b7c6c2}
@keyframes hvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hvRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes hvTicker{to{transform:translateX(-50%)}}
@keyframes hvBlink{0%,100%{opacity:1}50%{opacity:.35}}

/* ===== HERO (khach) ===== */
html body .kp2-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:44px 32px;border-radius:var(--nb-r-lg);color:#000;background:var(--nb-yellow)!important;border:2px solid #000!important;box-shadow:var(--hv-sh-lg)!important;animation:none}
.kp2-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--nb-dots);background-size:22px 22px}
.kp2-orb{display:none!important}
.kp2-coin{position:absolute;font-size:30px;filter:none;animation:hvFloat 5s ease-in-out infinite}
.kp2-coin.c1{top:12%;left:46%}.kp2-coin.c2{top:70%;left:42%;animation-delay:-1.4s}.kp2-coin.c3{top:18%;right:6%;animation-delay:-2.6s}.kp2-coin.c4{bottom:10%;right:30%;animation-delay:-3.8s}
html body .kp2-hero .kp-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--nb-charcoal)!important;color:var(--nb-yellow)!important;border:2px solid #000!important;padding:6px 12px;border-radius:8px;font-weight:800;font-size:13px;backdrop-filter:none}
.kp2-live i{width:9px;height:9px;border-radius:50%;background:#22c55e;animation:hvBlink 1.4s infinite}
html body .kp2-hero h1{color:#000!important;font-family:var(--nb-head);font-size:clamp(30px,5.2vw,52px);line-height:1.1;margin:16px 0 12px;letter-spacing:-.02em;animation:hvRise .6s both}
html body .kp2-hero h1 em{font-style:normal;display:inline-block;padding:0 .18em;background:var(--nb-charcoal);color:var(--nb-yellow)!important;-webkit-text-fill-color:var(--nb-yellow);border-radius:8px;animation:none}
html body .kp2-hero .kp-lead{color:#000!important;max-width:560px;font-weight:600;animation:hvRise .6s .1s both}
html body .kp2-hero .kp-actions{animation:hvRise .6s .2s both}
html body .kp2-hero .kp-actions .btn,html body .nb-home-hero .btn,html body .kp-cta .btn{position:relative;border-radius:var(--nb-r)!important;border:2px solid #000!important;font-weight:800;box-shadow:var(--nb-sh)!important;transition:transform .12s,box-shadow .12s,background-color .2s}
html body .kp2-hero .kp-actions .btn:first-child,html body .nb-home-hero .btn.nb-btn-dark{background:var(--nb-charcoal)!important;color:#fff!important}
html body .kp2-hero .kp-actions .btn.ghost,html body .nb-home-hero .btn.ghost{background:#fff!important;color:#000!important}
html body .kp2-hero .kp-actions .btn:hover,html body .nb-home-hero .btn:hover,html body .kp-cta .btn:hover{transform:translate(4px,4px);box-shadow:none!important}
html body .kp2-hero .kp-trust{animation:hvRise .6s .3s both}
html body .kp2-hero .kp-trust li{color:#000!important;background:#fff!important;border:2px solid #000!important;border-radius:8px;font-weight:700}
/* panel */
html body .kp2-panel{position:relative;background:#fff!important;color:#000;border:2px solid #000!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh)!important;backdrop-filter:none;padding:18px;text-align:left}
.kp2-logo-wrap{position:relative;width:132px;height:132px;margin:-62px auto 12px;display:grid;place-items:center}
.kp2-logo-wrap::before,.kp2-logo-wrap::after{content:none!important}
.kp2-logo{position:relative;width:124px;height:124px;border-radius:50%;background:#fff;border:2px solid #000;box-shadow:var(--nb-sh);animation:none}
html body .kp2-panel .kp-panel-bar{background:transparent;border:0;color:#000;font-weight:800}
html body .kp2-panel .kp-panel-row{background:var(--nb-sage)!important;color:#000;border:2px solid #000!important;border-radius:var(--nb-r)!important;box-shadow:2px 2px 0 0 #000!important;animation:hvRise .5s both;transition:transform .12s,box-shadow .12s,background-color .2s}
html body .kp2-panel .kp-panel-row:nth-of-type(1){animation-delay:.3s}html body .kp2-panel .kp-panel-row:nth-of-type(2){animation-delay:.4s}html body .kp2-panel .kp-panel-row:nth-of-type(3){animation-delay:.5s}
html body .kp2-panel .kp-panel-row:hover{transform:translate(2px,2px);box-shadow:none!important;background:var(--nb-yellow)!important}
html body .kp2-panel .kp-panel-row span,html body .kp2-panel .kp-panel-row b{color:#000!important}
html body .kp2-panel .kp-ico{background:var(--nb-yellow)!important;animation:none}
/* ticker */
.kp2-ticker{overflow:hidden;margin:18px 0;border-radius:var(--nb-r);background:var(--nb-charcoal);border:2px solid var(--hv-line);box-shadow:var(--hv-sh)}
.kp2-ticker div{display:flex;width:max-content;animation:hvTicker 24s linear infinite}
.kp2-ticker:hover div{animation-play-state:paused}
.kp2-ticker span{padding:12px 26px;font-weight:800;color:var(--nb-yellow);white-space:nowrap}
html[data-theme="dark"] .kp2-ticker{background:var(--nb-yellow)}
html[data-theme="dark"] .kp2-ticker span{color:#000}

/* ===== CARD CHUNG: khach + thanh vien ===== */
html body .kp-stat,html body .kp-card,html body .kp-prize,html body .kp-steps li,html body .home-money-card,html body .home-task-progress,html body .nb-level-card,html body .public-table-card{position:relative;overflow:hidden;background:var(--nb-surface)!important;color:var(--nb-text);border:2px solid var(--hv-line)!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--hv-sh)!important;transform-style:flat;transition:transform .12s ease,box-shadow .12s,background-color .2s,opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1),scale .7s cubic-bezier(.2,.7,.2,1)}
html body .kp-stat::before,html body .kp-card::before,html body .kp-prize::before,html body .home-money-card::before,html body .home-task-progress::before,html body .nb-level-card::before,html body .kp-card::after,html body .kp-prize::after,html body .home-money-card::after{content:none!important;animation:none!important}
@media (hover:hover){
 html body .kp-stat:hover,html body .kp-card:hover,html body .kp-prize:hover,html body .home-money-card:hover,html body .home-task-progress:hover,html body .nb-level-card:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--hv-line)!important}
 html body .kp-card:hover .kp-ico,html body .kp-prize:hover .kp-ico{background:var(--nb-sage)!important}
}
html body .kp-card:active,html body .kp-prize:active,html body .home-money-card:active{transform:translate(4px,4px);box-shadow:none!important}
html body .kp-ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--nb-yellow)!important;color:#000;font-size:22px;border:2px solid #000!important;box-shadow:2px 2px 0 0 #000!important;animation:none}
html body .kp-num{font-weight:900;font-size:30px;background:none;-webkit-text-fill-color:currentColor;color:var(--nb-text);opacity:.35}
html body .kp-tags li{background:var(--nb-sage);color:#000;border:2px solid #000;border-radius:8px;font-weight:700}
/* stats */
html body .kp-stat b{font-family:var(--nb-head);font-size:clamp(26px,5vw,38px);background:none!important;-webkit-text-fill-color:currentColor;color:var(--nb-text);animation:none}
/* headings */
html body .kp-head h2{color:var(--nb-text);font-family:var(--nb-head);letter-spacing:-.01em}
html body .kp-head .kp-kicker{background:var(--nb-yellow);color:#000;border:2px solid #000;border-radius:8px;font-weight:800}
html body .kp-head p,html body .kp-card p,html body .kp-prize p,html body .kp-steps li span{color:var(--nb-muted)}
/* steps */
html body .kp-step-n{background:var(--nb-yellow)!important;color:#000!important;border:2px solid #000!important;border-radius:50%;box-shadow:2px 2px 0 0 #000;animation:none}
/* CTA */
html body .kp-cta{position:relative;overflow:hidden;background:var(--nb-yellow)!important;color:#000;border:2px solid #000!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--hv-sh-lg)!important;animation:none}
html body .kp-cta h2,html body .kp-cta p{color:#000!important}
html body .kp-cta .btn:first-child{background:var(--nb-charcoal)!important;color:#fff!important}
html body .kp-cta .btn.ghost{background:#fff!important;color:#000!important}
html body .kp-footer{color:var(--nb-muted)}html body .kp-footer b,html body .kp-footer h4{color:var(--nb-text)}

/* ===== TRANG CHU THANH VIEN ===== */
html body .nb-home-hero.home-cosmic-hero{position:relative;overflow:hidden;background:var(--nb-yellow)!important;color:#000;border:2px solid #000!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--hv-sh-lg)!important;animation:none}
html body .nb-home-hero h2,html body .nb-home-hero p{color:#000!important}
html body .nb-home-hero .landing-kicker{background:var(--nb-charcoal);color:var(--nb-yellow);border:2px solid #000;border-radius:8px}
html body .home-money-card b{font-size:clamp(20px,4.6vw,28px);background:none!important;-webkit-text-fill-color:currentColor;color:var(--nb-text)}
html body .home-money-card.primary{background:var(--nb-yellow)!important;color:#000;border:2px solid #000!important}
html body .home-money-card.primary small,html body .home-money-card.primary span,html body .home-money-card.primary b{color:#000!important;-webkit-text-fill-color:#000}
html body .home-money-card small{font-weight:800;letter-spacing:.04em}
html body .xpfill{background:var(--nb-yellow)!important;animation:none;border-radius:99px;border-right:2px solid #000}
html body .xpbar{background:var(--nb-gray)!important;border:2px solid var(--hv-line)!important;border-radius:99px!important}
html[data-theme="dark"] body .xpbar{background:var(--nb-charcoal)!important}
html body .home-task-ring{box-shadow:none;animation:none;border-radius:50%}
@media (max-width:760px){html body .kp2-hero{grid-template-columns:1fr;padding:30px 18px}.kp2-logo-wrap{margin-top:-4px}.kp2-coin.c1,.kp2-coin.c2{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}