@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@500;600;700;800;900&display=swap');
:root{
 --comic-ink:#07162f;--comic-bg:#07112f;--comic-blue:#1769ff;--comic-blue2:#2448c8;
 --comic-red:#ff304f;--comic-red2:#c60d36;--comic-yellow:#ffd428;--comic-cyan:#24d9ff;
 --comic-paper:#f7f4e8;--comic-white:#fff;--comic-muted:#b8c7e4;--comic-panel:#101f52;
 --comic-line:rgba(93,225,255,.28);--comic-shadow:8px 9px 0 #020817;
 --ink:#f8fbff;--muted:#b8c7e4;--line:rgba(93,225,255,.26);--gold:#ffd428;--cyan:#24d9ff;--coral:#ff304f;--blue:#1769ff
}
*{box-sizing:border-box}
body{font-family:Inter,Arial,sans-serif;background:var(--comic-bg)!important;color:#fff!important}
h1,h2,h3,.btn,.top-kicker,.eyebrow,.side-nav>span,.card-head h2,.page-title-card h1,.metric strong,.stats-grid strong{font-family:"Barlow Condensed",Inter,sans-serif!important}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 12%,rgba(255,48,79,.18),transparent 27%),radial-gradient(circle at 90% 14%,rgba(36,217,255,.17),transparent 28%),linear-gradient(135deg,#07112f 0%,#101a49 46%,#07112f 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.2;background-image:radial-gradient(circle,#fff 1.2px,transparent 1.4px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.container{width:min(1280px,calc(100% - 38px))!important}

/* comic header */
.site-header{height:84px!important;background:rgba(7,16,45,.95)!important;border-bottom:4px solid var(--comic-yellow)!important;box-shadow:0 6px 0 #020817,0 18px 40px rgba(0,0,0,.28)!important}
.brand img,.site-header .logo img{width:220px!important;max-height:66px!important;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.35))}
.site-header nav{gap:18px!important}.site-header nav a{font-family:"Barlow Condensed"!important;font-size:15px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.045em;color:#fff!important}.site-header nav a:hover{color:var(--comic-yellow)!important;text-shadow:2px 2px 0 #000}
.mobile-menu{color:var(--comic-yellow)!important;border:2px solid var(--comic-yellow)!important;border-radius:9px;padding:5px 10px;background:#101f52!important;box-shadow:4px 4px 0 #020817}

/* buttons */
.btn{font-family:"Barlow Condensed"!important;font-size:16px!important;text-transform:uppercase;letter-spacing:.06em;border-radius:10px!important;border:3px solid var(--comic-ink)!important;box-shadow:5px 6px 0 #020817!important;transform:skew(-3deg);min-height:46px}
.btn>*{transform:skew(3deg)}.btn:hover{transform:skew(-3deg) translate(-2px,-2px)!important;box-shadow:8px 9px 0 #020817!important}.btn-gold{background:linear-gradient(135deg,#ffe65c,var(--comic-yellow))!important;color:var(--comic-ink)!important}.btn-ghost,.btn-glass{background:linear-gradient(135deg,#173073,#0d1b49)!important;color:#fff!important;border-color:#42dfff!important}.btn-danger{background:linear-gradient(135deg,#ff5c6d,#da153b)!important}

/* hero */
.landing-body .hero{margin-top:84px!important;min-height:760px!important;height:min(820px,calc(100vh - 30px))!important;background:#07112f!important;border-bottom:6px solid #020817!important}
.landing-body .hero-art{display:block!important;background-image:url('../images/superudt-hero-fhd.webp')!important;background-size:cover!important;background-position:center!important;opacity:1!important}
.landing-body .hero-overlay{background:linear-gradient(90deg,rgba(5,10,28,.98) 0%,rgba(5,10,28,.94) 35%,rgba(5,10,28,.45) 60%,rgba(5,10,28,.05) 100%),linear-gradient(0deg,#07112f,transparent 28%)!important}
.landing-body .hero-inner{min-height:760px!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;align-items:center!important;gap:40px!important;padding-top:10px!important}
.hero-copy{max-width:690px!important;position:relative;z-index:5}.eyebrow{font-family:"Barlow Condensed"!important;color:var(--comic-cyan)!important;font-size:14px!important;letter-spacing:.16em!important;text-shadow:2px 2px 0 #020817}.eyebrow i{background:var(--comic-yellow)!important;border-radius:2px!important;transform:rotate(45deg);box-shadow:0 0 16px var(--comic-yellow)!important}
.landing-body .hero h1{font-family:Bangers,"Arial Black",sans-serif!important;font-weight:400!important;font-size:clamp(60px,7vw,102px)!important;line-height:.86!important;letter-spacing:.015em!important;color:#fff!important;text-transform:uppercase;text-shadow:5px 6px 0 #020817!important;margin:23px 0!important;max-width:720px}
.landing-body .hero h1 em{display:block;color:var(--comic-yellow)!important;text-shadow:5px 6px 0 #020817,9px 10px 0 var(--comic-red2)!important}.landing-body .hero p{font-size:17px!important;line-height:1.72!important;color:#d6e1f5!important;max-width:620px!important;text-shadow:1px 2px 0 #000}.trust-row{gap:12px!important}.trust-row span{padding:8px 12px;background:#0a1b49;border:2px solid rgba(36,217,255,.35);border-radius:8px;color:#fff!important;font-size:11px!important;font-weight:900;box-shadow:3px 4px 0 #020817}
.hero-visual{min-height:580px!important}.hero-visual:before{content:"ZAP!";position:absolute;right:5%;top:14%;font-family:Bangers;font-size:44px;color:var(--comic-red);text-shadow:3px 3px 0 #020817;transform:rotate(8deg)}.hero-badge{background:var(--comic-paper)!important;color:var(--comic-ink)!important;border:4px solid var(--comic-ink)!important;border-radius:8px!important;box-shadow:6px 7px 0 #020817!important}.hero-badge i{background:var(--comic-yellow)!important;color:var(--comic-ink)!important;border:2px solid var(--comic-ink);border-radius:50%!important}.hero-badge small{color:#51617d!important}.hero-badge b{font-family:"Barlow Condensed"!important;font-size:13px!important}.hero-star{color:var(--comic-yellow)!important;text-shadow:2px 2px 0 #020817}.wave-divider{display:none!important}

/* stats and public cards */
.stats-section{background:#07112f!important;margin:0!important;padding:34px 0 74px!important}.stats-grid{gap:18px!important}.stats-grid article{position:relative;overflow:hidden;background:linear-gradient(145deg,#142866,#0b173e)!important;border:3px solid #020817!important;border-radius:12px!important;box-shadow:7px 8px 0 #020817!important;padding:22px!important}.stats-grid article:after{content:"";position:absolute;width:90px;height:90px;right:-30px;top:-30px;border-radius:50%;background-image:radial-gradient(circle,#fff 2px,transparent 2.5px);background-size:10px 10px;opacity:.16}.stat-icon{border:3px solid #020817!important;border-radius:50%!important;box-shadow:3px 4px 0 #020817}.stat-icon.cyan{background:var(--comic-cyan)!important}.stat-icon.gold{background:var(--comic-yellow)!important}.stat-icon.coral{background:var(--comic-red)!important}.stat-icon.blue{background:var(--comic-blue)!important}.stats-grid strong{font-size:27px!important;color:#fff!important}.stats-grid small{color:#b9c8e5!important}
.section,.dark-section,.activity-section,.faq-section,.fleet-section,.risk-section{background:transparent!important}.section{padding:90px 0!important}.section-heading h2,.fleet-copy h2{font-family:Bangers,"Arial Black"!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.025em;color:#fff!important;text-shadow:3px 4px 0 #020817;font-size:clamp(43px,5vw,67px)!important}.section-heading p,.fleet-copy>p{color:#bfcce4!important}.feature-card,.community-card,.reward-card,.rules-box,.platform-section,.accordion details{background:linear-gradient(150deg,#132861,#0a173e)!important;border:3px solid #020817!important;border-radius:13px!important;box-shadow:7px 8px 0 #020817!important;color:#fff!important}.feature-card{min-height:320px!important;transform:rotate(-.35deg)!important}.feature-card:nth-child(2){transform:rotate(.5deg) translateY(-10px)!important}.feature-card:nth-child(3){transform:rotate(-.55deg)!important}.feature-card h3{font-family:"Barlow Condensed"!important;font-size:29px!important;text-transform:uppercase}.feature-card p,.community-card p,.rules-box li{color:#b8c7e4!important}.feature-icon{border:3px solid #020817!important;border-radius:50%!important;box-shadow:4px 5px 0 #020817!important;background:var(--comic-yellow)!important}.step-number{font-family:Bangers!important;color:rgba(255,212,40,.18)!important}.fleet-section{position:relative;overflow:hidden}.fleet-section:before{content:"";position:absolute;inset:12% auto auto -5%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--comic-red),transparent 70%);opacity:.12}.mascot-wrap{height:570px!important}.mascot-wrap img{max-height:560px!important;filter:drop-shadow(12px 14px 0 rgba(2,8,23,.75))!important;-webkit-mask-image:none!important;mask-image:none!important}.glow-ring{inset:35px!important;border:6px solid var(--comic-yellow)!important;background:radial-gradient(circle,rgba(36,217,255,.18),transparent 65%)!important;box-shadow:0 0 0 12px #0b1d56,0 0 60px rgba(36,217,255,.35)!important}.check-list li{background:#101f52!important;border:3px solid #020817!important;border-radius:10px!important;box-shadow:5px 6px 0 #020817!important}.check-list li:before{background:var(--comic-yellow)!important;border:2px solid #020817;border-radius:50%!important}.check-list b{font-family:"Barlow Condensed"!important;font-size:20px!important;text-transform:uppercase}.activity-board{background:#0b173e!important;border:4px solid #020817!important;border-radius:14px!important;box-shadow:8px 9px 0 #020817!important}.activity-head{background:var(--comic-blue)!important;color:#fff!important;font-family:"Barlow Condensed"!important;font-size:13px!important}.activity-row{background:#101f52!important;border:2px solid #020817!important;border-radius:9px!important;margin:8px!important}.activity-user i,.method-badge i{border:2px solid #020817!important;box-shadow:2px 3px 0 #020817}.tag{border:2px solid #020817!important;border-radius:6px!important}.tag.green{background:var(--comic-cyan)!important;color:#07162f!important}.tag.gold{background:var(--comic-yellow)!important;color:#07162f!important}.accordion details summary{font-family:"Barlow Condensed"!important;font-size:20px!important;text-transform:uppercase}.accordion details p{color:#b8c7e4!important}.risk-card{background:#251d44!important;border:3px solid var(--comic-yellow)!important;box-shadow:6px 7px 0 #020817!important}.landing-body footer,.explore-body .landing-footer{background:#030819!important;border-top:5px solid var(--comic-red)!important}.footer-grid h4{font-family:Bangers!important;color:var(--comic-yellow)!important;font-size:25px!important}.footer-grid img{max-width:260px!important}.footer-grid p,.footer-grid a,.footer-bottom{color:#aebddb!important}

/* explore pages */
.explore-body{background:#07112f!important}.explore-main{padding-top:38px!important}.explore-hero{min-height:380px!important;padding:48px!important;background:linear-gradient(90deg,rgba(5,10,28,.96),rgba(5,10,28,.72) 48%,rgba(5,10,28,.1)),url('../images/superudt-community-fhd.webp') center/cover no-repeat!important;border:4px solid #020817!important;border-radius:14px!important;box-shadow:9px 10px 0 #020817!important}.explore-hero:after{display:none!important}.explore-hero h1{font-family:Bangers!important;font-weight:400!important;color:#fff!important;text-transform:uppercase;font-size:clamp(48px,6vw,76px)!important;text-shadow:4px 5px 0 #020817}.explore-hero p{color:#d4def2!important}.explore-hero-icon{background:var(--comic-yellow)!important;color:#07162f!important;border:3px solid #020817!important;border-radius:50%!important;box-shadow:4px 5px 0 #020817!important}.explore-mascot img{-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(10px 12px 0 #020817)}.public-review-summary{background:linear-gradient(135deg,#1769ff,#2448c8)!important;border:4px solid #020817!important;box-shadow:7px 8px 0 #020817!important}

/* forms, modals, payment */
.modal-backdrop{background:rgba(2,6,19,.82)!important}.modal-card,.single-auth-modal{background:linear-gradient(150deg,#142866,#0a173e)!important;border:4px solid #020817!important;border-radius:14px!important;box-shadow:9px 10px 0 #020817,0 0 0 5px var(--comic-yellow)!important;color:#fff!important}.modal-card:before{height:9px!important;background:linear-gradient(90deg,var(--comic-red),var(--comic-yellow),var(--comic-cyan),var(--comic-blue))!important}.modal-brand h2{font-family:Bangers!important;font-size:42px!important;font-weight:400!important;text-transform:uppercase;color:#fff!important;text-shadow:3px 3px 0 #020817}.modal-brand p,.auth-form small{color:#b9c7df!important}.auth-mode-tabs,.auth-tabs{background:#07112f!important;border:2px solid #020817!important}.auth-mode-tabs button,.auth-tabs button{font-family:"Barlow Condensed"!important;font-size:15px!important;text-transform:uppercase;color:#b9c7df!important}.auth-mode-tabs button.active,.auth-tabs button.active{background:var(--comic-yellow)!important;color:#07162f!important;box-shadow:3px 4px 0 #020817!important}.auth-form label,.method-box label{color:#fff!important;font-weight:900}.auth-form input,.auth-form select,.auth-form textarea,.form-control,.hashpower-input input{background:#07112f!important;color:#fff!important;border:2px solid #31d9ff!important;border-radius:8px!important}.auth-form input:focus,.form-control:focus{border-color:var(--comic-yellow)!important;box-shadow:0 0 0 3px rgba(255,212,40,.18)!important}.modal-close{background:var(--comic-red)!important;color:#fff!important;border:3px solid #020817!important;box-shadow:3px 4px 0 #020817!important}
.payment-body,.app-body{background:linear-gradient(90deg,rgba(5,10,28,.94),rgba(5,10,28,.7)),url('../images/superudt-community-fhd.webp') center/cover fixed!important}.payment-card{background:linear-gradient(145deg,#132861,#0a173e)!important;border:4px solid #020817!important;border-radius:14px!important;box-shadow:10px 11px 0 #020817!important}.payment-card .payment-stat,.gateway-panel,.qr-stage,.paykassa-details,.invoice-grid>div,.method-box{background:#0c1b49!important;border:3px solid #020817!important;border-radius:10px!important;box-shadow:4px 5px 0 #020817!important}.qr-stage{background:#fff!important;border-color:var(--comic-yellow)!important}.payment-back,.back-link{color:var(--comic-yellow)!important}

/* user/admin panels */
.dashboard-body,.admin-body{background:#07112f!important;color:#fff!important}.sidebar,.admin-sidebar{background:linear-gradient(180deg,#091638,#050b20)!important;border-right:4px solid var(--comic-yellow)!important;box-shadow:6px 0 0 #020817!important}.sidebar-logo,.admin-logo{background:var(--comic-paper)!important;border:3px solid #020817!important;border-radius:10px!important;box-shadow:5px 5px 0 #020817!important}.sidebar-logo img{width:210px!important;max-height:58px!important}.reward-sidebar-card{background:linear-gradient(135deg,var(--comic-red),#ff6a2b)!important;color:#fff!important;border:3px solid #020817!important;border-radius:10px!important;box-shadow:5px 6px 0 #020817!important}.account-chip,.admin-account{background:#12245c!important;border:3px solid #020817!important;border-radius:10px!important;box-shadow:4px 5px 0 #020817!important}.side-nav>span{color:var(--comic-cyan)!important;font-size:14px!important;letter-spacing:.13em}.side-nav a,.side-bottom a,.side-bottom button,.admin-nav a{font-family:"Barlow Condensed"!important;font-size:17px!important;font-weight:800!important;text-transform:uppercase;color:#c9d5ed!important;border:2px solid transparent}.side-nav a i,.side-bottom i{border-radius:50%!important;background:#132861!important;color:var(--comic-yellow)!important;border:2px solid #020817!important}.side-nav a:hover,.admin-nav a:hover{background:#12245c!important;color:#fff!important;border-color:#020817!important}.side-nav a.active,.admin-nav a.active{background:linear-gradient(135deg,var(--comic-blue),#24bdf5)!important;color:#fff!important;border:3px solid #020817!important;box-shadow:4px 5px 0 #020817!important}.dash-top,.admin-top{background:rgba(7,17,47,.95)!important;border-bottom:4px solid var(--comic-red)!important;box-shadow:0 5px 0 #020817!important}.top-kicker{color:var(--comic-cyan)!important}.dash-main,.admin-main{max-width:1500px!important;padding:40px clamp(20px,4vw,60px)!important}.balance-hero{min-height:300px!important;background:linear-gradient(112deg,#1769ff 0%,#163d9b 48%,#7a173f 100%)!important;border:4px solid #020817!important;border-radius:14px!important;box-shadow:9px 10px 0 #020817!important}.balance-hero:before{background:radial-gradient(circle at 22% 22%,rgba(255,255,255,.17),transparent 26%),radial-gradient(circle at 80% 20%,rgba(255,212,40,.2),transparent 30%),radial-gradient(circle,#fff 1.3px,transparent 1.5px)!important;background-size:auto,auto,18px 18px!important}.balance-hero img{width:340px!important;height:290px!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(10px 12px 0 rgba(2,8,23,.8))!important}.balance-copy>span{font-family:"Barlow Condensed"!important;font-weight:900!important;letter-spacing:.13em}.balance-copy>strong{font-family:Bangers!important;font-weight:400!important;font-size:clamp(48px,6vw,76px)!important;text-shadow:4px 5px 0 #020817}.earning-pill{background:var(--comic-yellow)!important;color:#07162f!important;border:3px solid #020817!important;border-radius:8px!important;box-shadow:4px 5px 0 #020817!important}.quick-bar,.mining-status,.dash-card,.metric,.page-title-card,.admin-form-card{background:linear-gradient(145deg,#12265f,#0a173d)!important;border:3px solid #020817!important;border-radius:12px!important;box-shadow:7px 8px 0 #020817!important;color:#fff!important}.metric{min-height:160px!important}.metric>i{border:3px solid #020817!important;border-radius:50%!important;box-shadow:3px 4px 0 #020817!important}.metric strong{font-size:31px!important;color:#fff!important}.metric span,.metric small,.mining-status small,.card-head .count-pill{color:#b8c7e4!important}.card-head{background:#132b69!important;border-bottom:3px solid #020817!important}.card-head h2{font-size:23px!important;text-transform:uppercase}.card-icon{background:var(--comic-yellow)!important;color:#07162f!important;border:2px solid #020817!important;border-radius:50%!important}.table-wrap table{color:#fff!important}.table-wrap th{font-family:"Barlow Condensed"!important;font-size:14px!important;color:var(--comic-cyan)!important;text-transform:uppercase}.table-wrap td{border-color:rgba(255,255,255,.09)!important}.table-wrap tbody tr:hover{background:rgba(36,217,255,.07)!important}.maturity-grid article{background:#101f52!important;border:3px solid #020817!important;border-radius:9px!important;box-shadow:4px 5px 0 #020817!important}.maturity-grid strong{font-family:Bangers!important;color:var(--comic-yellow)!important;font-weight:400!important;font-size:31px!important}.purchase-preview,.projection-box,.withdraw-balance,.withdraw-security{background:#07112f!important;border:3px solid #020817!important;box-shadow:4px 5px 0 #020817!important}.withdraw-tools button{background:#12265f!important;color:var(--comic-yellow)!important;border:3px solid #020817!important;box-shadow:3px 4px 0 #020817!important}.admin-welcome{background:linear-gradient(112deg,#1769ff,#5e174c)!important;border:4px solid #020817!important;border-radius:14px!important;box-shadow:8px 9px 0 #020817!important;overflow:hidden}.admin-welcome h1{font-family:Bangers!important;font-weight:400!important;font-size:56px!important;text-transform:uppercase;text-shadow:3px 4px 0 #020817}.admin-welcome img{-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(8px 10px 0 #020817)!important}
.admin-login-body{background:linear-gradient(90deg,rgba(5,10,28,.9),rgba(5,10,28,.64)),url('../images/superudt-community-fhd.webp') center/cover fixed!important}.admin-login-card{background:linear-gradient(145deg,#132861,#0a173e)!important;border:4px solid #020817!important;border-radius:14px!important;box-shadow:9px 10px 0 #020817,0 0 0 5px var(--comic-yellow)!important}.admin-login-card>img{background:var(--comic-paper)!important;border:3px solid #020817!important;padding:8px!important;border-radius:9px!important}.admin-login-card h1{font-family:Bangers!important;font-weight:400!important;font-size:46px!important;text-transform:uppercase;color:#fff!important}.system-alert-card{background:linear-gradient(145deg,#132861,#0a173e)!important;border:4px solid #020817!important;border-radius:13px!important;box-shadow:8px 9px 0 #020817!important}.system-alert-card h2{font-family:Bangers!important;font-size:38px!important;font-weight:400!important}

/* responsive */
@media(max-width:1100px){.site-header nav{gap:10px!important}.site-header nav a{font-size:13px!important}.brand img{width:190px!important}.landing-body .hero h1{font-size:clamp(55px,8vw,82px)!important}}
@media(max-width:980px){.landing-body .hero{height:auto!important;min-height:0!important}.landing-body .hero-inner{grid-template-columns:1fr!important;min-height:0!important;padding:100px 0 80px!important}.hero-copy{max-width:760px!important}.hero-visual{min-height:360px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.feature-card,.feature-card:nth-child(2),.feature-card:nth-child(3){transform:none!important}.fleet-grid{grid-template-columns:1fr!important}.mascot-wrap{height:470px!important}.balance-hero img{opacity:.42!important}.sidebar,.admin-sidebar{box-shadow:none!important}.dash-main,.admin-main{padding:26px 17px!important}}
@media(max-width:620px){.container{width:min(100% - 24px,1280px)!important}.landing-body .hero{margin-top:78px!important}.landing-body .hero-inner{padding-top:70px!important}.landing-body .hero h1{font-size:52px!important;line-height:.9!important}.landing-body .hero p{font-size:14px!important}.hero-actions .btn{width:100%}.hero-visual{min-height:300px!important}.hero-badge{transform:scale(.78)!important}.stats-grid{grid-template-columns:1fr!important}.section{padding:66px 0!important}.section-heading h2,.fleet-copy h2{font-size:44px!important}.feature-card{min-height:auto!important}.mascot-wrap{height:360px!important}.activity-row{grid-template-columns:1fr!important}.balance-hero{min-height:270px!important}.balance-hero img{width:230px!important;height:220px!important;right:-35px!important}.balance-copy>strong{font-size:49px!important}.metric-grid{grid-template-columns:1fr!important}.explore-hero{padding:30px 22px!important;min-height:340px!important}.explore-hero h1{font-size:50px!important}.telegram-float{max-width:58px!important}.telegram-float span{display:none!important}}