
/* VargaTech Palworld Premium V4 – unified gaming portal */
:root{
 --p-bg:#030813;--p-bg2:#071421;--p-panel:rgba(9,24,39,.84);--p-panel2:rgba(13,34,52,.92);
 --p-line:rgba(152,216,255,.16);--p-text:#f7fbff;--p-muted:#a9bfd2;
 --p-cyan:#5ee7ff;--p-green:#8cffb6;--p-violet:#a58cff;--p-gold:#ffd878;
 --p-shadow:0 28px 90px rgba(0,0,0,.42);--p-radius:26px;
}
body{background:
 radial-gradient(circle at 8% -5%,rgba(94,231,255,.17),transparent 31rem),
 radial-gradient(circle at 92% 4%,rgba(165,140,255,.15),transparent 32rem),
 linear-gradient(145deg,var(--p-bg),var(--p-bg2) 52%,#030711)!important;
 color:var(--p-text);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.premium-utility{position:relative;z-index:1100;background:linear-gradient(90deg,rgba(6,24,39,.97),rgba(16,31,54,.97));border-bottom:1px solid var(--p-line);font-size:.78rem}
.premium-utility-inner{width:min(1280px,calc(100% - 32px));min-height:36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.premium-utility-left,.premium-utility-right{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.premium-live{display:inline-flex;align-items:center;gap:7px;color:var(--p-green);font-weight:900}.premium-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--p-green);box-shadow:0 0 16px var(--p-green);animation:pPulse 1.8s infinite}
.premium-utility a{color:#dbe9f5;text-decoration:none;font-weight:800}.premium-utility a:hover{color:#fff}.premium-utility .vote-link{color:#15100a;background:linear-gradient(135deg,var(--p-gold),#ffb95e);padding:5px 10px;border-radius:999px}
@keyframes pPulse{50%{opacity:.35;transform:scale(.75)}}
.header,.site-header{top:36px!important;background:rgba(3,10,18,.78)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;box-shadow:0 14px 45px rgba(0,0,0,.22)!important}
.nav,.site-nav{min-height:82px!important}.brand-emblem{width:52px!important;height:52px!important;flex-basis:52px!important;box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 30px rgba(94,231,255,.12)!important}
.site-brand-copy strong{font-size:1.08rem!important}.site-brand-copy small{font-size:.69rem!important}
.navlinks a,.site-nav nav a{font-size:.8rem!important;padding:10px 12px!important}

/* Large cinematic banner */
.brand-promo-banner{display:none!important}
.premium-server-banner{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:30px;min-height:clamp(420px,52vw,590px);box-shadow:0 35px 110px rgba(0,0,0,.48);background:#08111c;margin:28px auto 30px}
.premium-server-banner:before{content:"";position:absolute;inset:0;z-index:-3;background-image:url('/assets/premium-server-hero.webp');background-size:cover;background-position:center}
.premium-server-banner:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,9,17,.95) 0%,rgba(3,10,18,.77) 42%,rgba(3,10,18,.28) 72%,rgba(3,10,18,.55) 100%),linear-gradient(0deg,rgba(3,8,15,.9),transparent 55%)}
.premium-banner-content{min-height:inherit;padding:clamp(34px,6vw,78px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:790px}
.premium-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:rgba(94,231,255,.11);border:1px solid rgba(94,231,255,.27);color:var(--p-cyan);font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:.73rem}
.premium-server-banner h1,.premium-server-banner h2{font-size:clamp(2.35rem,6vw,5.15rem);line-height:.97;letter-spacing:-.055em;margin:18px 0 16px;max-width:760px;text-shadow:0 8px 35px rgba(0,0,0,.55)}
.premium-server-banner h1 span,.premium-server-banner h2 span{background:linear-gradient(90deg,var(--p-cyan),var(--p-green));-webkit-background-clip:text;color:transparent}
.premium-server-banner p{font-size:clamp(1rem,1.8vw,1.22rem);max-width:680px;color:#cfdeeb;margin:0 0 23px}
.premium-banner-pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.premium-banner-pills span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);font-size:.8rem;font-weight:850;color:#eaf4fb}
.premium-actions{display:flex;gap:11px;flex-wrap:wrap}.premium-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 19px;border-radius:14px;text-decoration:none;border:1px solid transparent;font-weight:950;cursor:pointer;font:inherit}.premium-btn-primary{background:linear-gradient(135deg,var(--p-cyan),var(--p-green));color:#041019;box-shadow:0 13px 34px rgba(94,231,255,.18)}.premium-btn-vote{background:linear-gradient(135deg,var(--p-gold),#ffb55d);color:#171008}.premium-btn-ghost{background:rgba(5,14,24,.66);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(10px)}
.premium-page-banner{width:min(1240px,calc(100% - 40px));margin:30px auto 4px;padding:26px 30px;border-radius:24px;border:1px solid var(--p-line);background:linear-gradient(100deg,rgba(7,23,38,.94),rgba(17,35,58,.86)),url('/assets/premium-server-hero-1200.webp') center/cover;box-shadow:var(--p-shadow);display:flex;align-items:center;justify-content:space-between;gap:22px}.premium-page-banner strong{font-size:clamp(1.25rem,2.8vw,2rem);display:block}.premium-page-banner small{color:var(--p-muted)}

/* Premium feature rail */
.premium-feature-rail{width:min(1240px,calc(100% - 40px));margin:-2px auto 54px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.premium-feature-card{padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(14,35,53,.88),rgba(6,18,29,.9));border:1px solid var(--p-line);box-shadow:0 17px 48px rgba(0,0,0,.23)}.premium-feature-card i{color:var(--p-cyan);font-size:1.1rem}.premium-feature-card strong{display:block;margin-top:8px;font-size:.94rem}.premium-feature-card small{display:block;color:var(--p-muted);margin-top:3px}

/* Global cards and sections */
.card,.poll-card,.metric,.feature,.join-card,.status-card,.news-card,.rule{border-color:var(--p-line)!important;background:linear-gradient(145deg,rgba(13,33,51,.88),rgba(5,17,29,.91))!important;box-shadow:0 23px 75px rgba(0,0,0,.28)!important}
.section-head h2,.site-section-head h2{letter-spacing:-.035em}.kicker,.site-kicker{color:var(--p-cyan)!important}.btn-primary{background:linear-gradient(135deg,var(--p-cyan),var(--p-green))!important;color:#041018!important}.btn-discord{background:linear-gradient(135deg,#8d9bff,#9d7bff)!important}

/* Voting premium upgrade */
.voting-command-center{margin:4px auto 30px;display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.voting-intro,.voting-trust{border:1px solid var(--p-line);background:linear-gradient(145deg,rgba(15,38,57,.93),rgba(6,18,30,.94));border-radius:24px;padding:24px;box-shadow:var(--p-shadow)}.voting-intro h2{margin:0 0 8px;font-size:clamp(1.5rem,3vw,2.25rem)}.voting-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.voting-tags span{padding:7px 10px;border-radius:999px;background:rgba(94,231,255,.08);border:1px solid rgba(94,231,255,.2);font-size:.78rem;font-weight:850}.voting-trust ul{padding-left:19px;margin:10px 0 0;color:var(--p-muted)}
.summary{position:sticky;top:130px;z-index:20;padding:12px;border:1px solid var(--p-line);border-radius:22px;background:rgba(4,14,24,.87);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.28)}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;inset:auto -20% -65% 35%;height:100px;background:radial-gradient(circle,rgba(94,231,255,.19),transparent 65%)}
.poll-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}.poll-card{position:relative;overflow:hidden;transition:transform .24s ease,border-color .24s ease}.poll-card:hover{transform:translateY(-4px);border-color:rgba(94,231,255,.31)!important}.poll-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--p-cyan),var(--p-violet),var(--p-green))}.poll-card h2{letter-spacing:-.025em}.current{box-shadow:inset 0 0 0 1px rgba(140,255,182,.13)}.option{transition:.2s}.option:hover{border-color:rgba(94,231,255,.34);transform:translateX(2px)}.custom-row{background:rgba(94,231,255,.035)}.custom-input,.text-input,textarea{transition:border-color .2s,box-shadow .2s}.custom-input:focus,.text-input:focus,textarea:focus{border-color:var(--p-cyan);box-shadow:0 0 0 4px rgba(94,231,255,.09);outline:none}.submit{background:linear-gradient(135deg,var(--p-cyan),var(--p-green))!important;box-shadow:0 13px 35px rgba(94,231,255,.14)}.stars button{transition:transform .15s,color .15s}.stars button:hover{transform:scale(1.18);color:var(--p-gold)}.bar{height:11px!important}.bar span{background:linear-gradient(90deg,var(--p-violet),var(--p-cyan),var(--p-green))!important}.comment{position:relative}.comment:before{content:"\201C";position:absolute;right:16px;top:5px;font-size:3.5rem;line-height:1;color:rgba(94,231,255,.11);font-family:serif}
.voting-footer-cta{margin:0 auto 70px;padding:30px;border-radius:26px;border:1px solid rgba(255,216,120,.25);background:linear-gradient(130deg,rgba(255,216,120,.1),rgba(165,140,255,.08));display:flex;justify-content:space-between;align-items:center;gap:20px}.voting-footer-cta h2{margin:0 0 5px}.voting-footer-cta p{margin:0;color:var(--p-muted)}

