:root{--bg:#09070c;--panel:#15101a;--panel2:#1b1421;--text:#f2eadf;--muted:#b8aab7;--gold:#ffd568;--gold2:#efad2d;--purple:#b735f0;--purple2:#7420ba;--line:rgba(255,213,104,.22);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font:16px/1.65 Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(rgba(9,7,12,.86),rgba(9,7,12,.95)),repeating-linear-gradient(0deg,transparent 0 49px,rgba(255,255,255,.018) 50px),repeating-linear-gradient(90deg,transparent 0 49px,rgba(255,255,255,.018) 50px)}.page-glow{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.14;z-index:-2;pointer-events:none}.page-glow--one{background:var(--purple);top:-300px;left:-180px}.page-glow--two{background:#ef8b23;right:-300px;top:280px}.site-head{height:88px;max-width:var(--max);margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-mark{width:42px;height:42px;display:grid;place-items:center;transform:rotate(45deg);background:linear-gradient(135deg,var(--purple),#5d169e);border:1px solid #d66cff;box-shadow:0 0 24px rgba(183,53,240,.38);color:#fff;font-size:17px}.brand-mark::first-letter{transform:rotate(-45deg)}.brand b,.brand small{display:block}.brand b{font:800 21px/1 Cinzel,serif;letter-spacing:.04em}.brand small{font:600 9px/1.2 Inter,sans-serif;color:#bd8bd0;letter-spacing:.28em;margin-top:6px}.version{font-size:12px;letter-spacing:.09em;color:#c9bdcb;padding:9px 13px;border:1px solid rgba(255,255,255,.09);background:rgba(17,12,21,.72);border-radius:999px}.version span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#69e68a;box-shadow:0 0 12px #69e68a;margin-right:7px}.version b{color:#fff;margin-left:4px}.hero{min-height:calc(100svh - 88px);display:grid;place-items:center;position:relative;padding:66px 24px 115px;isolation:isolate;background:linear-gradient(90deg,rgba(7,5,10,.78),rgba(7,5,10,.48) 50%,rgba(7,5,10,.78)),linear-gradient(180deg,rgba(7,5,10,.18),rgba(7,5,10,.88)),url("/dolacz/assets/banner-bestrpg-2026-v2-bg.webp") center/cover no-repeat}.hero:before{content:"";position:absolute;inset:4% 5% 8%;z-index:-2;background:radial-gradient(circle at 50% 28%,rgba(119,33,165,.25),transparent 37%),linear-gradient(135deg,rgba(255,194,72,.035),transparent 30%,rgba(175,47,227,.04));border:1px solid rgba(255,255,255,.035);clip-path:polygon(7% 0,93% 0,100% 14%,100% 86%,93% 100%,7% 100%,0 86%,0 14%)}.hero-content{width:min(720px,100%);text-align:center;position:relative;z-index:2}.eyebrow{font:700 12px/1.3 Inter,sans-serif;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.eyebrow>span{display:inline-block;width:34px;height:1px;background:var(--gold);vertical-align:middle;margin:0 10px 3px 0}.hero h1{font:800 clamp(45px,7.8vw,95px)/.98 Cinzel,serif;letter-spacing:-.045em;text-transform:uppercase;margin:22px 0;text-shadow:0 8px 34px #000}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(180deg,#ffec99 5%,#ffc94a 45%,#e49818 90%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 0 #6b390b)}.lead{max-width:650px;margin:0 auto;color:#c9bdc9;font-size:clamp(16px,2vw,19px)}.features{margin:28px auto;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.features span{padding:7px 12px;border:1px solid rgba(255,255,255,.09);background:rgba(20,14,25,.72);color:#ded3df;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.join-box{width:min(580px,100%);min-height:98px;margin:34px auto 0;padding:14px 14px 14px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;position:relative;background:linear-gradient(135deg,rgba(32,21,38,.98),rgba(18,12,23,.98));border:1px solid rgba(255,213,104,.42);box-shadow:0 22px 80px rgba(0,0,0,.55),0 0 55px rgba(180,55,225,.1)}.join-box:before,.join-box:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--gold);border-style:solid}.join-box:before{left:-3px;top:-3px;border-width:2px 0 0 2px}.join-box:after{right:-3px;bottom:-3px;border-width:0 2px 2px 0}.join-copy small{display:block;font-size:10px;letter-spacing:.2em;color:#a996a9;font-weight:700}.join-copy strong{display:block;font:800 clamp(25px,4vw,37px)/1.15 Cinzel,serif;letter-spacing:.055em;color:#fff;margin-top:3px}.copy-button{min-width:175px;border:1px solid #ffe08a;background:linear-gradient(180deg,#ffd86b,#e5a82c);color:#241400;padding:17px 19px;font:800 14px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 7px 0 #75420c,0 16px 35px rgba(234,165,41,.18);transition:transform .18s,box-shadow .18s,filter .18s}.copy-button:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 9px 0 #75420c,0 20px 40px rgba(234,165,41,.23)}.copy-button:active{transform:translateY(5px);box-shadow:0 2px 0 #75420c}.copy-icon{font-size:19px;margin-right:7px}.copy-status{position:absolute;left:0;right:0;bottom:-31px;text-align:center;color:#86eea2;font-weight:700;font-size:13px;opacity:0;transition:opacity .2s}.copy-status.show{opacity:1}.microcopy{margin:37px 0 0;color:#8e818f;font-size:12px}.secondary-actions{display:flex;justify-content:center;gap:24px;margin-top:23px}.secondary-link{color:#d6c9d8;text-decoration:none;font-weight:700;font-size:13px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:3px}.secondary-link:hover{color:var(--gold);border-color:var(--gold)}.class-art{position:absolute;bottom:0;z-index:-1;height:min(76vh,760px);opacity:.42;filter:saturate(.78) contrast(1.12);pointer-events:none}.class-art--warrior{left:max(-80px,calc(50% - 820px));transform:translateX(-10%)}.class-art--mage{right:max(-80px,calc(50% - 820px));transform:translateX(10%) scaleX(-1)}.scroll-hint{position:absolute;bottom:30px;color:#867b88;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.25em}.scroll-hint span{display:block;width:1px;height:28px;background:linear-gradient(var(--gold),transparent);margin:0 auto 8px}.steps-section{padding:105px 24px 125px;position:relative;background:linear-gradient(180deg,rgba(17,12,21,.55),rgba(9,7,12,0));border-top:1px solid rgba(255,255,255,.05)}.section-heading{max-width:660px;margin:0 auto 54px;text-align:center}.section-heading>span{font-weight:800;font-size:11px;letter-spacing:.24em;color:var(--purple)}.section-heading h2,.ready-section h2{font:700 clamp(30px,4vw,52px)/1.1 Cinzel,serif;margin:11px 0 14px}.section-heading p,.ready-section p{color:var(--muted);margin:0}.steps{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{min-height:290px;padding:36px 30px;background:linear-gradient(145deg,rgba(28,20,33,.96),rgba(16,12,20,.96));border:1px solid rgba(255,255,255,.075);position:relative;overflow:hidden}.step:hover{border-color:var(--line)}.step-number{position:absolute;right:20px;top:8px;font:800 68px/1 Cinzel,serif;color:rgba(255,255,255,.035)}.step-icon{width:48px;height:48px;display:grid;place-items:center;background:rgba(183,53,240,.1);border:1px solid rgba(183,53,240,.27);color:#cf73f5;font-size:22px}.step h3{font:700 20px Cinzel,serif;margin:27px 0 10px}.step p{color:#a99cab;margin:0}.step strong{color:#efe3ef}.ready-section{max-width:var(--max);margin:0 auto 110px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:45px;background:radial-gradient(circle at 85% 50%,rgba(166,49,217,.2),transparent 40%),linear-gradient(135deg,#1a121e,#100c14);border:1px solid var(--line);position:relative}.ready-section>div{max-width:660px}.ready-section h2{margin-top:13px}.copy-button--large{display:flex;flex-direction:column;gap:6px;min-width:230px}.copy-button--large span{font-size:11px}.copy-button--large b{font:800 18px Cinzel,serif}footer{max-width:var(--max);margin:auto;padding:27px 24px 40px;border-top:1px solid rgba(255,255,255,.065);display:flex;justify-content:space-between;color:#756b77;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.site-head{height:auto;max-width:none;margin:0;padding:0;position:relative;z-index:20;border-bottom:1px solid rgba(201,163,74,.22);background:rgba(7,6,10,.94);box-shadow:0 12px 35px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.site-head__inner{width:min(100%,1180px);min-height:92px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:32px}.shop-logo{display:inline-flex;align-items:center;color:#f4d884;text-decoration:none;font:800 27px/1 Cinzel,serif;white-space:nowrap;text-shadow:0 0 24px rgba(201,163,74,.2)}.shop-logo img{width:50px;height:50px;margin-right:10px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(166,62,255,.58))}.shop-logo span{color:#c9a34a}.shop-logo small{color:#806427;font-size:.48em}.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px}.top-nav a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid transparent;border-radius:3px;color:#c7b995;text-decoration:none;font:600 12px/1 Cinzel,serif;letter-spacing:.035em;text-transform:uppercase;transition:.2s ease}.top-nav a i{color:#c9a34a;font-size:14px}.top-nav a:hover{border-color:rgba(201,163,74,.32);background:rgba(201,163,74,.055);color:#f4d884}.trailer-section{max-width:var(--max);margin:20px auto 120px;padding:58px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(480px,1.22fr);align-items:center;gap:54px;background:radial-gradient(circle at 0 0,rgba(166,49,217,.15),transparent 42%),linear-gradient(145deg,#17111d,#0e0a12);border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.32)}.trailer-copy h2{font:700 clamp(29px,3.4vw,48px)/1.08 Cinzel,serif;margin:15px 0 17px}.trailer-copy p{margin:0;color:var(--muted)}.discord-button{margin-top:30px;min-height:76px;padding:12px 18px;display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#8038d4,#5d239e);border:1px solid #c76aff;box-shadow:0 12px 32px rgba(128,56,212,.24);transition:transform .2s,filter .2s}.discord-button:hover{transform:translateY(-3px);filter:brightness(1.1)}.discord-button>i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:22px}.discord-button span{flex:1;font:800 15px/1.2 Cinzel,serif}.discord-button small{display:block;margin-bottom:5px;color:#e4c7f4;font:700 9px/1 Inter,sans-serif;letter-spacing:.13em}.discord-button>b{font-size:25px}.discord-button+p{margin-top:18px}.trailer-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(rgba(7,4,10,.15),rgba(7,4,10,.58)),url("/dolacz/assets/trailer-bestrpg.jpg") center/cover no-repeat;border:1px solid rgba(255,213,104,.34);box-shadow:0 20px 60px #000}.trailer-frame:before,.trailer-frame:after{content:"";position:absolute;width:32px;height:32px;z-index:2;border-color:var(--gold);border-style:solid;pointer-events:none}.trailer-frame:before{left:10px;top:10px;border-width:2px 0 0 2px}.trailer-frame:after{right:10px;bottom:10px;border-width:0 2px 2px 0}.trailer-play{position:absolute;inset:0;width:100%;border:0;display:flex;align-items:center;justify-content:center;gap:18px;color:#fff;background:rgba(7,4,10,.22);cursor:pointer;text-align:left}.trailer-play:hover{background:rgba(7,4,10,.08)}.play-symbol{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffd86b,#e5a82c);border:2px solid #ffe9a2;box-shadow:0 10px 32px rgba(0,0,0,.5)}.play-symbol:after{content:"";margin-left:6px;border-left:23px solid #241400;border-top:14px solid transparent;border-bottom:14px solid transparent}.trailer-play b,.trailer-play small{display:block;text-shadow:0 3px 10px #000}.trailer-play b{font:800 22px Cinzel,serif}.trailer-play small{margin-top:5px;color:#e0d3df;font-size:12px}.trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.trailer-frame.playing:before,.trailer-frame.playing:after{display:none}.step-number{display:none}@media(max-width:900px){.trailer-section{grid-template-columns:1fr;margin-left:20px;margin-right:20px;padding:42px;gap:34px}.trailer-copy{text-align:center}.trailer-copy .eyebrow>span{display:none}.discord-button{max-width:520px;margin-left:auto;margin-right:auto;text-align:left}}@media(max-width:900px){.class-art{opacity:.18;height:65vh}.steps{grid-template-columns:1fr}.step{min-height:auto}.ready-section{margin-left:20px;margin-right:20px}.hero:before{inset:2%}.features{max-width:520px}}@media(max-width:620px){.site-head{height:74px;padding:0 17px}.brand-mark{width:35px;height:35px}.brand b{font-size:17px}.version{font-size:0;padding:8px 10px}.version b{font-size:11px}.hero{min-height:calc(100svh - 74px);padding:45px 16px 95px}.hero h1{font-size:clamp(38px,13vw,62px)}.lead{font-size:15px}.features{gap:7px;margin:22px 0}.features span{font-size:10px;padding:6px 8px}.join-box{grid-template-columns:1fr;padding:18px;text-align:center;gap:14px}.copy-button{width:100%}.microcopy{margin-top:39px}.secondary-actions{gap:14px;flex-wrap:wrap}.class-art--warrior{left:-170px}.class-art--mage{right:-170px}.steps-section{padding:80px 16px}.ready-section{padding:35px 23px;flex-direction:column;text-align:center;margin-bottom:70px}.copy-button--large{min-width:100%}footer{flex-direction:column;gap:7px;text-align:center}}@media(max-width:700px){.site-head{height:auto;padding:0}.site-head__inner{min-height:auto;padding:13px 16px 14px;flex-wrap:wrap;gap:10px}.shop-logo{font-size:21px}.shop-logo img{width:42px;height:42px}.top-nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.top-nav a{min-height:38px;padding:0 5px;justify-content:center;font-size:9px}.top-nav a i{font-size:12px}.hero{min-height:auto;padding-top:55px}.trailer-section{margin:0 12px 80px;padding:28px 16px;gap:26px}.trailer-copy h2{font-size:29px}.trailer-copy p{font-size:14px}.discord-button{min-height:72px;padding:10px 13px}.discord-button span{font-size:13px}.play-symbol{width:62px;height:62px}.trailer-play b{font-size:17px}.trailer-play small{font-size:10px}}@media(min-width:901px){.hero{min-height:auto;padding:20px 24px 28px}.hero h1{font-size:clamp(42px,4.5vw,62px);line-height:.9;margin:10px 0}.lead{font-size:16px;line-height:1.45}.features{margin:10px auto}.join-box{min-height:76px;margin-top:14px;padding:10px 10px 10px 20px}.join-copy strong{font-size:30px}.copy-button{padding:14px 17px}.microcopy{margin-top:18px}.scroll-hint{display:none}.trailer-section{margin-top:0;margin-bottom:85px;padding:34px 40px;gap:38px}.discord-button{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copy-button{transition:none}}
