/* ShopHack Full Tech Theme — UI layer only */
:root{
  --tech-green:#42ff6e;
  --tech-cyan:var(--neon-cyan,#00e7f2);
  --tech-violet:var(--neon-purple,#8d66ff);
  --tech-pink:var(--neon-pink,#ff4fa6);
  --tech-bg:#02060d;
  --tech-panel:#071423;
  --tech-panel-2:#0a192a;
  --tech-line:rgba(148,163,184,.10);
  --tech-muted:#7f98aa;
  --tech-shadow:0 24px 70px rgba(0,0,0,.38);
}
html{scroll-behavior:smooth}
body.tech-full-ui{
  background:
    radial-gradient(circle at 12% 8%,rgba(66,255,110,.075),transparent 28%),
    radial-gradient(circle at 84% 10%,rgba(0,231,242,.09),transparent 27%),
    radial-gradient(circle at 55% 85%,rgba(141,102,255,.055),transparent 30%),
    linear-gradient(180deg,#02060d 0%,#06101b 45%,#02060d 100%)!important;
  color:#edf8ff;
}
body.tech-full-ui::before{
  background-image:
    linear-gradient(rgba(66,255,110,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(66,255,110,.04) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  animation:techGridFlow 13s linear infinite;
  opacity:.85;
}
@keyframes techGridFlow{to{background-position:0 48px,48px 0}}
.tech-fx-layer{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.tech-scanlines{position:absolute;inset:0;opacity:.055;background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(255,255,255,.08) 5px);mix-blend-mode:screen}
.tech-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.10;animation:techOrb 16s ease-in-out infinite}
.tech-orb-a{width:430px;height:430px;left:-180px;top:120px;background:var(--tech-green)}
.tech-orb-b{width:520px;height:520px;right:-220px;top:250px;background:var(--tech-cyan);animation-direction:reverse;animation-duration:19s}
.tech-orb-c{width:380px;height:380px;left:40%;bottom:-190px;background:var(--tech-violet);animation-duration:21s}
@keyframes techOrb{50%{transform:translate(70px,45px) scale(1.14)}}
body.tech-effects-off .tech-fx-layer{display:none}
body.tech-effects-off::before{animation:none!important;opacity:.25}
body.tech-scan-off .tech-scanlines{display:none}

/* common surfaces */
.tech-full-ui .bg-dark-card,
.tech-full-ui .bg-dark-card\/80,
.tech-full-ui .bg-dark-card\/90,
.tech-full-ui .bg-dark-surface,
.tech-full-ui .glass-card,
.tech-full-ui .dashboard-card{
  background:linear-gradient(180deg,rgba(8,22,38,.92),rgba(4,13,25,.94))!important;
}
.tech-full-ui .border-dark-border{border-color:rgba(148,163,184,.10)!important}
.tech-full-ui .rounded-2xl,.tech-full-ui .rounded-3xl{box-shadow:0 15px 48px rgba(0,0,0,.17)}
.tech-full-ui input,.tech-full-ui select,.tech-full-ui textarea{
  background-color:rgba(5,18,32,.88)!important;
  border-color:rgba(148,163,184,.12)!important;
}
.tech-full-ui input:focus,.tech-full-ui select:focus,.tech-full-ui textarea:focus{
  border-color:rgba(0,231,242,.35)!important;
  box-shadow:0 0 0 3px rgba(0,231,242,.055)!important;
}
.tech-full-ui .text-gray-400{color:#8ca2b4!important}.tech-full-ui .text-gray-500{color:#70899d!important}.tech-full-ui .text-gray-600{color:#536f83!important}
.tech-full-ui .text-neon-cyan{color:#7ef4fb!important}.tech-full-ui .text-neon-purple{color:#ad95ff!important}

/* navbar */
.tech-full-ui .navbar{
  background:rgba(2,7,15,.76)!important;
  border-bottom:1px solid rgba(66,255,110,.10)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.16);
  backdrop-filter:blur(20px) saturate(135%)!important;
}
.tech-full-ui .navbar.scrolled{background:rgba(2,7,15,.90)!important;border-bottom-color:rgba(0,231,242,.15)!important}
.tech-full-ui .nav-link{color:#839bad!important;font-weight:800!important}
.tech-full-ui .nav-link:hover,.tech-full-ui .nav-link.active{color:#eafff0!important;text-shadow:0 0 18px rgba(66,255,110,.20)}
.tech-full-ui .nav-link::after{background:linear-gradient(90deg,var(--tech-green),var(--tech-cyan))!important;height:1px!important;box-shadow:0 0 8px rgba(66,255,110,.4)}
.tech-full-ui .nav-dropdown-inner{background:rgba(4,14,27,.96)!important;border-color:rgba(0,231,242,.12)!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important;backdrop-filter:blur(20px)}
.tech-full-ui .nav-dropdown-item:hover{background:rgba(66,255,110,.045)!important}
.tech-full-ui #search-input{background:rgba(5,18,32,.78)!important;border-color:rgba(148,163,184,.11)!important}
.tech-full-ui #search-input:focus{border-color:rgba(0,231,242,.3)!important}

/* preloader */
.tech-full-ui #preloader{background:radial-gradient(circle at center,rgba(9,29,35,.9),#02060d 60%)!important}

/* technology hero style 7 */
.tech-home-hero{padding:1.25rem 1rem .35rem;position:relative}
.tech-home-hero-inner{max-width:80rem;margin:auto;position:relative;min-height:520px;border-radius:28px;overflow:hidden;border:1px solid rgba(66,255,110,.13);background:linear-gradient(135deg,rgba(66,255,110,.035),transparent 30%),radial-gradient(circle at 80% 30%,rgba(0,231,242,.12),transparent 28%),radial-gradient(circle at 66% 86%,rgba(141,102,255,.09),transparent 28%),rgba(4,14,26,.90);box-shadow:var(--tech-shadow);display:grid;grid-template-columns:1.12fr .88fr;align-items:center;padding:3.5rem;isolation:isolate;transition:transform .15s ease}
.tech-home-hero-inner::after{content:"";position:absolute;width:420px;height:1px;left:-430px;top:24%;background:linear-gradient(90deg,transparent,var(--tech-green),transparent);box-shadow:0 0 16px rgba(66,255,110,.7);animation:techSweep 5s ease-in-out infinite;z-index:3}
@keyframes techSweep{55%,100%{left:110%}}
.tech-hero-copy{position:relative;z-index:6}.tech-system-tag{display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .7rem;border-radius:8px;border:1px solid rgba(66,255,110,.16);background:rgba(66,255,110,.045);font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;color:#a4ffb9}.tech-system-dot{width:7px;height:7px;border-radius:50%;background:var(--tech-green);box-shadow:0 0 14px var(--tech-green);animation:techPulse 1.25s infinite}@keyframes techPulse{50%{opacity:.25;transform:scale(.72)}}
.tech-hero-title{font-size:clamp(3.1rem,7vw,5.8rem);line-height:.9;letter-spacing:-.055em;font-weight:900;margin:1.25rem 0 1rem;color:#fff}.tech-hero-gradient{background:linear-gradient(90deg,#fff 0%,#8cffaa 34%,#76f4fb 68%,#fff 100%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:techShine 5s linear infinite}@keyframes techShine{to{background-position:220% center}}
.tech-hero-desc{max-width:620px;color:#8ca2b4;font-size:.98rem;line-height:1.75}.tech-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}.tech-hero-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.82rem 1.1rem;border-radius:13px;border:1px solid rgba(148,163,184,.10);font-size:.78rem;font-weight:900;letter-spacing:.02em;transition:.22s}.tech-hero-btn-primary{background:linear-gradient(135deg,#19ae51,#00a6b3);border-color:rgba(66,255,110,.18);color:#fff;box-shadow:0 0 28px rgba(66,255,110,.09)}.tech-hero-btn-secondary{background:#08182a;color:#dcebf4}.tech-hero-btn:hover{transform:translateY(-3px);border-color:rgba(0,231,242,.28);box-shadow:0 15px 36px rgba(0,231,242,.07)}
.tech-hero-visual{position:relative;z-index:4;min-height:370px}.tech-radar{position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(66,255,110,.16);animation:techRadar 22s linear infinite}.tech-radar::before{content:"";position:absolute;inset:34px;border-radius:50%;border:1px dashed rgba(0,231,242,.20)}.tech-radar::after{content:"";position:absolute;inset:82px;border-radius:50%;border:1px solid rgba(141,102,255,.17)}@keyframes techRadar{to{transform:rotate(360deg)}}
.tech-radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#103b2a,#071625 55%,#02070e 73%);border:1px solid rgba(66,255,110,.34);box-shadow:0 0 68px rgba(66,255,110,.13),inset 0 0 35px rgba(0,231,242,.08);font-size:2.8rem;color:#afffc2}
.tech-metric{position:absolute;min-width:138px;padding:.72rem .82rem;border-radius:11px;border:1px solid rgba(148,163,184,.10);background:rgba(5,15,29,.86);backdrop-filter:blur(12px);box-shadow:0 12px 36px rgba(0,0,0,.28)}.tech-metric b{font-size:1.35rem;color:#f3fcff}.tech-metric small{display:block;margin-top:2px;color:#6c879a;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.tech-metric-1{left:0;top:26px}.tech-metric-2{right:-5px;top:86px}.tech-metric-3{left:20px;bottom:28px}.tech-metric-4{right:8px;bottom:58px}
.tech-banner-layer{position:absolute;inset:0;z-index:1;opacity:.24;mix-blend-mode:screen}.tech-banner-layer img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.05)}.tech-banner-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,26,.98) 0%,rgba(4,14,26,.85) 44%,rgba(4,14,26,.4) 68%,rgba(4,14,26,.88) 100%)}
.tech-hero-dots{position:absolute;left:3.5rem;bottom:1.5rem;z-index:8;display:flex;gap:.4rem}.tech-hero-dot{width:8px;height:8px;border-radius:99px;background:rgba(255,255,255,.23);border:0;transition:.25s}.tech-hero-dot.active{width:30px;background:linear-gradient(90deg,var(--tech-green),var(--tech-cyan));box-shadow:0 0 14px rgba(66,255,110,.2)}

/* home existing components */
.tech-full-ui .mk-cat-item{border-radius:15px!important;transition:.25s;background:rgba(6,20,35,.55)}
.tech-full-ui .mk-cat-icon{background:linear-gradient(135deg,rgba(66,255,110,.08),rgba(0,231,242,.06))!important;border-color:rgba(66,255,110,.10)!important}
.tech-full-ui .mk-cat-item:hover .mk-cat-icon{border-color:rgba(66,255,110,.24)!important;box-shadow:0 0 24px rgba(66,255,110,.075)}
.tech-full-ui .mk-cat-label{color:#869fb1!important}
.tech-full-ui .mk-cat-item:hover .mk-cat-label{color:#d9ffe2!important}
.tech-full-ui .mk-pill{background:#061523!important;border-color:rgba(148,163,184,.10)!important;color:#829aac!important;border-radius:10px!important}
.tech-full-ui .mk-pill.active{background:rgba(66,255,110,.055)!important;border-color:rgba(66,255,110,.20)!important;color:#baffca!important;box-shadow:inset 0 0 18px rgba(66,255,110,.04)!important}
.tech-full-ui .mk-product-card{position:relative;background:linear-gradient(180deg,rgba(9,25,43,.95),rgba(4,14,27,.97))!important;border-color:rgba(148,163,184,.09)!important;border-radius:18px!important;overflow:hidden;transform-style:preserve-3d}
.tech-full-ui .mk-product-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 18%,rgba(66,255,110,.38),transparent 40%,rgba(0,231,242,.28),transparent 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:.3s;z-index:3}
.tech-full-ui .mk-product-card:hover::before{opacity:1}.tech-full-ui .mk-product-card:hover{transform:translateY(-7px) rotateX(1.5deg)!important;border-color:rgba(0,231,242,.16)!important;box-shadow:0 24px 55px rgba(0,0,0,.36),0 0 28px rgba(0,231,242,.04)!important}
.tech-full-ui .mk-product-img{overflow:hidden}.tech-full-ui .mk-product-img::after{content:"";position:absolute;top:0;bottom:0;left:-130px;width:100px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);transition:.7s;z-index:1}.tech-full-ui .mk-product-card:hover .mk-product-img::after{left:120%}
.tech-full-ui .mk-product-name{color:#f0f9ff!important}.tech-full-ui .mk-price-value{color:#ffdc73!important;font-size:1.02rem!important}.tech-full-ui .mk-btn-order{background:rgba(66,255,110,.045)!important;border-color:rgba(66,255,110,.12)!important;color:#baffca!important}.tech-full-ui .mk-product-card:hover .mk-btn-order{background:linear-gradient(135deg,#18a94d,#00a2ae)!important;color:#fff!important}
.tech-full-ui .mk-step-card,.tech-full-ui .mk-feature{background:linear-gradient(180deg,rgba(8,22,38,.88),rgba(4,13,25,.92))!important;border-color:rgba(148,163,184,.09)!important}.tech-full-ui .mk-step-card:hover,.tech-full-ui .mk-feature:hover{border-color:rgba(66,255,110,.16)!important;box-shadow:0 18px 42px rgba(0,0,0,.2)}
.tech-full-ui .mk-step-num{background:linear-gradient(135deg,var(--tech-green),var(--tech-cyan))!important;color:#03150b!important}.tech-full-ui .mk-step-icon{background:rgba(66,255,110,.05)!important;border-color:rgba(66,255,110,.13)!important;color:#85ffa0!important}

/* generic page cards + auth/profile/topup/product */
.tech-full-ui main .max-w-7xl>div[class*="bg-dark-card"],
.tech-full-ui main .max-w-6xl>div[class*="bg-dark-card"],
.tech-full-ui main .max-w-5xl>div[class*="bg-dark-card"],
.tech-full-ui main .max-w-4xl>div[class*="bg-dark-card"]{backdrop-filter:blur(10px)}
.tech-full-ui .game-card{background:linear-gradient(180deg,rgba(9,25,43,.94),rgba(4,14,27,.96))!important;border-color:rgba(148,163,184,.09)!important;border-radius:18px!important}.tech-full-ui .game-card:hover{border-color:rgba(0,231,242,.18)!important;box-shadow:0 22px 55px rgba(0,0,0,.32),0 0 25px rgba(0,231,242,.04)!important}
.tech-full-ui [class*="bg-gradient-to-r"][class*="from-neon-cyan"],.tech-full-ui [class*="bg-gradient-to-br"][class*="from-neon-cyan"]{background-image:linear-gradient(135deg,#19ad50,#00a7b2)!important}

/* footer + mobile */
.tech-full-ui footer{position:relative;background:linear-gradient(180deg,rgba(3,10,18,.7),rgba(1,5,10,.95))!important;border-top-color:rgba(66,255,110,.08)!important}
.tech-full-ui .mobile-bottom-nav{background:rgba(2,8,16,.91)!important;backdrop-filter:blur(18px)!important;border-top-color:rgba(148,163,184,.08)!important}

/* tiny background music */
.tech-music-mini{position:fixed;right:92px;bottom:31px;z-index:120}
.tech-music-button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(66,255,110,.18);background:rgba(4,14,26,.90);backdrop-filter:blur(14px);color:#baffca;box-shadow:0 0 24px rgba(66,255,110,.08);transition:.2s}
.tech-music-button:hover{transform:scale(1.08);border-color:rgba(66,255,110,.34)}
.tech-music-panel{display:none;position:absolute;right:0;bottom:51px;width:235px;padding:11px;border-radius:13px;background:rgba(4,14,26,.97);border:1px solid rgba(148,163,184,.10);box-shadow:0 18px 55px rgba(0,0,0,.5)}.tech-music-mini.open .tech-music-panel{display:block}
.tech-music-title{font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dcebf3}.tech-music-controls{display:flex;gap:7px;align-items:center;margin-top:8px}.tech-music-controls button{width:32px;height:32px;border-radius:9px;border:1px solid rgba(148,163,184,.10);background:#071625;color:#fff}.tech-music-controls input{min-width:0;flex:1}.tech-music-open-link{display:block;margin-top:8px;text-align:center;color:#718da0;font-size:9px}

/* tech reveal + ripple */
.tech-reveal{opacity:0;transform:translateY(18px);transition:.62s cubic-bezier(.2,.7,.2,1)}.tech-reveal.tech-visible{opacity:1;transform:none}
.tech-ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.24);animation:techRipple .55s linear;pointer-events:none}@keyframes techRipple{to{transform:scale(4);opacity:0}}

/* Admin full tech theme */
body.admin-tech-ui{background:radial-gradient(circle at 10% 5%,rgba(66,255,110,.065),transparent 25%),radial-gradient(circle at 90% 10%,rgba(0,231,242,.07),transparent 26%),#02070e!important}
.admin-tech-ui .admin-sidebar{background:linear-gradient(180deg,rgba(3,12,21,.98),rgba(2,8,15,.99))!important;border-right-color:rgba(66,255,110,.08)!important}
.admin-tech-ui .sidebar-link{color:#718b9f!important;font-weight:700}.admin-tech-ui .sidebar-link:hover{color:#d9ffe2!important;background:rgba(66,255,110,.04)!important}.admin-tech-ui .sidebar-link.active{color:#a7ffb9!important;background:rgba(66,255,110,.055)!important;box-shadow:inset 2px 0 0 var(--tech-green)!important}
.admin-tech-ui .sidebar-section{color:#405e72!important}.admin-tech-ui .admin-main{background:transparent!important}
.admin-tech-ui .bg-dark-card,.admin-tech-ui .bg-dark-surface{background:linear-gradient(180deg,rgba(8,22,38,.93),rgba(4,13,25,.95))!important}.admin-tech-ui .border-dark-border{border-color:rgba(148,163,184,.09)!important}
.admin-tech-ui input,.admin-tech-ui select,.admin-tech-ui textarea{background:#061423!important;border-color:rgba(148,163,184,.11)!important}.admin-tech-ui input:focus,.admin-tech-ui select:focus,.admin-tech-ui textarea:focus{border-color:rgba(0,231,242,.3)!important;box-shadow:0 0 0 3px rgba(0,231,242,.05)!important}
.admin-tech-ui .text-neon-cyan{color:#7ef4fb!important}.admin-tech-ui .text-neon-purple{color:#ad95ff!important}.admin-tech-ui .text-gray-400{color:#879fb1!important}.admin-tech-ui .text-gray-500{color:#6d879a!important}
.admin-tech-ui table{border-color:rgba(148,163,184,.08)!important}.admin-tech-ui tbody tr{transition:.18s}.admin-tech-ui tbody tr:hover{background:rgba(66,255,110,.025)!important}
.admin-tech-ui .iface-hero{border-color:rgba(66,255,110,.12)!important;background:linear-gradient(135deg,rgba(7,23,34,.96),rgba(3,10,20,.96))!important}.admin-tech-ui .iface-card{background:linear-gradient(145deg,rgba(7,20,35,.96),rgba(3,10,20,.94))!important;border-color:rgba(148,163,184,.10)!important}

@media(max-width:1023px){
  .tech-home-hero-inner{grid-template-columns:1fr;padding:2.1rem 1.4rem;min-height:auto}.tech-hero-visual{margin-top:1.3rem;min-height:330px}.tech-home-hero{padding-left:.75rem;padding-right:.75rem}.tech-hero-dots{left:1.4rem}.tech-music-mini{right:76px;bottom:86px}.tech-full-ui .navbar{padding-left:.65rem!important;padding-right:.65rem!important}
}
@media(max-width:640px){
  .tech-home-hero-inner{border-radius:19px;padding:1.65rem 1rem}.tech-hero-title{font-size:2.9rem;letter-spacing:-.04em}.tech-hero-desc{font-size:.82rem}.tech-hero-visual{min-height:285px}.tech-metric{min-width:116px;padding:.55rem .62rem}.tech-metric b{font-size:1.05rem}.tech-hero-actions{gap:.5rem}.tech-hero-btn{flex:1;justify-content:center;min-width:125px;padding:.72rem .8rem}.tech-home-hero{padding-top:.75rem}.tech-music-mini{right:72px}
}
@media(prefers-reduced-motion:reduce){.tech-full-ui *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.tech-fx-layer{display:none!important}}

/* category stack overrides (inline cat_style1 loads later, so use higher specificity) */
body.tech-full-ui #category-showcase .cat-block-header{background:linear-gradient(180deg,rgba(8,22,38,.90),rgba(4,13,25,.93))!important;border-color:rgba(148,163,184,.09)!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(0,0,0,.14)}
body.tech-full-ui #category-showcase .cat-block-header:hover{border-color:rgba(66,255,110,.17)!important}
body.tech-full-ui #category-showcase .cat-block-icon{background:linear-gradient(135deg,rgba(66,255,110,.07),rgba(0,231,242,.06))!important;border-color:rgba(66,255,110,.11)!important}
body.tech-full-ui #category-showcase .cat-block-header:hover .cat-block-icon{border-color:rgba(66,255,110,.24)!important;box-shadow:0 0 24px rgba(66,255,110,.07)!important}
body.tech-full-ui #category-showcase .cat-block-header:hover .cat-block-title{color:#baffca!important}
body.tech-full-ui #category-showcase .cat-block-more:hover,body.tech-full-ui #category-showcase .cat-header-viewall:hover{color:#a8ffbb!important;border-color:rgba(66,255,110,.2)!important;background:rgba(66,255,110,.035)!important;box-shadow:0 0 15px rgba(66,255,110,.04)!important}

/* QR and banking tech polish */
body.tech-full-ui .qr-scanner-line{background:linear-gradient(90deg,transparent,var(--tech-green),transparent)!important;box-shadow:0 0 12px rgba(66,255,110,.55)!important}
body.tech-full-ui .bank-btn,body.tech-full-ui .amount-btn{background:rgba(6,20,35,.78)!important}
body.tech-full-ui .bank-btn:hover,body.tech-full-ui .amount-btn:hover{border-color:rgba(66,255,110,.18)!important;box-shadow:0 0 20px rgba(66,255,110,.035)}


/* Desktop avatar dropdown usability fix */
@media (min-width: 1024px){
  .user-account-menu{
    /* Keep the trigger and dropdown in one continuous hover/click region. */
    padding-bottom:2px;
  }
  .user-account-menu > .user-account-dropdown{
    top:calc(100% - 2px)!important;
    padding-top:6px!important;
    transform:none!important;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .18s ease, visibility .18s ease!important;
  }
  .user-account-menu:hover > .user-account-dropdown,
  .user-account-menu:focus-within > .user-account-dropdown,
  .user-account-menu.is-open > .user-account-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .user-account-menu.is-open .premium-user-button{
    border-color:rgba(66,255,110,.20)!important;
    background:rgba(66,255,110,.045)!important;
  }
}


/* === Contrast hardening: native controls + dark theme === */
body.tech-full-ui input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body.tech-full-ui textarea,
body.tech-full-ui select,
body.admin-tech-ui input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body.admin-tech-ui textarea,
body.admin-tech-ui select {
  background-color:#061423!important;
  color:#edf7ff!important;
  -webkit-text-fill-color:#edf7ff!important;
  border-color:rgba(148,163,184,.14)!important;
  color-scheme:dark;
}
body.tech-full-ui select option,
body.tech-full-ui select optgroup,
body.admin-tech-ui select option,
body.admin-tech-ui select optgroup {
  background:#0a1625!important;
  color:#f1f7fb!important;
  -webkit-text-fill-color:#f1f7fb!important;
}
body.tech-full-ui input::placeholder,
body.tech-full-ui textarea::placeholder,
body.admin-tech-ui input::placeholder,
body.admin-tech-ui textarea::placeholder {color:#688195!important;-webkit-text-fill-color:#688195!important;opacity:1}
body.tech-full-ui input:disabled,body.tech-full-ui textarea:disabled,body.tech-full-ui select:disabled,
body.admin-tech-ui input:disabled,body.admin-tech-ui textarea:disabled,body.admin-tech-ui select:disabled {
  background:#0b1522!important;color:#8295a5!important;-webkit-text-fill-color:#8295a5!important;opacity:1!important;
}
body.tech-full-ui input:-webkit-autofill,
body.tech-full-ui input:-webkit-autofill:hover,
body.tech-full-ui input:-webkit-autofill:focus,
body.admin-tech-ui input:-webkit-autofill,
body.admin-tech-ui input:-webkit-autofill:hover,
body.admin-tech-ui input:-webkit-autofill:focus {
  -webkit-text-fill-color:#edf7ff!important;
  -webkit-box-shadow:0 0 0 1000px #061423 inset!important;
  box-shadow:0 0 0 1000px #061423 inset!important;
  caret-color:#edf7ff!important;
}
body.tech-full-ui input[type="date"]::-webkit-calendar-picker-indicator,
body.tech-full-ui input[type="time"]::-webkit-calendar-picker-indicator,
body.tech-full-ui input[type="datetime-local"]::-webkit-calendar-picker-indicator,
body.admin-tech-ui input[type="date"]::-webkit-calendar-picker-indicator,
body.admin-tech-ui input[type="time"]::-webkit-calendar-picker-indicator,
body.admin-tech-ui input[type="datetime-local"]::-webkit-calendar-picker-indicator {filter:invert(1) opacity(.75)}
body.tech-full-ui table,body.admin-tech-ui table {color:#dbe8f0}
body.tech-full-ui dialog,body.admin-tech-ui dialog {background:#071423;color:#edf7ff}

/* === YouTube background player + custom cursor === */
.tech-youtube-player{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;opacity:.001!important;pointer-events:none!important;overflow:hidden!important}
.tech-music-hint{margin-top:7px;color:#5f7789;font-size:9px;line-height:1.35}

.tech-cursor-fx-layer{position:fixed;inset:0;z-index:2147482998;pointer-events:none;overflow:visible;contain:layout style;isolation:isolate}
.tech-custom-cursor{--tech-cursor-size:34px;position:fixed;left:0;top:0;width:var(--tech-cursor-size);height:var(--tech-cursor-size);z-index:2147483000;pointer-events:none;transform:translate3d(-100px,-100px,0);opacity:1;visibility:visible;will-change:transform;display:none}.tech-custom-cursor.is-active{display:block!important;visibility:visible!important}
.tech-cursor-shape{position:absolute;inset:0;transition:transform .13s ease,filter .15s ease,opacity .15s ease;transform-origin:center}.tech-custom-cursor.is-hover .tech-cursor-shape{transform:scale(1.18);filter:brightness(1.2)}.tech-custom-cursor.is-down .tech-cursor-shape{transform:scale(.76)}.tech-custom-cursor.is-hidden{opacity:0}.tech-cursor-shape>span{position:absolute;display:block}.tech-cursor-shape img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 7px rgba(0,231,242,.5))}
/* preset 1: neon ring */
.tech-custom-cursor.preset-neon-ring .tech-cursor-shape{border:2px solid rgba(126,244,251,.94);border-radius:50%;box-shadow:0 0 0 4px rgba(66,255,110,.08),0 0 20px rgba(0,231,242,.36);background:rgba(0,231,242,.025)}.preset-neon-ring .cursor-core{left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#baffca;box-shadow:0 0 10px rgba(66,255,110,.75);transform:translate(-50%,-50%)}
/* preset 2: crosshair */
.tech-custom-cursor.preset-crosshair .cursor-a{left:3px;right:3px;top:50%;height:1px;background:linear-gradient(90deg,transparent,#7ef4fb 22%,#7ef4fb 78%,transparent);box-shadow:0 0 8px rgba(0,231,242,.8)}.tech-custom-cursor.preset-crosshair .cursor-b{top:3px;bottom:3px;left:50%;width:1px;background:linear-gradient(transparent,#7ef4fb 22%,#7ef4fb 78%,transparent);box-shadow:0 0 8px rgba(0,231,242,.8)}.tech-custom-cursor.preset-crosshair .cursor-core{left:50%;top:50%;width:7px;height:7px;border:1px solid #9effb5;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px rgba(66,255,110,.6)}
/* preset 3: cyber diamond */
.tech-custom-cursor.preset-diamond .tech-cursor-shape:before{content:"";position:absolute;inset:18%;border:2px solid #9effb5;box-shadow:0 0 14px rgba(66,255,110,.5);transform:rotate(45deg);animation:techCursorDiamond 2.6s linear infinite}.tech-custom-cursor.preset-diamond .cursor-core{left:50%;top:50%;width:5px;height:5px;background:#7ef4fb;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #00e7f2}@keyframes techCursorDiamond{to{transform:rotate(405deg)}}
/* preset 4: plasma orb */
.tech-custom-cursor.preset-plasma .cursor-core{left:50%;top:50%;width:28%;height:28%;border-radius:50%;background:#d8ffff;transform:translate(-50%,-50%);box-shadow:0 0 5px #fff,0 0 12px #00e7f2,0 0 24px rgba(0,231,242,.8)}.tech-custom-cursor.preset-plasma .cursor-a{inset:14%;border:1px solid rgba(158,255,181,.75);border-radius:50%;animation:techCursorOrbit 1.6s linear infinite}.tech-custom-cursor.preset-plasma .cursor-a:after{content:"";position:absolute;left:45%;top:-3px;width:6px;height:6px;border-radius:50%;background:#9effb5;box-shadow:0 0 8px #42ff6e}.tech-custom-cursor.preset-plasma .cursor-b{inset:4%;border:1px dashed rgba(126,244,251,.35);border-radius:50%;animation:techCursorOrbit 3s linear reverse infinite}@keyframes techCursorOrbit{to{transform:rotate(360deg)}}
/* preset 5: laser pointer */
.tech-custom-cursor.preset-laser .tech-cursor-shape{transform-origin:18% 12%}.tech-custom-cursor.preset-laser .cursor-a{left:10%;top:4%;width:0;height:0;border-left:calc(var(--tech-cursor-size)*.22) solid #7ef4fb;border-top:calc(var(--tech-cursor-size)*.4) solid transparent;border-bottom:calc(var(--tech-cursor-size)*.13) solid transparent;transform:rotate(-35deg);filter:drop-shadow(0 0 6px rgba(0,231,242,.95))}.tech-custom-cursor.preset-laser .cursor-b{left:29%;top:45%;width:50%;height:2px;background:linear-gradient(90deg,#7ef4fb,transparent);transform:rotate(44deg);transform-origin:left center;box-shadow:0 0 8px #00e7f2}
/* preset 6: target HUD */
.tech-custom-cursor.preset-target .tech-cursor-shape{border:1px solid rgba(126,244,251,.9);border-radius:50%;box-shadow:0 0 18px rgba(0,231,242,.28)}.tech-custom-cursor.preset-target .cursor-a{inset:24%;border:1px solid rgba(158,255,181,.9);border-radius:50%}.tech-custom-cursor.preset-target .cursor-b:before,.tech-custom-cursor.preset-target .cursor-b:after{content:"";position:absolute;background:#7ef4fb;box-shadow:0 0 6px #00e7f2}.tech-custom-cursor.preset-target .cursor-b:before{width:70%;height:1px;left:15%;top:50%}.tech-custom-cursor.preset-target .cursor-b:after{height:70%;width:1px;top:15%;left:50%}.tech-custom-cursor.preset-target .cursor-b{inset:0}.tech-custom-cursor.preset-target .cursor-core{left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
/* custom uploaded image */
.tech-custom-cursor.preset-custom .tech-cursor-shape{filter:drop-shadow(0 0 8px rgba(0,231,242,.35))}
/* trail effects */
.tech-cursor-trail{position:fixed;z-index:2147482999;pointer-events:none;transform:translate(-50%,-50%);display:block!important;opacity:1;will-change:transform,opacity;mix-blend-mode:screen}
.tech-cursor-trail.trail-glow{width:11px;height:11px;border-radius:50%;background:#d9ffff;border:1px solid rgba(255,255,255,.9);box-shadow:0 0 8px #fff,0 0 18px #00e7f2,0 0 30px rgba(0,231,242,.75);animation:techCursorTrail .72s ease-out forwards!important}
.tech-cursor-trail.trail-spark{width:5px;height:18px;border-radius:99px;background:linear-gradient(#fff,#7ef4fb,transparent);box-shadow:0 0 9px #fff,0 0 18px #00e7f2;transform:translate(-50%,-50%) rotate(45deg);animation:techCursorSpark .72s ease-out forwards!important}.tech-cursor-trail.trail-spark:after{content:"";position:absolute;left:-6px;top:6px;width:17px;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,#9effb5,transparent);transform:rotate(90deg);box-shadow:0 0 11px #42ff6e}
.tech-cursor-trail.trail-comet{width:34px;height:7px;border-radius:99px;background:linear-gradient(90deg,transparent 0%,rgba(126,244,251,.35) 35%,#fff 100%);box-shadow:0 0 8px #fff,0 0 18px rgba(0,231,242,.8);transform:translate(-100%,-50%) rotate(var(--trail-angle,0deg));transform-origin:right center;animation:techCursorComet .78s ease-out forwards!important}
.tech-cursor-trail.trail-matrix{font:900 15px/1 monospace;color:#d8ffe1;text-shadow:0 0 4px #fff,0 0 12px #42ff6e,0 0 20px #42ff6e;animation:techCursorMatrix .78s ease-out forwards!important}
/* click effects */
.tech-cursor-click{position:fixed;z-index:2147483001;pointer-events:none;transform:translate(-50%,-50%);display:block!important;opacity:1;will-change:transform,opacity;mix-blend-mode:screen}
.tech-cursor-click.click-ring{width:24px;height:24px;border:2px solid #9effb5;border-radius:50%;box-shadow:0 0 8px #fff,0 0 22px rgba(66,255,110,.9);animation:techCursorClick .68s ease-out forwards!important}
.tech-cursor-click.click-double{width:22px;height:22px;border:2px solid #7ef4fb;border-radius:50%;box-shadow:0 0 9px #fff,0 0 20px rgba(0,231,242,.85);animation:techCursorClick .72s ease-out forwards!important}.tech-cursor-click.click-double:after{content:"";position:absolute;inset:-10px;border:2px solid rgba(158,255,181,.95);border-radius:50%;box-shadow:0 0 16px rgba(66,255,110,.6);animation:techCursorClick2 .72s ease-out forwards!important}
.tech-cursor-click.click-pulse{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,rgba(0,231,242,.9) 12%,rgba(0,231,242,.35) 34%,rgba(0,231,242,0) 72%);box-shadow:0 0 26px rgba(0,231,242,.9);animation:techCursorPulse .7s ease-out forwards!important}
.tech-cursor-click.click-burst{width:10px;height:10px}.tech-cursor-click.click-burst i{position:absolute;left:4px;top:-25px;width:3px;height:27px;border-radius:3px;background:linear-gradient(#fff,#9effb5 35%,transparent);box-shadow:0 0 8px #42ff6e;transform-origin:1.5px 30px;animation:techCursorBurst .75s ease-out forwards!important}.tech-cursor-click.click-burst i:nth-child(2){transform:rotate(45deg)}.tech-cursor-click.click-burst i:nth-child(3){transform:rotate(90deg)}.tech-cursor-click.click-burst i:nth-child(4){transform:rotate(135deg)}.tech-cursor-click.click-burst i:nth-child(5){transform:rotate(180deg)}.tech-cursor-click.click-burst i:nth-child(6){transform:rotate(225deg)}.tech-cursor-click.click-burst i:nth-child(7){transform:rotate(270deg)}.tech-cursor-click.click-burst i:nth-child(8){transform:rotate(315deg)}
@keyframes techCursorTrail{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.08)}}
@keyframes techCursorSpark{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}100%{opacity:0;transform:translate(-50%,18px) rotate(150deg) scale(.1)}}
@keyframes techCursorComet{0%{opacity:1;filter:brightness(1.25)}100%{opacity:0;filter:brightness(.7)}}
@keyframes techCursorMatrix{0%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,26px) scale(.7)}}
@keyframes techCursorClick{0%{opacity:1;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(4.2)}}
@keyframes techCursorClick2{0%{opacity:1;transform:scale(.25)}100%{opacity:0;transform:scale(2.8)}}
@keyframes techCursorPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.18)}55%{opacity:.95;transform:translate(-50%,-50%) scale(1.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.5)}}
@keyframes techCursorBurst{0%{opacity:1;height:27px}100%{opacity:0;height:46px}}
/* Cursor FX must remain visible even when the OS asks for reduced motion. */
@media(prefers-reduced-motion:reduce){.tech-cursor-trail,.tech-cursor-click,.tech-cursor-trail:before,.tech-cursor-trail:after,.tech-cursor-click:before,.tech-cursor-click:after,.tech-cursor-click i{animation-duration:.72s!important;animation-iteration-count:1!important;transition-duration:.12s!important}}
@media (min-width:769px){html.tech-cursor-ready,html.tech-cursor-ready *{cursor:none!important}html.tech-cursor-ready .tech-custom-cursor{display:block!important;visibility:visible!important}}@media (max-width:768px){.tech-custom-cursor,.tech-cursor-trail,.tech-cursor-click{display:none!important}}


/* ===== 2026-10-02: Hero banner full, không chữ/HUD che ảnh ===== */
.tech-home-hero-banner-only{
  padding:1rem 1rem .35rem;
}
.tech-home-hero-banner-only .tech-banner-only-inner{
  max-width:80rem;
  width:100%;
  margin:auto;
  padding:0!important;
  min-height:0!important;
  aspect-ratio:16 / 5;
  display:block!important;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:#04101c;
  transform:none!important;
}
.tech-home-hero-banner-only .tech-banner-only-inner::after{
  display:none!important;
}
.tech-home-hero-banner-only .tech-banner-layer-clean{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:1!important;
  mix-blend-mode:normal!important;
  background:#04101c;
}
.tech-home-hero-banner-only .tech-banner-layer-clean::after{
  display:none!important;
}
.tech-home-hero-banner-only .tech-banner-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:opacity .7s ease;
}
.tech-home-hero-banner-only .tech-banner-layer-clean img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center;
  filter:none!important;
}
.tech-home-hero-banner-only .tech-hero-dots-clean{
  z-index:5;
  left:50%;
  right:auto;
  bottom:10px;
  transform:translateX(-50%);
}
@media (max-width: 640px){
  .tech-home-hero-banner-only{padding:.75rem .75rem .25rem}
  .tech-home-hero-banner-only .tech-banner-only-inner{border-radius:16px}
}