.hero { min-height: 660px; margin-top: 18px; overflow: hidden; position: relative; border: 1px solid rgba(255,255,255,.17); border-radius: 37px; background: radial-gradient(circle at 75% 37%,rgba(255,122,24,.72),transparent 17%),radial-gradient(circle at 47% 100%,rgba(156,20,22,.85),transparent 37%),linear-gradient(120deg,#130607 0%,#370809 52%,#751b14 100%); box-shadow: 0 25px 58px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.14); }.hero::before { content:''; position:absolute; inset:0; background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 86%); }.hero__grid { position:absolute; inset:auto 0 0; height:105px; opacity:.75; background:linear-gradient(45deg,rgba(0,0,0,.5) 25%,transparent 25%) 0 0 / 30px 30px,linear-gradient(-45deg,rgba(0,0,0,.5) 25%,transparent 25%) 0 0 / 30px 30px; }.hero__content { min-height:590px; padding:30px 7.5% 45px; display:grid; grid-template-columns:minmax(0,.98fr) minmax(350px,1.02fr); align-items:center; position:relative; z-index:1; }.hero__copy { padding-top:22px; position:relative; z-index:3; }.hero h1 { margin:0 0 23px; font-size:clamp(36px,4vw,61px); letter-spacing:-.095em; line-height:1.2; text-shadow:6px 6px 0 rgba(44,4,5,.28); }.hero h1 em { color:var(--orange-bright); }.hero h1 i { color:var(--white); font-style:normal; text-shadow:0 0 26px rgba(255,255,255,.22); }.hero__description { max-width:430px; margin-bottom:31px; color:#f1d5d1; font-size:17px; line-height:1.58; }.hero__actions { display:flex; flex-wrap:wrap; gap:12px; }.hero__meta { margin-top:38px; display:flex; gap:27px; }.hero__meta > div { display:grid; gap:7px; }.meta-label { color:#df8c78; font-family:var(--mono); font-size:9px; letter-spacing:.12em; }.hero__meta b { color:var(--white); font-family:var(--mono); font-size:11px; }

.hero__art { min-height:490px; position:relative; z-index:1; pointer-events:none; }.art-sun { width:159px; height:159px; position:absolute; top:92px; right:23%; border-radius:50%; background:radial-gradient(circle,#ffe5a5 0 11%,#ffb03c 12% 44%,#ff721a 45% 66%,rgba(255,91,12,0) 67%); box-shadow:0 0 80px rgba(255,123,29,.62); }.art-orbit { position:absolute; border:1px solid rgba(255,224,172,.3); border-radius:50%; transform:rotate(-28deg); }.orbit--one { width:400px; height:130px; top:113px; right:2px; }.orbit--two { width:300px; height:95px; top:130px; right:50px; border-color:rgba(255,224,172,.14); }.art-cube { width:36px; height:36px; position:absolute; z-index:2; background:linear-gradient(135deg,#ffb027 0 43%,#b72c17 44% 68%,#71130e 69%); box-shadow:5px 7px 0 rgba(42,3,3,.4); animation:drift 5s ease-in-out infinite; }.cube--one { top:82px; right:31px; transform:rotate(15deg); }.cube--two { top:194px; left:65px; width:21px; height:21px; animation-delay:-2s; }.cube--three { bottom:97px; right:55px; width:28px; height:28px; animation-delay:-1s; }.player { width:210px; height:365px; position:absolute; z-index:3; bottom:58px; right:33%; filter:drop-shadow(15px 20px 0 rgba(45,4,5,.28)); animation:hero-player 4.8s ease-in-out infinite; }.player__head { width:112px; height:100px; position:absolute; top:0; left:48px; border:9px solid #2b1610; background:#d39365; box-shadow:inset 0 -16px #a95d3c; }.player__head::before { content:''; width:112px; height:34px; position:absolute; top:-9px; left:-9px; background:#4a2b1d; box-shadow:0 12px 0 #2e1a12; }.player__head i { width:13px; height:13px; position:absolute; top:52px; border:3px solid #301a12; background:#87d1e5; box-shadow:inset 4px 0 #275465; }.player__head i:first-child { left:19px; }.player__head i:nth-child(2) { right:19px; }.player__head b { width:25px; height:5px; position:absolute; bottom:13px; left:34px; background:#73422e; }.player__torso { width:137px; height:125px; position:absolute; top:96px; left:35px; border:9px solid #25140f; background:#258b9f; box-shadow:inset 0 -22px #166171; }.player__torso span { width:25px; height:43px; display:block; margin:16px auto; background:#f47723; box-shadow:0 42px 0 #c4361c; }.player__arm { width:37px; height:122px; position:absolute; top:104px; border:8px solid #25140f; background:linear-gradient(#258b9f 0 36%,#d39365 37%); }.player__arm--left { left:0; transform:rotate(10deg); }.player__arm--right { right:0; transform:rotate(-10deg); }.player__leg { width:51px; height:132px; position:absolute; top:216px; border:8px solid #170d0d; background:#31538f; box-shadow:inset 0 -26px #1d315d; }.player__leg--left { left:43px; }.player__leg--right { right:43px; }.art-platform { width:91%; height:86px; position:absolute; z-index:2; right:-2%; bottom:18px; transform:skewX(-20deg); background:linear-gradient(#82301a 0 14%,#482517 15% 32%,#201712 33% 66%,#090707 67%); box-shadow:0 16px 0 #070506; }.art-platform i { width:26%; height:14px; position:absolute; top:14%; background:rgba(255,134,42,.22); }.art-platform i:nth-child(1) { left:8%; }.art-platform i:nth-child(2) { left:44%; }.art-platform i:nth-child(3) { left:73%; }.art-badge { min-width:178px; position:absolute; z-index:4; right:0; bottom:120px; padding:10px 12px; display:flex; gap:10px; align-items:center; border:1px solid rgba(255,255,255,.25); border-radius:15px; background:rgba(55,10,11,.6); box-shadow:0 10px 25px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.18); backdrop-filter:blur(12px); }.art-badge > span { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; color:#4b1007; background:var(--orange-bright); font-size:22px; font-weight:800; }.art-badge div { display:grid; gap:2px; }.art-badge b { font-size:10px; letter-spacing:.06em; }.art-badge small { color:#e1b7af; font-size:10px; }.hero__footer { height:69px; padding:0 7.5%; position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; color:#d8a49a; font-family:var(--mono); font-size:10px; letter-spacing:.07em; }.hero__footer p { margin:0; display:flex; align-items:center; gap:8px; }.hero__footer p b { color:var(--white); }.hero__footer p > span:last-child { color:var(--orange); }.hero__footer .status-dot { width:6px; height:6px; }.hero__scroll { display:flex; align-items:center; gap:12px; }.hero__scroll i { width:90px; height:1px; background:linear-gradient(to right,var(--orange),transparent); }

.trust { margin-top:20px; padding:6px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; border:1px solid var(--line); border-radius:23px; background:rgba(68,9,10,.38); box-shadow:inset 0 1px rgba(255,255,255,.1); }.trust article { min-height:93px; padding:19px 21px; display:flex; gap:14px; align-items:center; border-radius:18px; background:rgba(255,255,255,.035); }.trust__icon { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:var(--orange-bright); background:rgba(255,118,20,.14); font-size:19px; }.trust b { font-size:12px; letter-spacing:.06em; }.trust p { margin:5px 0 0; color:#cda9a3; font-size:12px; }
.gamemodes { min-height:548px; margin-top:126px; padding:49px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr); gap:72px; align-items:center; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:34px; background:radial-gradient(circle at 20% 50%,rgba(122,18,19,.28),transparent 34%),linear-gradient(115deg,rgba(37,7,9,.88),rgba(12,7,9,.96)); box-shadow:0 24px 48px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.1); }.gamemodes::before { content:''; position:absolute; inset:0; opacity:.3; background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to right,#000 0 52%,transparent 87%); }.gamemodes__list,.gamemodes__intro { position:relative; z-index:2; }.gamemodes__list { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.mode-card { min-height:98px; padding:14px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; align-items:center; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:17px; background:rgba(255,255,255,.035); box-shadow:inset 0 1px rgba(255,255,255,.07); color:var(--white); text-decoration:none; transition:transform .2s,border-color .2s,background .2s; }.mode-card::after { content:''; width:90px; height:90px; position:absolute; right:-42px; bottom:-55px; border-radius:50%; background:radial-gradient(circle,rgba(255,111,22,.18),transparent 68%); }.mode-card:hover { transform:translateY(-4px); border-color:rgba(255,154,40,.64); background:rgba(151,27,22,.22); }.mode-card__icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; color:var(--orange-bright); background:linear-gradient(145deg,rgba(255,128,22,.23),rgba(129,21,20,.28)); border:1px solid rgba(255,176,78,.17); font-size:23px; text-shadow:0 0 14px rgba(255,143,26,.35); }.mode-card__icon--survival { color:#f6b83e; }.mode-card__icon--skyblock { color:#ffcb61; }.mode-card__icon--bedwars { color:#ff8952; }.mode-card__icon--oneblock { color:#ffd979; }.mode-card__icon--prison { color:#ff6e4f; }.mode-card__icon--pvp { color:#ffb126; }.mode-card__name { min-width:0; display:grid; gap:5px; }.mode-card__name b { font-size:16px; }.mode-card__name small { overflow:hidden; color:#cba8a2; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.mode-card__status { display:grid; justify-items:end; gap:5px; color:#e3c3bd; font-family:var(--mono); font-size:9px; }.mode-card__status i { width:7px; height:7px; border-radius:50%; background:#61d65c; box-shadow:0 0 0 4px rgba(97,214,92,.1),0 0 10px rgba(97,214,92,.45); }.gamemodes__intro { max-width:370px; justify-self:end; }.gamemodes__intro h2 { font-size:clamp(24px,3vw,38px); line-height:1.45; }.gamemodes__intro > p:not(.kicker) { margin:22px 0 27px; color:#dab9b2; font-size:15px; line-height:1.66; }.gamemodes__character { width:340px; position:absolute; z-index:1; right:2%; bottom:-65px; opacity:.23; filter:sepia(1) saturate(.5) hue-rotate(315deg) brightness(.72); }.gamemodes__prop { position:absolute; z-index:1; opacity:.11; filter:sepia(1) saturate(1.5) hue-rotate(325deg); }.gamemodes__prop--sword { width:145px; top:21px; right:29%; transform:rotate(24deg); }.gamemodes__prop--hammer { width:180px; left:-48px; bottom:-43px; transform:rotate(-29deg); }
.rank-section { padding-top:125px; }.section-intro { margin-bottom:42px; display:flex; justify-content:space-between; align-items:end; gap:40px; }.section-intro > p { width:min(360px,100%); margin:0 0 5px; color:#d9b7b0; font-size:15px; line-height:1.55; }.rank-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }.rank-card { min-height:474px; padding:27px; position:relative; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.17); border-radius:27px; background:linear-gradient(145deg,rgba(101,18,19,.58),rgba(19,6,7,.83)); box-shadow:0 19px 38px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.15); backdrop-filter:blur(16px); transition:transform .25s,border-color .25s; }.rank-card::after { content:''; width:180px; height:180px; position:absolute; top:-76px; right:-74px; border-radius:50%; background:radial-gradient(circle,rgba(255,121,23,.24),transparent 68%); }.rank-card:hover { transform:translateY(-8px); border-color:rgba(255,168,73,.6); }.rank-card--featured { min-height:500px; transform:translateY(-17px); border-color:rgba(255,156,42,.72); background:linear-gradient(145deg,rgba(180,41,22,.7),rgba(55,8,9,.88)); box-shadow:0 26px 45px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.22); }.rank-card--featured:hover { transform:translateY(-25px); }.featured-label { position:absolute; top:16px; right:16px; z-index:2; padding:7px 9px; border:1px solid rgba(255,255,255,.33); border-radius:999px; color:#451006; background:var(--orange-bright); box-shadow:inset 0 1px rgba(255,255,255,.55); font-size:9px; font-weight:800; letter-spacing:.07em; }.rank-card__top { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; }.rank-card__number { color:#c99992; font-family:var(--mono); font-size:10px; }.rank-card__crest { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.17); border-radius:15px; color:var(--orange-bright); background:rgba(255,124,27,.14); font-size:22px; }.rank-card--featured .rank-card__crest { color:#4a0e07; background:var(--orange-bright); }.rank-card__level { margin:39px 0 12px; color:#e0a297; font-size:10px; font-weight:800; letter-spacing:.15em; }.rank-card h3 { margin-bottom:16px; font-size:22px; letter-spacing:-.06em; }.rank-card__text { min-height:43px; margin-bottom:20px; color:#ead1cb; font-size:14px; line-height:1.5; }.rank-card ul { margin:0; padding:17px 0 18px; list-style:none; border-block:1px solid rgba(255,255,255,.13); color:#f2dfda; font-size:13px; line-height:2.12; }.rank-card li::before { content:'+'; margin-right:8px; color:var(--orange-bright); font-weight:800; }.rank-card__bottom { margin-top:auto; padding-top:19px; display:flex; justify-content:space-between; align-items:center; }.rank-card__bottom strong { font-size:30px; line-height:1; }.rank-card__bottom strong small { color:var(--orange-bright); font-size:15px; vertical-align:5px; }.rank-card__bottom sup { color:#edcec6; font-size:13px; }.rank-card__bottom button { padding:8px 0; border:0; color:var(--white); background:transparent; font-size:13px; font-weight:800; cursor:pointer; }.rank-card__bottom button span { margin-left:6px; color:var(--orange-bright); font-size:18px; }
.perks { margin-top:130px; padding:43px; display:grid; grid-template-columns:.83fr 1.17fr; align-items:center; gap:68px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:32px; background:linear-gradient(120deg,rgba(95,15,17,.72),rgba(22,6,8,.92) 64%); box-shadow:0 20px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.12); }.perks::after { content:''; width:290px; height:290px; position:absolute; right:-90px; bottom:-165px; border:38px solid rgba(255,129,27,.09); border-radius:50%; }.perks__copy { position:relative; z-index:1; }.perks__copy > p:not(.kicker) { max-width:330px; margin:22px 0 25px; color:#e0bcb5; font-size:15px; line-height:1.55; }.perks__board { display:grid; grid-template-columns:1fr 1fr; gap:12px; position:relative; z-index:1; }.perk { min-height:153px; padding:21px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.15); border-radius:19px; background:rgba(255,255,255,.06); box-shadow:inset 0 1px rgba(255,255,255,.09); }.perk--wide { grid-column:1 / -1; min-height:117px; display:grid; grid-template-columns:auto 1fr auto; gap:15px; align-items:center; }.perk__symbol { color:var(--orange-bright); font-size:26px; }.perk b { display:block; margin-bottom:5px; font-size:14px; }.perk p { margin:0; color:#d5ada6; font-size:12px; }.perk em { align-self:flex-end; color:#bf8076; font-family:var(--mono); font-size:10px; font-style:normal; }.perk--wide em { align-self:center; }
.community { min-height:292px; margin-top:22px; padding:52px 8%; display:flex; justify-content:space-between; align-items:center; gap:40px; position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.17); border-radius:32px; background:linear-gradient(120deg,rgba(46,6,9,.95),rgba(130,25,20,.82)); box-shadow:0 20px 42px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.11); }.community::before { content:''; position:absolute; inset:0; opacity:.3; background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%) 0 0 / 48px 48px; }.community > div:not(.community__glow) { position:relative; z-index:1; }.community h2 { font-size:clamp(23px,3vw,35px); }.community > div > p:not(.kicker) { max-width:430px; margin:17px 0 0; color:#f0c7bf; font-size:15px; line-height:1.55; }.community__glow { width:310px; height:310px; position:absolute; z-index:0; right:20%; top:-160px; border-radius:50%; background:radial-gradient(circle,rgba(255,161,42,.58),transparent 64%); }.community__actions { min-width:235px; display:grid; gap:12px; text-align:center; }.community__actions small { color:#e8b8ae; font-size:11px; }.community__actions small b { color:var(--white); font-family:var(--mono); }
@keyframes drift { 50% { transform:translateY(-13px) rotate(12deg); } } @keyframes hero-player { 50% { transform:translateY(-9px); } }
@media (max-width:960px) { .hero__content { padding-inline:6%; grid-template-columns:1.05fr .95fr; }.hero__art { transform:scale(.86); transform-origin:right center; }.art-badge { right:-26px; }.rank-card { padding:23px; }.rank-card--featured { transform:translateY(-10px); }.rank-card--featured:hover { transform:translateY(-18px); }.perks { gap:36px; padding:36px; } }
@media (max-width:760px) { .hero { min-height:auto; border-radius:29px; }.hero__content { min-height:610px; padding:55px 8% 0; display:block; }.hero__copy { padding:0; }.hero h1 { font-size:clamp(30px,8vw,45px); }.hero__description { max-width:455px; font-size:15px; }.hero__art { height:290px; min-height:0; margin-top:-8px; transform:none; }.player { bottom:-24px; right:21%; transform:scale(.64); transform-origin:bottom center; animation:none; }.art-sun { width:110px; height:110px; top:37px; right:12%; }.orbit--one { width:280px; height:92px; top:54px; right:0; }.orbit--two { width:215px; height:74px; top:64px; right:25px; }.cube--one { top:18px; right:3%; }.cube--two { top:85px; left:3%; }.cube--three { display:none; }.art-platform { height:57px; right:-5%; bottom:8px; }.art-badge { right:0; bottom:87px; transform:scale(.82); transform-origin:right bottom; }.hero__footer { height:55px; padding:0 8%; }.hero__scroll { display:none; }.hero__footer p:last-child { display:none; }.trust { grid-template-columns:1fr; gap:4px; }.trust article { min-height:75px; padding:14px 17px; }.rank-section { padding-top:78px; }.section-intro { margin-bottom:28px; align-items:flex-start; flex-direction:column; gap:17px; }.rank-grid { grid-template-columns:1fr; gap:16px; }.rank-card,.rank-card--featured { min-height:auto; transform:none; }.rank-card--featured:hover { transform:translateY(-6px); }.rank-card__text { min-height:auto; }.perks { margin-top:78px; padding:31px 24px; grid-template-columns:1fr; gap:28px; border-radius:27px; }.community { min-height:auto; margin-top:15px; padding:41px 25px; align-items:flex-start; flex-direction:column; border-radius:27px; }.community__actions { width:100%; }.community__actions .button { width:100%; } }
@media (max-width:420px) { .hero__actions { display:grid; grid-template-columns:1fr; }.hero__actions .button { width:100%; }.hero__meta { gap:16px; flex-direction:column; }.hero__art { height:250px; }.player { right:13%; transform:scale(.55); }.art-sun { right:1%; }.art-badge { display:none; }.hero__footer { font-size:9px; }.perks__board { grid-template-columns:1fr; }.perk--wide { grid-column:auto; }.perk { min-height:125px; }.perk--wide { min-height:125px; display:flex; }.perk--wide em { align-self:flex-end; }.community h2 { font-size:21px; } }

@media (max-width:960px) and (min-width:761px) { .gamemodes { padding:37px; gap:34px; }.gamemodes__character { width:270px; right:-30px; }.gamemodes__prop--sword { right:23%; }.mode-card { grid-template-columns:43px minmax(0,1fr); }.mode-card__icon { width:43px; height:43px; }.mode-card__status { display:none; } }
@media (max-width:760px) { .gamemodes { min-height:0; margin-top:78px; padding:34px 21px 25px; display:flex; flex-direction:column; gap:28px; border-radius:27px; }.gamemodes__intro { width:100%; max-width:none; justify-self:auto; order:-1; }.gamemodes__intro h2 { font-size:25px; }.gamemodes__intro > p:not(.kicker) { margin:17px 0 21px; font-size:14px; }.gamemodes__list { width:100%; gap:10px; }.mode-card { min-height:87px; padding:12px; grid-template-columns:43px minmax(0,1fr) auto; gap:10px; border-radius:15px; }.mode-card__icon { width:43px; height:43px; border-radius:12px; font-size:20px; }.mode-card__name b { font-size:14px; }.mode-card__status { font-size:8px; }.gamemodes__character { width:230px; right:-36px; bottom:-55px; opacity:.14; }.gamemodes__prop--sword { width:100px; right:-18px; top:16px; }.gamemodes__prop--hammer { width:120px; left:-40px; bottom:-35px; } }
@media (max-width:480px) { .gamemodes__list { grid-template-columns:1fr; }.gamemodes__intro .button { width:100%; }.gamemodes__character { display:none; }.mode-card__status { min-width:27px; } }

/* Layered GamePluse glass panels and supplied Minecraft artwork. */
.hero { isolation:isolate; border-color:rgba(255,255,255,.25); border-radius:44px; background:radial-gradient(circle at 77% 35%,rgba(255,174,47,.64),transparent 14%),radial-gradient(circle at 49% 104%,rgba(184,29,28,.87),transparent 38%),linear-gradient(120deg,#140608 0%,#4b0c0e 54%,#8e2116 100%); box-shadow:0 30px 75px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.19); }.hero::after { content:''; position:absolute; z-index:0; inset:-14% -12%; opacity:.18; background:url('../images/home-staff-bg.png') center / cover no-repeat; filter:hue-rotate(266deg) saturate(1.45) contrast(1.18); mix-blend-mode:screen; pointer-events:none; }.hero__content { z-index:2; }.hero__footer { z-index:3; }.hero::before { z-index:0; opacity:.52; }.hero__grid { z-index:0; opacity:.6; }.hero__copy::before { content:''; width:350px; height:260px; position:absolute; z-index:-1; top:13%; left:-21%; border-radius:50%; background:radial-gradient(circle,rgba(255,229,185,.1),transparent 67%); filter:blur(13px); }.hero__meta > div { padding:11px 14px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.14); backdrop-filter:blur(11px); }.art-badge { border-color:rgba(255,255,255,.34); border-radius:19px; background:linear-gradient(145deg,rgba(99,18,17,.68),rgba(30,7,9,.43)); box-shadow:0 16px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.22); }.trust { border-color:rgba(255,255,255,.2); border-radius:29px; background:linear-gradient(135deg,rgba(105,17,19,.49),rgba(36,8,10,.38)); box-shadow:0 20px 38px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.15); }.trust article { border:1px solid rgba(255,255,255,.06); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.12); }.trust__icon { border:1px solid rgba(255,193,109,.16); border-radius:14px; background:linear-gradient(145deg,rgba(255,183,67,.25),rgba(255,88,17,.1)); }.gamemodes { border-color:rgba(255,255,255,.21); border-radius:38px; background:radial-gradient(circle at 20% 50%,rgba(232,57,24,.28),transparent 34%),linear-gradient(115deg,rgba(62,9,12,.78),rgba(9,7,10,.94)); box-shadow:0 27px 55px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.17); }.mode-card { border-color:rgba(255,255,255,.18); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 20px rgba(0,0,0,.1); }.mode-card:hover { background:linear-gradient(145deg,rgba(183,43,29,.38),rgba(255,255,255,.08)); box-shadow:0 17px 25px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.2); }.mode-card__icon { border-color:rgba(255,222,155,.24); border-radius:15px; background:linear-gradient(145deg,rgba(255,190,65,.29),rgba(172,28,20,.26)); }.gamemodes__character { opacity:.29; filter:sepia(1) saturate(.55) hue-rotate(313deg) brightness(.88) drop-shadow(0 22px 17px rgba(0,0,0,.3)); }.gamemodes__prop { opacity:.18; filter:sepia(1) saturate(1.7) hue-rotate(317deg) brightness(1.08) drop-shadow(0 18px 14px rgba(0,0,0,.22)); }.rank-card,.perks,.community { border-color:rgba(255,255,255,.22); box-shadow:0 25px 52px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.18); }.rank-card { border-radius:31px; background:linear-gradient(145deg,rgba(142,29,27,.63),rgba(25,6,9,.77)); }.rank-card--featured { background:linear-gradient(145deg,rgba(197,53,25,.77),rgba(64,9,11,.86)); }.rank-card__crest { border-color:rgba(255,220,156,.25); background:linear-gradient(145deg,rgba(255,196,75,.27),rgba(255,95,21,.11)); }.perks { border-radius:37px; background:linear-gradient(125deg,rgba(115,18,20,.78),rgba(15,6,9,.92) 64%); }.perk { border-color:rgba(255,255,255,.2); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); box-shadow:inset 0 1px rgba(255,255,255,.15); }.community { border-radius:37px; background:radial-gradient(circle at 76% 10%,rgba(255,174,58,.33),transparent 23%),linear-gradient(120deg,rgba(60,7,10,.95),rgba(151,33,23,.84)); }.community::after { content:''; position:absolute; z-index:0; inset:0; opacity:.13; background:url('../images/home-staff-bg.png') center / cover no-repeat; filter:hue-rotate(265deg) saturate(1.5); mix-blend-mode:screen; }.community::before { z-index:0; }.community > div:not(.community__glow) { z-index:2; }
@media (max-width:760px) { .hero { border-radius:34px; }.hero__meta { gap:12px; }.hero__meta > div { padding:9px 11px; }.trust { border-radius:25px; }.trust article { border-radius:18px; }.gamemodes { border-radius:31px; }.mode-card { border-radius:17px; }.rank-card { border-radius:26px; }.perks,.community { border-radius:31px; } }

/* Restore the original home surface treatment after the experimental glass pass. */
.hero { isolation:auto; border-color:rgba(255,255,255,.17); border-radius:37px; background:radial-gradient(circle at 75% 37%,rgba(255,122,24,.72),transparent 17%),radial-gradient(circle at 47% 100%,rgba(156,20,22,.85),transparent 37%),linear-gradient(120deg,#130607 0%,#370809 52%,#751b14 100%); box-shadow:0 25px 58px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.14); }.hero::after { display:none; }.hero::before,.hero__grid { z-index:auto; opacity:1; }.hero__content { z-index:1; }.hero__footer { z-index:2; }.hero__meta > div { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }.art-badge { border-color:rgba(255,255,255,.25); border-radius:15px; background:rgba(55,10,11,.6); box-shadow:0 10px 25px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.18); }.trust { border-color:var(--line); border-radius:23px; background:rgba(68,9,10,.38); box-shadow:inset 0 1px rgba(255,255,255,.1); }.trust article { border:0; border-radius:18px; background:rgba(255,255,255,.035); box-shadow:none; }.trust__icon { border:0; border-radius:12px; background:rgba(255,118,20,.14); }.gamemodes { border-color:rgba(255,255,255,.15); border-radius:34px; background:radial-gradient(circle at 20% 50%,rgba(122,18,19,.28),transparent 34%),linear-gradient(115deg,rgba(37,7,9,.88),rgba(12,7,9,.96)); box-shadow:0 24px 48px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.1); }.mode-card { border-color:rgba(255,255,255,.13); border-radius:17px; background:rgba(255,255,255,.035); box-shadow:inset 0 1px rgba(255,255,255,.07); }.mode-card:hover { background:rgba(151,27,22,.22); box-shadow:none; }.mode-card__icon { border-color:rgba(255,176,78,.17); border-radius:14px; background:linear-gradient(145deg,rgba(255,128,22,.23),rgba(129,21,20,.28)); }.gamemodes__character { opacity:.23; filter:sepia(1) saturate(.5) hue-rotate(315deg) brightness(.72); }.gamemodes__prop { opacity:.11; filter:sepia(1) saturate(1.5) hue-rotate(325deg); }.rank-card,.perks,.community { border-color:var(--line); box-shadow:0 20px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.12); }.rank-card { border-radius:27px; background:linear-gradient(145deg,rgba(101,18,19,.58),rgba(19,6,7,.83)); }.rank-card--featured { background:linear-gradient(145deg,rgba(180,41,22,.7),rgba(55,8,9,.88)); }.rank-card__crest { border-color:rgba(255,255,255,.17); background:rgba(255,124,27,.14); }.perks { border-radius:32px; background:linear-gradient(120deg,rgba(95,15,17,.72),rgba(22,6,8,.92) 64%); }.perk { border-color:rgba(255,255,255,.15); border-radius:19px; background:rgba(255,255,255,.06); box-shadow:inset 0 1px rgba(255,255,255,.09); }.community { border-radius:32px; background:linear-gradient(120deg,rgba(46,6,9,.95),rgba(130,25,20,.82)); }.community::after { display:none; }.community > div:not(.community__glow) { z-index:1; } @media (max-width:760px) { .hero { border-radius:29px; }.trust { border-radius:23px; }.gamemodes { border-radius:27px; }.mode-card { border-radius:15px; }.rank-card { border-radius:27px; }.perks,.community { border-radius:27px; } }