@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090e1a;--surface:#111a2c;--surface2:#17213a;--text:#f5f7ff;--muted:#a1afc8;--purple:#9c73ff;--cyan:#5fd9f4;--border:#2b3650}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,14,26,.9);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff13}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-size:25px;letter-spacing:1px;font-weight:900;white-space:nowrap}.brand b{color:var(--cyan)}.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#aa72ff,#3d91d9);border-radius:9px;width:34px;height:34px;color:white;font-size:25px}.nav nav{display:flex;gap:27px}.nav nav a{color:#b5c0d5;font-size:13px;font-weight:700;transition:color .2s}.nav nav a:hover{color:white}.menu-toggle{display:none;border:0;background:none;color:white;font-size:26px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 42%,#29235c 0%,transparent 43%),radial-gradient(ellipse at 32% 70%,#0c3c57 0%,transparent 50%),#0b1020}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,black)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:615px;gap:25px}.hero-content{padding:65px 0 50px}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--cyan)}.eyebrow{border:1px solid #53708d;padding:8px 12px;border-radius:50px;background:#0b1b33}.live-dot{height:7px;width:7px;border-radius:50%;background:#5ce1b3;box-shadow:0 0 13px #5ce1b3}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.05}h1{font-size:clamp(54px,6.6vw,95px);font-weight:900;letter-spacing:-1px;margin:25px 0 22px}h1 span{color:var(--cyan);text-shadow:0 0 30px #00c7ff33}.hero-content>p{max-width:550px;color:#c0cee0;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 33px}.btn{border:1px solid transparent;padding:13px 21px;border-radius:9px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{color:#0c1530;background:linear-gradient(100deg,#60e1ee,#8eb4ff)}.btn-ghost{color:#f0f6ff;background:#ffffff0d;border-color:#60708b}.server-address{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #53678a;background:#0a1224a8;padding:12px 16px;border-radius:10px;width:fit-content}.server-address .label,.edition{font-size:10px;font-weight:800;letter-spacing:1px;color:#8fa3c4}.server-address code{color:#fff;font-size:13px}.edition{color:var(--cyan)}.hero-bottom{position:relative;display:flex;justify-content:space-around;gap:15px;padding:22px 0;border-top:1px solid #ffffff18;color:#9fb6d4;font-size:11px;font-weight:800;letter-spacing:1.4px}.hero-art{height:450px;position:relative;perspective:800px}.planet{position:absolute;inset:50px 25px 15px 30px;border-radius:50%;background:radial-gradient(circle at 45% 40%,#5164bb50,#273f8750 35%,transparent 68%);filter:blur(2px)}.island{position:absolute;left:14%;top:43%;width:72%;height:32%;filter:drop-shadow(0 35px 35px #0008);transform:rotate(-7deg)}.grass-top{position:absolute;left:0;right:0;top:0;height:55%;background:linear-gradient(135deg,#7dcba2,#277e8e);clip-path:polygon(50% 0,100% 28%,52% 100%,0 63%);z-index:3}.dirt{position:absolute;top:32%;left:0;width:100%;height:150%;background:linear-gradient(120deg,#6d5a79,#28375b);clip-path:polygon(0 0,52% 34%,100% 0,51% 100%);z-index:2}.stone{position:absolute;top:82%;left:30%;width:42%;height:160%;background:linear-gradient(130deg,#4a547a,#1a2442);clip-path:polygon(0 0,100% 0,52% 100%)}.tree{position:absolute;z-index:5;left:20%;bottom:66%;width:33%;height:200%}.trunk{position:absolute;bottom:0;left:45%;height:55%;width:16%;background:#8e5c60;box-shadow:inset -9px 0 #583c58}.leaves{position:absolute;top:0;left:0;width:100%;height:65%;background:linear-gradient(135deg,#66e5c1,#246e91);clip-path:polygon(15% 22%,42% 22%,42% 0,76% 0,76% 20%,100% 20%,100% 70%,82% 70%,82% 100%,15% 100%,15% 76%,0 76%,0 37%,15% 37%);box-shadow:inset -20px -20px #155c79}.house{position:absolute;z-index:5;left:53%;bottom:54%;width:34%;height:130%}.house .wall{position:absolute;left:12%;bottom:0;width:76%;height:65%;background:#e0b6a1;box-shadow:inset -16px 0 #967f9b}.house .roof{position:absolute;z-index:2;left:0;top:3%;width:100%;height:47%;background:linear-gradient(130deg,#7a69b8,#383e75);clip-path:polygon(50% 0,100% 58%,100% 80%,50% 27%,0 80%,0 58%)}.house .door{position:absolute;z-index:3;bottom:0;left:43%;width:20%;height:38%;background:#3e395b}.float-icon{position:absolute;font-size:48px;color:#a68cff;text-shadow:0 0 35px #9d7cff}.float-icon.one{right:3%;top:14%}.float-icon.two{left:4%;top:25%;font-size:22px;color:var(--cyan)}.section{padding:95px 0}.section-head{text-align:center;max-width:690px;margin:0 auto 42px}.section-head h2,h2{font-size:clamp(40px,5vw,63px);margin:13px 0}.section-head p,.features p,.rules-grid p{color:var(--muted)}.modes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.mode-card{position:relative;overflow:hidden;min-height:290px;padding:26px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#18243b,#0e1626);display:flex;flex-direction:column}.mode-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}.survival{--accent:#62d7b3}.skyblock{--accent:#70c4fa}.arena{--accent:#ed8a8c}.parkour{--accent:#b49bff}.mode-icon{font-size:35px;color:var(--accent);margin-bottom:28px}.mode-card h3{font-size:30px;margin:0 0 10px}.mode-card p{font-size:13px;color:#aab8d0;line-height:1.7}.mode-tag{position:absolute;top:27px;right:14px;font-size:9px;color:#72e5bd;font-weight:800}.mode-foot{margin-top:auto;padding-top:20px;font-size:9px;letter-spacing:1px;font-weight:800;color:var(--accent)}.features{background:#0e1728}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.features h2 span{color:var(--purple)}.features p{max-width:420px}.text-link{color:var(--cyan);font-weight:800;font-size:13px}.feature-list>div{display:flex;gap:22px;border-bottom:1px solid var(--border);padding:23px 0}.feature-list>div>span{font-family:'Barlow Condensed';font-size:25px;font-weight:900;color:var(--purple)}.feature-list h3{font-size:25px;margin:0 0 6px}.feature-list p{font-size:13px;margin:0}.vip-section{background:radial-gradient(ellipse at 50% 30%,#271e4a55,transparent 60%),#090e1a}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{position:relative;padding:33px 28px 28px;border:1px solid var(--border);border-radius:15px;background:#111a2c}.price-card.featured{border-color:#9b78f5;background:linear-gradient(160deg,#282044,#131b30)}.popular{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#a484ff;color:#0c0b1c;border-radius:20px;padding:5px 13px;font-size:9px;font-weight:900;letter-spacing:.5px}.price-label{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:800}.price-card h3{font-size:32px;margin:13px 0}.price{font-family:'Barlow Condensed';font-size:48px;font-weight:900}.price small{font:500 12px Inter;color:#a8b6ce}.price-card ul{list-style:none;padding:15px 0;margin:15px 0 25px;border-top:1px solid var(--border)}.price-card li{color:#d0d9e9;font-size:13px;padding:9px 0}.price-card li:before{content:'✓';color:#6edfc6;margin-right:11px}.btn-disabled{width:100%;background:#354057;color:#b1bbcf;cursor:not-allowed}.vip-note{text-align:center;color:#8594ad;font-size:12px;margin-top:24px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{border:1px solid var(--border);border-radius:13px;padding:30px;background:#111a2c}.steps b{font:900 46px 'Barlow Condensed';color:#9c73ff}.steps h3{font-size:27px;margin:12px 0}.steps p{font-size:13px;color:var(--muted)}.steps code{color:var(--cyan);word-break:break-all}.center-action{text-align:center;margin-top:30px}.rules-section{background:#0e1728}.rules-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.rules-list p{border-bottom:1px solid var(--border);padding:15px 0;margin:0;color:#d0d9e9;font-size:14px}.rules-list strong{color:var(--purple);margin-right:20px}.community{text-align:center}.community-box{padding:70px 25px;background:radial-gradient(ellipse at 50% 0,#50408566,transparent 75%),#151e34;border:1px solid #5a5185;border-radius:20px}.community-box h2{margin:17px 0}.community-box p{color:var(--muted);max-width:560px;margin:0 auto 25px}.community-box .community-small{font-size:12px;margin:20px auto 0}footer{border-top:1px solid var(--border);padding:40px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{font-size:11px;color:#8594ad;max-width:390px;margin:10px 0 0}.footer>div:nth-child(2){display:flex;gap:18px;font-size:12px;color:#acb9ce}.footer>span{font-size:11px;color:#8594ad}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);opacity:0;background:#66dfc2;color:#08192c;padding:13px 23px;border-radius:9px;font-size:13px;font-weight:800;z-index:100;transition:all .25s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:900px){.modes-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-content{padding:65px 0 10px}.hero-art{height:310px;max-width:500px;width:100%;margin:auto}.features-grid{gap:35px}.pricing-grid{grid-template-columns:1fr}.price-card{max-width:550px;width:100%;margin:auto}}@media(max-width:640px){.nav{height:66px}.brand{font-size:21px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:66px;left:0;right:0;background:#10192c;flex-direction:column;padding:20px;gap:15px;border-bottom:1px solid var(--border)}.nav nav.open{display:flex}.hero-grid{min-height:0}.hero-content{padding-top:50px}h1{font-size:clamp(51px,13vw,70px)}.hero-art{height:230px}.hero-bottom{flex-wrap:wrap;justify-content:center;font-size:9px}.section{padding:65px 0}.modes-grid,.features-grid,.steps,.rules-grid{grid-template-columns:1fr}.mode-card{min-height:245px}.features-grid,.rules-grid{gap:25px}.footer{align-items:flex-start;flex-direction:column}.server-address{gap:7px}.server-address code{font-size:12px}.hero-actions .btn{width:100%}}


