/* Devilz 2026 home and header refinement. Loaded last on purpose. */
:root{--home-line:#202a33;--home-panel:#0b1218;--home-panel-2:#0e161d}
.topbar{height:58px;gap:24px;padding:0 27px;border-color:#202830;background:rgba(5,9,13,.98)}
.topnav{gap:30px}.topnav a{font-size:11px;font-weight:850;letter-spacing:.015em}.topnav a.active:after,.topnav a:hover:after{bottom:8px;height:2px}
.topbar>.global-search{width:170px;min-width:170px;height:36px;margin-left:auto;border-radius:8px;background:#080e13}.top-actions{gap:8px}.top-actions .top-icon{width:36px;height:36px;background:transparent}.top-actions .top-icon.red{background:#180c11}.user-chip{gap:9px;margin-left:3px;padding:0}.user-chip .avatar{width:37px;height:37px}.user-chip span:last-child{min-width:95px}.user-chip span b{font-size:11px}.user-chip small{color:#ef4456;font-size:9px}.notification-count{top:-4px;right:-4px}
.sidebar{padding-inline:13px}.brand img{width:190px}.side-nav a{font-size:11px}.side-nav a.active{border:1px solid #56212b;background:linear-gradient(90deg,rgba(239,35,60,.19),rgba(239,35,60,.025))}.side-nav a.active:before{display:none}.premium-card{margin-top:18px;padding:20px 15px 15px}.premium-card strong{font-size:15px}.premium-card .btn{width:100%}
.site-shell{padding-top:76px}.footer{min-height:48px}
.home-v2{max-width:none;margin:0}.home-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:15px;align-items:start}.home-v2-main,.home-v2-side{display:flex;min-width:0;flex-direction:column;gap:13px}.home-v2-side{position:sticky;top:76px}.home-v2 .panel{border-color:var(--home-line);background:linear-gradient(145deg,#0e161d,#091016)}
.home-v2-hero{position:relative;height:290px;overflow:hidden;border:1px solid var(--home-line);border-radius:9px;background:#080d12}.home-v2-hero .hero-slide{position:absolute;inset:0;padding-bottom:74px;background:linear-gradient(90deg,rgba(5,8,12,.98) 0%,rgba(5,8,12,.77) 39%,rgba(5,8,12,.08) 71%),var(--hero-image) center/cover no-repeat}.home-v2-hero .hero-slide:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,12,.42),transparent 45%);content:""}.home-v2-hero-copy{position:relative;z-index:2;width:54%;padding:35px 62px}.home-v2-hero h1{margin:0;font-size:25px;line-height:1.25;letter-spacing:-.02em}.home-v2-hero p{max-width:475px;margin:12px 0 0;color:#b2bcc4;font-size:11px;line-height:1.7}.home-v2-hero .hero-actions{display:flex;gap:9px;margin-top:16px}.home-v2-hero .hero-actions .btn{min-width:140px;padding:10px 15px;font-size:9px}.home-v2-hero .hero-arrow{z-index:5;width:28px;height:28px}.home-v2-hero .hero-prev{left:-1px}.home-v2-hero .hero-next{right:13px}.home-v2-hero .hero-dots{z-index:6;bottom:1px}.home-v2-hero .hero-dots button{width:23px;height:3px}
.home-hero-stats{position:absolute;z-index:4;right:62px;bottom:15px;left:62px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.home-hero-stats>div{display:flex;align-items:center;gap:12px;min-width:0;height:60px;padding:10px 17px;border:1px solid #222d36;border-radius:6px;background:rgba(12,19,25,.94);box-shadow:0 12px 28px rgba(0,0,0,.24)}.home-hero-stats>div>i{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;background:#281119;color:#ff4053;font-size:15px}.home-hero-stats>div:last-child>i{background:#0b2718;color:#47dc84}.home-hero-stats span{display:flex;min-width:0;flex-direction:column}.home-hero-stats b{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.home-hero-stats small{color:#8c98a2;font-size:8px}
.home-quick-access{padding:13px}.home-quick-access h2{margin:0 0 10px;font-size:10px}.home-quick-access>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.home-quick-access>div>a{display:grid;grid-template-columns:45px minmax(0,1fr) 12px;align-items:center;gap:9px;min-height:72px;padding:10px 12px;border:1px solid #242e37;border-radius:7px;background:radial-gradient(circle at 15% 40%,rgba(239,35,60,.08),transparent 40%),#0c1319}.home-quick-access>div>a:hover{border-color:#752631;transform:translateY(-1px)}.home-quick-access>a i{}.home-quick-access>div>a>i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#241219;color:#ff4a5c;font-size:22px}.home-quick-access>div>a:nth-child(4)>i{color:#c45cff}.home-quick-access span{display:flex;min-width:0;flex-direction:column;gap:3px}.home-quick-access strong{font-size:11px}.home-quick-access small{height:28px;overflow:hidden;color:#8b969f;font-size:8px;line-height:1.65}.home-quick-access>div>a>b{color:#dce2e6;font-size:9px}
.home-content-row{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:13px}.home-content-row>.panel{margin:0}.home-v2 .home-topics .tabs{height:42px;gap:31px;padding:0 15px}.home-v2 .home-topics .tabs button{padding:13px 0 11px;font-size:8px}.home-v2 .topic-row{grid-template-columns:34px minmax(0,1fr) 48px 62px 84px 27px;min-height:51px;gap:8px;padding:7px 11px}.home-v2 .topic-row .row-icon{width:29px;height:29px}.home-v2 .topic-row .row-main strong{font-size:10px}.home-v2 .topic-row .row-main small{font-size:8px}.home-v2 .topic-row .metric b{font-size:9px}.home-v2 .topic-row .metric small,.home-v2 .topic-row .row-time{font-size:7px}.home-v2 .topic-row .mini-avatar{width:25px;height:25px}.home-panel-footer{display:flex;align-items:center;justify-content:center;gap:6px;min-height:33px;color:#cbd2d7;font-size:8px;font-weight:800}
.home-featured-products{overflow:hidden;padding:0}.home-featured-products>header{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 14px;border-bottom:1px solid var(--home-line)}.home-featured-products h2{margin:0;font-size:10px}.home-featured-products header>a{color:#ff4053;font-size:8px}.home-featured-products>div{padding:3px 14px}.home-featured-products>div>a{display:grid;grid-template-columns:39px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 9px;min-height:52px;border-bottom:1px solid #1b252d}.home-product-thumb{grid-row:1/3;width:36px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:#17141c;color:#ff4053}.home-product-thumb img{width:100%;height:100%;object-fit:cover}.home-featured-products strong{display:block;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.home-featured-products small{color:#697781;font-size:7px}.home-featured-products>div>a>b{grid-column:3;grid-row:1;color:#ff4053;font-size:9px;white-space:nowrap}.home-featured-products>div>a>em{grid-column:3;grid-row:2;color:#9ca6ad;font-size:7px;text-align:right}.home-featured-products>div>a>em i{color:#f4b535}.home-products-footer{display:flex;align-items:center;justify-content:center;height:31px;margin:6px 12px 9px;border:1px solid #7b2531;border-radius:5px;color:#ff4053;font-size:8px;font-weight:850}
.home-values{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 18px}.home-values>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-height:47px;padding:0 18px;border-right:1px solid var(--home-line)}.home-values>div:last-child{border:0}.home-values>div>i{font-size:25px;color:#ff4053}.home-values span{display:flex;flex-direction:column;gap:5px}.home-values strong{font-size:10px}.home-values small{color:#87939c;font-size:8px;line-height:1.5}
.home-user-card{padding:14px}.home-user-card>div{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;padding-bottom:12px}.home-user-card>div>img{width:44px;height:44px;border:2px solid #8b2632;border-radius:50%;object-fit:cover}.home-user-card>div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.home-user-card>div strong{font-size:10px}.home-user-card>div small{color:#9aa5ad;font-size:8px}.home-user-card>div>b{padding:3px 6px;border:1px solid #7d2330;border-radius:4px;color:#ff4053;font-size:7px}.home-user-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding-top:11px;border-top:1px solid var(--home-line)}.home-user-card dl>div{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--home-line)}.home-user-card dl>div:last-child{border:0}.home-user-card dt{color:#77848e;font-size:7px}.home-user-card dd{margin:0;font-size:13px;font-weight:850}
.home-community-stats,.home-activity{padding:15px}.home-community-stats h2,.home-activity h2{margin:0 0 12px;padding-bottom:11px;border-bottom:1px solid var(--home-line);font-size:10px}.home-community-stats p{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;margin:11px 0;color:#9ba6ae;font-size:8px}.home-community-stats b{color:#edf1f3}.blue{color:#40aaf2!important}.home-activity>a{display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;padding:10px 0;color:#aeb8bf;font-size:8px;line-height:1.55}.home-activity>a img{width:30px;height:30px;border:1px solid #6f2831;border-radius:50%;object-fit:cover}.home-activity>a strong{color:#41a9ef}.home-activity>a small{display:block;margin-top:3px;color:#66737d}.home-activity footer{display:flex;justify-content:center;gap:15px;margin-top:10px;padding-top:14px;border-top:1px solid var(--home-line)}.home-activity footer a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #26313a;border-radius:50%;background:#0a1016;font-size:15px}.home-activity footer a:nth-child(1){color:#8c9eff}.home-activity footer a:nth-child(2){color:#38aceb}.home-activity footer a:nth-child(4){color:#ef233c}
@media(max-width:1280px){.home-v2-layout{grid-template-columns:1fr}.home-v2-side{position:static;display:grid;grid-template-columns:1fr 1fr}.home-activity{grid-column:1/-1}.home-content-row{grid-template-columns:minmax(0,1fr) 310px}.home-quick-access>div{grid-template-columns:repeat(3,1fr)}.home-values{grid-template-columns:1fr 1fr}.home-values>div:nth-child(2){border:0}}
@media(max-width:900px){.topbar{height:62px;padding-inline:12px}.topbar>.global-search,.topnav{display:none}.home-v2-layout{display:block}.home-v2-main{gap:11px}.home-v2-hero{height:360px}.home-v2-hero .hero-slide{padding-bottom:140px}.home-v2-hero-copy{width:72%;padding:35px 42px}.home-hero-stats{right:18px;bottom:18px;left:18px;grid-template-columns:1fr 1fr;gap:8px}.home-hero-stats>div{height:52px}.home-content-row{grid-template-columns:1fr}.home-featured-products>div{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.home-v2-side{display:grid;margin-top:11px}.home-values{margin-top:0}}
@media(max-width:650px){.site-shell{padding-inline:9px}.home-v2-hero{height:430px}.home-v2-hero .hero-slide{padding-bottom:185px;background-position:62% center}.home-v2-hero-copy{width:100%;padding:25px 20px;background:linear-gradient(90deg,rgba(5,8,12,.9),rgba(5,8,12,.3))}.home-v2-hero h1{font-size:23px}.home-v2-hero p{max-width:88%}.home-v2-hero .hero-actions{align-items:flex-start;flex-direction:row}.home-v2-hero .hero-actions .btn{min-width:0;padding:10px 12px}.home-hero-stats{grid-template-columns:1fr 1fr}.home-hero-stats>div{padding:8px}.home-hero-stats b{font-size:14px}.home-quick-access>div{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.home-quick-access>div>a{min-width:220px;scroll-snap-align:start}.home-content-row{display:block}.home-featured-products{margin-top:11px}.home-featured-products>div{display:block}.home-v2 .home-topics .tabs{gap:22px}.home-v2 .topic-row{grid-template-columns:31px minmax(0,1fr) 43px 24px}.home-v2 .topic-row .metric:nth-of-type(2),.home-v2 .topic-row .row-time{display:none}.home-values{grid-template-columns:1fr}.home-values>div{border-right:0;border-bottom:1px solid var(--home-line)}.home-values>div:last-child{border:0}.home-v2-side{grid-template-columns:1fr}.home-activity{grid-column:auto}.home-featured-products>div>a{min-height:58px}}