@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0e0d;--panel:#151916;--line:#2b332d;--green:#b0ff36;--muted:#9da69f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f2f5f0;font-family:Inter,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,.button{cursor:pointer;border:1px solid var(--line);background:#202720;color:white;padding:12px 18px;border-radius:5px;font-weight:600}button:hover,.button:hover{border-color:var(--green)}button.primary,.button.primary{background:var(--green);color:#15200b;border-color:var(--green)}.demo{padding:9px 6%;background:#1b2417;color:#c1e89e;font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}.demo span{letter-spacing:0;color:#bdc8b8}header{height:90px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:0 6%}.logo{font-size:21px;letter-spacing:-1px;font-weight:900;white-space:nowrap}.logo span{color:var(--green)}.logo small{font-size:10px;color:var(--muted);letter-spacing:0}.mark{display:inline-flex;background:var(--green);color:#10180b;width:34px;height:34px;align-items:center;justify-content:center;margin-right:8px;border-radius:7px;transform:skew(-7deg)}nav{display:flex;gap:27px;margin-left:auto;color:#bac1bb}nav a:hover{color:var(--green)}.adminlink{padding:10px 14px;border:1px solid var(--line);border-radius:5px;color:#c5cec4}main{min-height:65vh}.hero{position:relative;overflow:hidden;padding:66px 6% 45px;min-height:420px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:radial-gradient(ellipse at 78% 55%,#263b1d 0,transparent 49%)}.eyebrow{font-size:10px;color:var(--green);font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;gap:10px;align-items:center}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%}h1,h2,h3{font-family:'Barlow Condensed',Impact,Arial,sans-serif}h1{font-size:clamp(46px,6.6vw,86px);line-height:.99;text-transform:uppercase;margin:21px 0;letter-spacing:-1px}h1 em{font-style:normal;color:var(--green)}.hero p{color:var(--muted);font-size:15px;line-height:1.8;max-width:400px}.hero .button{display:inline-block;margin-top:17px}.hero-art{height:300px;position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}.halo{position:absolute;width:300px;height:300px;border:1px solid #648d3b;border-radius:50%;box-shadow:0 0 80px #a5ff1520,inset 0 0 50px #a5ff1518}.halo:after{content:'';position:absolute;inset:25px;border:1px dashed #456030;border-radius:50%}.controller{position:relative;width:280px;height:165px;background:linear-gradient(150deg,#555e55,#222822 45%,#101610);border-radius:70px 70px 45px 45px;border:2px solid #636e60;box-shadow:0 25px 45px #000a,inset 0 3px 5px #ffffff40}.controller:before,.controller:after{content:'';position:absolute;bottom:-38px;width:70px;height:100px;background:linear-gradient(#2b3429,#171e16);border:2px solid #56624c;border-top:0;border-radius:10px 10px 40px 40px;z-index:-1}.controller:before{left:0;transform:rotate(18deg)}.controller:after{right:0;transform:rotate(-18deg)}.cross{position:absolute;left:38px;top:54px;font-size:55px;line-height:40px;color:#090d08;text-shadow:0 1px #6a7663}.sticks{position:absolute;left:100px;top:100px;display:flex;gap:28px}.sticks i{width:29px;height:29px;border:5px solid #060a05;background:#34452b;border-radius:50%;box-shadow:0 0 0 2px #57684a}.keys{position:absolute;right:32px;top:46px;width:57px;height:57px;display:grid;grid-template-columns:1fr 1fr;transform:rotate(45deg);gap:6px}.keys i{border-radius:50%;background:#a8ef36;border:4px solid #26321c;box-shadow:0 0 8px #acff3a44}.art-label{position:absolute;bottom:-5px;right:10%;background:#192015;padding:12px 16px;border:1px solid #4a6433;border-radius:5px;transform:rotate(8deg);font-size:10px;color:#c7d4bc}.benefits{display:flex;justify-content:space-between;padding:22px 6%;border-block:1px solid var(--line);color:#adb8ae;font-size:12px}.benefits b{color:var(--green);margin-right:8px}.section{padding:38px 6%}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:15px}.section-head h2{font-size:31px;text-transform:uppercase;margin:0}.section-head p{color:var(--muted);font-size:12px}.cats{display:flex;gap:10px;flex-wrap:wrap}.cats button{background:#161c17;min-width:125px;color:#b9c4b7}.cats button.active{border-color:var(--green);color:var(--green);background:#1b2912}.tools{display:flex;gap:12px;margin-bottom:23px}.search{flex:1;position:relative}input,select,textarea{border:1px solid var(--line);border-radius:5px;background:#141a15;color:#edf4ea;padding:13px;width:100%}.tools select{width:190px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px);border-color:#58783c}.visual{height:175px;background:radial-gradient(ellipse,#34452b 0,#1a211b 50%,#151916 80%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual svg{width:155px;height:125px;filter:drop-shadow(0 12px 10px #0008)}.badge{position:absolute;left:14px;top:13px;font-size:9px;letter-spacing:1px;background:#2c3920;padding:5px 7px;color:#b7de94;border-radius:3px}.card-body{padding:18px}.meta{font-size:9px;color:var(--green);letter-spacing:1px;text-transform:uppercase}.card h3{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;margin:9px 0;min-height:42px}.price{font-size:23px;font-weight:800;margin:8px 0}.price small{font-size:10px;font-weight:400;color:var(--muted)}.card .button{display:block;text-align:center;padding:10px;font-size:12px;margin-top:15px}.note{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.6}.empty{padding:50px;text-align:center;color:var(--muted);grid-column:1/-1}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how article{border-top:1px solid var(--line);padding-top:24px}.how strong{color:var(--green);font-size:12px}.how h3{font-size:24px;margin:12px 0}.how p{color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);padding:35px 6%;color:var(--muted);font-size:12px}footer p{max-width:620px;line-height:1.8}footer div{display:flex;gap:25px;margin:22px 0}footer small{font-size:10px}.product{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:28px}.product .visual{height:400px;border:1px solid var(--line);border-radius:10px}.product .visual svg{width:300px;height:280px}.product h1{font-size:47px}.product p{color:var(--muted);line-height:1.9}.offer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--line);margin:12px 0;border-radius:6px}.offer p{margin:3px 0;font-size:11px}.offer b{font-size:17px}.back{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);padding:23px;border-radius:8px;margin:18px 0}.notice{border-left:3px solid var(--green);background:#182114;padding:16px;color:#bdcdb2;line-height:1.8;font-size:12px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;color:#bbc4b7;font-size:12px}label input,label select,label textarea{margin-top:7px}.wide{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line);font-size:12px}td button{padding:7px 10px;margin:2px}#toast{position:fixed;bottom:24px;right:24px;background:var(--green);color:#13200b;padding:14px 22px;border-radius:5px;display:none;z-index:10}.prose{max-width:820px;line-height:1.9;color:#b7c2b1}.prose h1{color:white;font-size:48px}.prose h2{color:white;font-size:28px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}nav{gap:15px}.logo{font-size:17px}.hero-art{transform:scale(.85) rotate(-8deg)}}@media(max-width:720px){header{height:auto;min-height:80px;padding:18px 5%;flex-wrap:wrap;gap:18px}nav{order:3;width:100%;justify-content:space-between;font-size:12px}.adminlink{margin-left:auto;font-size:11px}.hero{padding:35px 5%;grid-template-columns:1fr}.hero h1{font-size:58px}.hero-art{height:255px;margin-top:20px}.demo{font-size:8px;gap:12px}.demo span{max-width:180px;text-align:right}.benefits{gap:12px;flex-wrap:wrap;font-size:10px}.section{padding:28px 5%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card-body{padding:12px}.visual{height:140px}.card h3{font-size:12px;min-height:54px}.price{font-size:19px}.tools{flex-wrap:wrap}.tools select{width:100%}.how,.product{grid-template-columns:1fr}.product{gap:20px}.product .visual{height:270px}.admin-form{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:14px;overflow:auto}.offer{flex-wrap:wrap}.cats button{min-width:auto;font-size:11px;padding:10px}.section-head h2{font-size:27px}}
/* GamerLouco • identidade oficial vermelha, preta e branca */
:root{--bg:#0b0b0d;--panel:#171719;--line:#343437;--green:#ff1533;--muted:#b0aeb4}body{background:#0b0b0d}.demo{background:#ec0927;color:#fff}.demo span{color:#fff}header{height:118px;background:#fff;border-bottom:5px solid #ed0828;gap:30px}.logo{display:inline-block;background:#fff url('gamerlouco-logo.png') center/contain no-repeat;width:132px;height:102px;flex-shrink:0;font-size:0!important;letter-spacing:0}.logo span,.logo small,.logo .mark{display:none}header nav{color:#171719;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.6px}.adminlink{background:#101014;color:#fff;border-color:#101014;transform:skew(-5deg)}.hero{min-height:530px;grid-template-columns:1fr 1fr;background:linear-gradient(116deg,#111114 0%,#111114 51%,#fff 51%,#fff 100%);padding-top:44px;padding-bottom:44px}.hero h1{font-weight:800;font-style:italic;font-size:clamp(56px,6.8vw,90px);text-shadow:3px 3px 0 #000;letter-spacing:-1.5px}.hero h1 em{color:#ff1736}.hero p{color:#c5c1c6}.hero-art{height:420px;background:url('gamerlouco-logo.png') center/contain no-repeat;transform:none;margin:0 -3% 0 3%}.hero-art>*{display:none}.eyebrow{color:#ff304a}.button.primary,button.primary{background:#ed0929;color:#fff;border-color:#ed0929;box-shadow:4px 4px 0 #700014}.button.primary:hover,button.primary:hover{background:#ff2946}.benefits{background:#f5f3f2;color:#302b2e;border:0;padding-top:23px;padding-bottom:23px;font-weight:600}.benefits b{color:#db0023}.section-head h2{font-style:italic;font-weight:800}.cats button{background:#19191c;color:#dedbe0;transform:skew(-5deg);border-radius:2px;text-transform:uppercase;font-weight:800}.cats button.active{background:#ed0929;color:white;border-color:#ed0929}.card{background:#19191c;border-color:#353238;border-radius:3px}.card:hover{border-color:#ff1736}.visual{background:radial-gradient(ellipse at 50% 45%,#48242c 0,#252026 50%,#19191c 83%)}.badge{color:#fff;background:#c90929;border-radius:0;font-weight:700}.meta{color:#ff4c64}.card .button{border-radius:2px;background:#f3f1f0;color:#151216;border:0;font-weight:800}.card .button:hover{background:#ff1838;color:white}.price{color:white}.notice{background:#29171d;color:#f1c7d0;border-left-color:#ff1736}input,select,textarea{background:#19171c;color:#f5f2f5;border-color:#433b44}input:focus,select:focus,textarea:focus{outline:2px solid #ff1736}.how strong{color:#ff3651}.how h3{font-style:italic}.panel{background:#171519}.product h1{font-style:italic}.offer{background:#19171c}footer{border-top:4px solid #ed0929;background:#111114}footer .logo{height:125px;width:150px;border-radius:3px}#toast{background:#ed0929;color:white}::selection{background:#ed0929;color:white}@media(max-width:720px){header{height:auto;min-height:115px;padding:10px 5%;gap:10px}.logo{width:105px;height:90px}header nav{font-size:10px}.hero{background:linear-gradient(#111114 0%,#111114 58%,#fff 58%,#fff 100%);grid-template-columns:1fr;padding-bottom:20px}.hero-art{height:310px;margin:30px 0 0}.hero h1{font-size:62px}.benefits{line-height:1.7}.section-head{align-items:flex-start}.section-head p{max-width:160px;text-align:right}.product h1{font-size:42px}.cats button{padding:12px}.adminlink{margin-left:auto}}