/* Grant Survival 2.0 – banner style */
:root{--bg:#050b17;--panel:#071327;--border:#144779;--cyan:#30c9ff;--violet:#a63cff}
body{background:#050b17;color:#e9f6ff}
.site-header{background:rgba(3,10,23,.96)!important;border-bottom:1px solid #124778!important;backdrop-filter:blur(14px)}
.brand{font-weight:1000;letter-spacing:.06em;color:#e7faff!important;text-shadow:0 0 18px #009bff77}.brand b{color:#33bfff}
nav a:hover,.kicker{color:#38caff!important}
.new-hero{background:radial-gradient(ellipse at 50% 0,#073264 0%,#030916 66%);padding-bottom:36px}
.banner-wrap{width:100%;max-width:1800px;margin:0 auto;overflow:hidden;border-bottom:2px solid #156ba7;box-shadow:0 16px 55px #0060ff35}
.hero-banner{display:block;width:100%;height:auto;max-height:650px;object-fit:cover}
.banner-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 0 25px}
.server-pill{display:flex;align-items:center;gap:12px;border:1px solid #1a6ca2;background:#081a30;padding:13px 18px;border-radius:9px;color:#81d8ff;font-size:12px;letter-spacing:.05em}
.server-pill strong{color:white;font-size:15px;letter-spacing:0}.pulse{width:9px;height:9px;background:#2be5ac;border-radius:50%;box-shadow:0 0 12px #2be5ac}
.btn-primary{background:linear-gradient(135deg,#009dff,#1261ec)!important;box-shadow:0 5px 26px #007fff66!important}
.btn-ghost{border-color:#1969a1!important;color:#b7e8ff!important}
.tiles-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.game-tile{min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none!important;background:linear-gradient(145deg,#091c38,#050e20);border:1px solid #13538d;border-radius:7px;padding:13px 10px;min-height:83px;box-shadow:inset 0 1px #2689db33;transition:transform .2s,border-color .2s,background .2s}
.game-tile:hover{transform:translateY(-3px);border-color:#4cc9ff;background:#0b2b50}
.game-tile>span{font-size:31px;flex-shrink:0;filter:drop-shadow(0 0 8px #008cff77)}
.game-tile div{min-width:0}.game-tile b{display:block;color:#4ed2ff;font-size:12px;line-height:1.25;letter-spacing:.02em}.game-tile small{display:block;color:#d0e4f8;font-size:11px;line-height:1.35;margin-top:4px}
.section{background:transparent}.section-head h2,.features h2,.rules-grid h2{color:#f4faff}.mode-card,.price-card,.steps>div,.feature-list>div,.rules-list,.community-box{border-color:#1a4773!important;background:linear-gradient(145deg,#0b1b35,#071020)!important}
.mode-card:hover,.price-card:hover{border-color:#27baff!important}.featured{box-shadow:0 0 30px #6e27ff30!important}.section-head .kicker{letter-spacing:.18em}
@media(max-width:1150px){.tiles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-tile{padding:10px 8px;gap:6px;min-height:78px}.game-tile>span{font-size:24px}.game-tile b{font-size:10px}.game-tile small{font-size:10px}.banner-actions{padding:15px 0}.server-pill{width:100%;justify-content:center;flex-wrap:wrap}.hero-banner{min-height:190px;object-fit:cover;object-position:center}}
@media(max-width:370px){.tiles-grid{grid-template-columns:1fr 1fr}.game-tile>span{font-size:20px}}

/* 2.1: zobrazit celý banner bez ořezu na všech zařízeních */
.banner-wrap { overflow: visible; }
.hero-banner { display:block; width:100%; height:auto; max-height:none; object-fit:contain; object-position:center; min-height:0; }
@media(max-width:700px){.hero-banner{height:auto;max-height:none;min-height:0;object-fit:contain;object-position:center}}