:root{--bg:#06080d;--bg-soft:#090d15;--panel:#0e1420;--panel2:#121a29;--panel3:#182235;--line:rgba(162,178,204,.16);--text:#f7f9fc;--muted:#96a4ba;--brand:#ec1647;--brand-hi:#ff5d7e;--purple:#7657ff;--cyan:#38d8ff;--green:#35db91;--yellow:#ffc65a;--danger:#ff5575;--shadow:0 28px 90px rgba(0,0,0,.48);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:
radial-gradient(circle at 82% -8%,rgba(236,22,71,.19),transparent 31%),
radial-gradient(circle at 10% 35%,rgba(118,87,255,.12),transparent 28%),
linear-gradient(180deg,#070910 0%,#06080d 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}
header{height:84px;display:flex;align-items:center;gap:34px;padding:0 clamp(20px,4vw,68px);border-bottom:1px solid var(--line);background:rgba(6,8,13,.76);backdrop-filter:blur(22px);position:sticky;top:0;z-index:50}
.brand{display:flex;align-items:center;min-width:245px}.brand img{display:block;width:230px;height:auto}.brand span.logo-fallback{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--brand-hi),var(--brand));font-weight:900}
nav{display:flex;gap:27px;align-items:center;flex:1}nav a{font-size:14px;color:#a7b3c5;font-weight:700;transition:.2s}nav a:hover{color:#fff}.account{display:flex;gap:10px}
main{max-width:1380px;margin:auto;padding:0 clamp(18px,3vw,38px) 90px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:13px;padding:12px 18px;background:linear-gradient(135deg,var(--brand-hi),var(--brand));color:#fff;font-weight:850;cursor:pointer;box-shadow:0 11px 30px rgba(236,22,71,.22);transition:.18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn.ghost{background:rgba(20,27,42,.82);border-color:var(--line);box-shadow:none}.btn.big{padding:16px 23px;border-radius:15px}.btn.wide{width:100%}.btn.small{padding:8px 11px;font-size:12px;border-radius:10px}
.badge,.eyebrow,.page-head>span,.client-head span{display:inline-flex;color:#ff6685;font-size:11px;letter-spacing:2.3px;font-weight:900;text-transform:uppercase}.hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.68fr);align-items:center;gap:75px;position:relative}.hero h1{font-size:clamp(52px,6.4vw,92px);line-height:.95;letter-spacing:-5px;margin:24px 0 25px;max-width:900px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#fff 5%,#ff6685 58%,#9c7dff);-webkit-background-clip:text;color:transparent}.hero p{max-width:720px;color:#a9b5c8;font-size:18px;line-height:1.75}.actions{display:flex;gap:13px;margin:31px 0}.trust{display:flex;gap:26px;color:#c6d0de;font-size:13px;font-weight:700}.trust span:before{content:"✓";color:var(--green);margin-right:7px}.hero-card,.card{position:relative;background:linear-gradient(150deg,rgba(20,29,46,.95),rgba(10,15,25,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.hero-card:before,.card.glow:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 88% 3%,rgba(255,85,117,.20),transparent 35%);pointer-events:none}.hero-card{padding:34px}.hero-card h2{font-size:31px;margin:18px 0 10px}.hero-card p{color:var(--muted);line-height:1.65}.live{color:var(--green);font-size:13px;font-weight:800}.live i,.status-card i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 17px var(--green);margin-right:8px}.metric{display:flex;justify-content:space-between;align-items:end;padding:22px 0;border-top:1px solid var(--line)}.metric b{font-size:32px}.metric span{font-size:12px;color:var(--muted)}.control-preview{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#080c14}.control-preview .bar{display:flex;gap:6px;margin-bottom:16px}.control-preview .bar i{width:8px;height:8px;border-radius:50%;background:#334058}.control-preview .bar i:first-child{background:#ff5575}.control-preview .bar i:nth-child(2){background:#ffc65a}.control-preview .bar i:nth-child(3){background:#35db91}.server-line{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px;border-radius:12px;background:#101827}.server-line small{color:var(--muted)}.progress{height:7px;background:#202b3f;border-radius:999px;margin-top:10px;overflow:hidden}.progress i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--brand),var(--purple));border-radius:inherit}
.section{padding:84px 0}.section-title{text-align:center;max-width:760px;margin:0 auto 38px}.section-title h2,.page-head h1,.client-head h1{font-size:clamp(34px,4vw,50px);letter-spacing:-1.8px;margin:12px 0}.section-title p,.page-head p,.client-head p{color:var(--muted);line-height:1.7}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{position:relative;padding:28px;background:linear-gradient(160deg,#111827,#0b101a);border:1px solid var(--line);border-radius:21px;box-shadow:0 14px 45px rgba(0,0,0,.22)}.plan.featured{border-color:rgba(255,85,117,.65);transform:translateY(-9px);box-shadow:0 25px 70px rgba(236,22,71,.15)}.plan.featured:after{content:"NAJCZĘŚCIEJ WYBIERANY";position:absolute;right:17px;top:17px;color:#ff7791;font-size:9px;font-weight:900;letter-spacing:1px}.plan h3{font-size:25px;margin:12px 0}.price{font-size:35px;font-weight:900;letter-spacing:-1px}.price small{font-size:12px;color:var(--muted);font-weight:600}.plan ul{list-style:none;padding:0;margin:22px 0;color:#bcc7d8;line-height:2}.plan li:before{content:"✓";color:var(--green);margin-right:9px}.grid3,.game-grid,.stats,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid3 article,.game-grid article,.stats article,.feature-grid article{padding:25px;background:linear-gradient(155deg,#111827,#0b111b);border:1px solid var(--line);border-radius:19px}.grid3 b{color:var(--brand-hi);font-size:12px}.grid3 h3,.game-grid h3{font-size:21px}.grid3 p,.game-grid p,.feature-grid p{color:var(--muted);line-height:1.65}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(255,85,117,.18),rgba(118,87,255,.18));border:1px solid var(--line);font-size:20px}.page-head{padding:64px 0 34px}.client-head{display:flex;justify-content:space-between;align-items:end;padding:58px 0 31px}.card{padding:27px}.form{max-width:780px}.form h1{font-size:37px}.form label{display:block;margin:16px 0;color:#cbd5e1;font-size:13px;font-weight:800}.form input,.form textarea,.form select,.table select{display:block;width:100%;margin-top:8px;background:#080c15;border:1px solid #27334a;border-radius:12px;padding:13px 14px;color:#fff;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#ff5575;box-shadow:0 0 0 4px rgba(255,85,117,.09)}.auth{min-height:650px;display:grid;place-items:center}.auth .card{width:min(500px,100%)}.flash{margin:18px 0;padding:14px 18px;border-radius:12px}.flash.success{background:rgba(53,219,145,.12);border:1px solid rgba(53,219,145,.3)}.flash.error{background:rgba(255,85,117,.12);border:1px solid rgba(255,85,117,.32)}.stats article{display:flex;justify-content:space-between;align-items:center}.stats article span{color:var(--muted)}.stats article b{font-size:31px}.notice,.service,.ticket,.message,.status-card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:12px 0}.service,.ticket,.status-card{display:flex;justify-content:space-between;align-items:center}.state,.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#202a3c;color:#cbd5e1;font-size:11px;font-weight:800}.state.active,.state.paid{background:rgba(53,219,145,.13);color:#70efb3}.state.provisioning,.state.awaiting_payment{background:rgba(255,198,90,.13);color:#ffd47e}.table{overflow:auto;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.tr{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:15px 18px;border-bottom:1px solid var(--line);align-items:center}.tr:last-child{border-bottom:0}.tr.th{color:var(--muted);font-size:12px;font-weight:800}.empty{padding:45px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed #344058;border-radius:18px}.muted{color:var(--muted)}.admin-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px}.admin-nav{height:max-content;position:sticky;top:103px;padding:14px}.admin-nav a{display:block;padding:12px 13px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:700}.admin-nav a:hover,.admin-nav a.active{background:#182236;color:#fff}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.admin-grid article{padding:21px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.admin-grid article span{display:block;color:var(--muted);font-size:12px}.admin-grid article b{font-size:31px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.data-table th{color:var(--muted)}.invoice-top{display:flex;justify-content:space-between}.invoice-total{display:flex;justify-content:space-between;font-size:25px;margin:25px 0}.prose{line-height:1.8}.prose p{color:#b8c3d3}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding:50px clamp(22px,5vw,75px);color:var(--muted);background:#06080d}footer a{display:block;margin:8px 0}footer img{width:210px}
@media(max-width:1050px){header nav{display:none}.hero{grid-template-columns:1fr;padding:65px 0}.plans,.grid3,.game-grid,.stats,.feature-grid,.admin-grid,.two-col{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-nav{position:static}.hero h1{letter-spacing:-2.5px}.trust{flex-wrap:wrap}.client-head{align-items:flex-start;gap:20px;flex-direction:column}.tr{min-width:720px}footer{grid-template-columns:1fr}}