/* Motion */
[data-premium-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}[data-premium-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-premium-reveal]{opacity:1;transform:none}}
@media(max-width:1050px){.premium-feature-rail{grid-template-columns:repeat(3,1fr)}.voting-command-center{grid-template-columns:1fr}.summary{position:static}.premium-server-banner{min-height:500px}.premium-banner-content{max-width:720px}}
@media(max-width:820px){.premium-utility-right{display:none}.header,.site-header{top:36px!important}.premium-feature-rail{grid-template-columns:repeat(2,1fr)}.poll-grid{grid-template-columns:1fr!important}.premium-page-banner{align-items:flex-start;flex-direction:column}.premium-server-banner:after{background:linear-gradient(90deg,rgba(3,9,17,.94),rgba(3,10,18,.62)),linear-gradient(0deg,rgba(3,8,15,.9),transparent)}.premium-server-banner{border-radius:22px;margin-top:18px}.premium-banner-content{padding:34px 24px;justify-content:flex-end}.voting-footer-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.premium-utility-inner{width:calc(100% - 22px)}.premium-utility-left span:nth-child(n+3){display:none}.premium-server-banner{width:calc(100% - 20px);min-height:520px}.premium-feature-rail{width:calc(100% - 24px);grid-template-columns:1fr}.premium-banner-pills span{font-size:.72rem}.premium-actions{width:100%}.premium-btn{width:100%}.premium-page-banner{width:calc(100% - 24px);padding:21px}.summary{grid-template-columns:1fr 1fr!important}.voting-footer-cta{width:calc(100% - 24px)}}
