@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#08151b;--panel:#0d2229;--panel2:#102c32;--text:#f3faf6;--muted:#b4c9c8;--lime:#b6f65b;--blue:#64c7db;--line:#254048}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 'DM Sans',sans-serif}a{color:var(--lime)}a:hover{color:#fff}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.top{position:relative;z-index:5;background:#071218;border-bottom:1px solid #263c40}.top-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand,.foot-brand{font:800 35px/1 Manrope,sans-serif;color:#fff;text-decoration:none;letter-spacing:-2px}.brand span,.foot-brand span{color:var(--lime)}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{color:#d6e8e6;text-decoration:none;font-size:13px;font-weight:700}nav a:hover{color:var(--lime)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:470px;background:#08151b;border-bottom:1px solid #28414a}.hero:before{content:'';position:absolute;z-index:-2;inset:0 0 0 40%;background:url('./pixbet-hero.webp') center/cover no-repeat}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#08151b 0%,#08151b 32%,#08151bf4 47%,#08151b55 77%,#08151b10 100%)}.hero .shell{padding-block:76px}.hero-content{max-width:630px;width:56%}.kicker,.overline{font:800 12px Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.22}h1{font-size:clamp(42px,5.3vw,72px);letter-spacing:-.055em;margin:16px 0 18px}h1 em{color:var(--lime);font-style:normal}.hero p{font-size:18px;color:#e5f0ee;line-height:1.65;max-width:610px}.affiliate-cta{display:inline-flex;gap:20px;align-items:center;justify-content:center;border:0;border-radius:9px;padding:18px 32px;background:var(--lime);color:#07151a;font:800 17px Manrope,sans-serif;margin-top:16px;box-shadow:0 12px 34px #b6f65b33}.affiliate-cta:disabled{opacity:1;cursor:default}.inner-hero{min-height:325px}.inner-hero .shell{padding-block:50px}.inner-hero h1{font-size:clamp(35px,4vw,55px)}.inner-hero .hero-content{width:66%}.crumb{font-size:13px;color:#d1e4e2;margin-bottom:22px}.crumb a{color:var(--lime)}.feature-band{background:#10272d;border-bottom:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:23px}.features>div{display:grid;grid-template-columns:32px 1fr;column-gap:12px}.features span{grid-row:span 2;color:var(--lime);font:800 23px Manrope,sans-serif}.features strong{font-size:15px}.features small{color:var(--muted);font-size:12px}.content{padding-block:66px 90px}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:58px;align-items:start;margin-bottom:65px}.intro-grid h2{font-size:clamp(30px,3vw,43px);margin:14px 0}.intro-grid p,.home-article p{color:#cadbd8;font-size:17px}.side-panel{background:linear-gradient(145deg,#16383a,#0d242b);border:1px solid #325658;border-radius:18px;padding:25px;display:grid;gap:14px}.side-panel strong{font:800 18px Manrope,sans-serif}.side-panel a{color:#d7f8cc;text-decoration:none;border-bottom:1px solid #35575a;padding-bottom:9px;font-size:14px}.home-steps,.topic-grid-section{margin:70px 0}.home-steps h2,.topic-grid-section h2{font-size:36px;margin:12px 0 27px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid article,.topic-card{border:1px solid var(--line);background:#10262c;border-radius:16px;padding:27px}.steps-grid b{font:800 30px Manrope;color:var(--lime)}.steps-grid h3{margin:14px 0 9px}.steps-grid p,.topic-card p{color:#bfd1d0;font-size:14px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-card{text-decoration:none;color:#fff;min-height:215px;display:flex;flex-direction:column;transition:transform .2s,background .2s}.topic-card:hover{transform:translateY(-3px);background:#17343b}.topic-card h3{margin:13px 0 4px;font-size:19px}.topic-mark{font-size:23px;color:var(--lime)}.readmore{color:var(--lime);font-size:13px;font-weight:800;margin-top:auto}.home-article{border-top:1px solid var(--line);padding:30px 0}.home-article h2{font-size:29px}.home-article p{max-width:850px}.detail-block{display:grid;grid-template-columns:65px 1fr;gap:18px;padding:36px 0;border-top:1px solid var(--line)}.detail-block .number{font:800 27px Manrope;color:var(--lime)}.detail-block h2{font-size:27px;margin:0 0 12px}.detail-block p{max-width:880px;color:#c5d9d6;margin:0 0 15px}.tip{background:#14343a;border:1px solid #355a5d;border-radius:17px;padding:26px 32px;margin:40px 0}.tip h2{margin-top:0}.tip li{padding:5px 0}.next{margin-top:65px;background:linear-gradient(120deg,#183c3d,#0e262d);border:1px solid #31585a;border-radius:20px;padding:32px}.next h2{margin:0 0 12px}.next p{color:var(--muted)}.link-row{display:flex;gap:22px;flex-wrap:wrap}.link-row a{font-weight:700;text-decoration:none}.faq-group{font-size:29px;margin:50px 0 20px}.faq{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font:700 17px Manrope,sans-serif;list-style-position:outside;padding:9px}.faq p{color:#c6d9d5;padding:0 20px;max-width:900px}footer{background:#061014;border-top:1px solid var(--line);padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer-grid p{max-width:400px;color:#a6bcb9;font-size:14px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid strong:not(.foot-brand){margin-bottom:10px}.footer-grid a{color:#c6d9d6;text-decoration:none;font-size:14px}.legal{border-top:1px solid #20353a;margin-top:32px;padding-top:19px;color:#8ea6a5;font-size:12px}@media(max-width:1000px){.topic-grid{grid-template-columns:repeat(2,1fr)}nav{gap:10px}.hero-content{width:67%}.hero:before{inset-inline-start:32%}.intro-grid{gap:28px}}@media(max-width:700px){.shell{width:calc(100% - 32px)}.top-inner{min-height:70px}.brand{font-size:31px}.menu-toggle{display:block;background:#193138;border:1px solid #36555b;border-radius:8px;padding:10px 14px;color:#fff;font-weight:700}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0d242c;padding:20px;box-shadow:0 15px 30px #0008}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero{min-height:430px}.hero:before{inset:0;opacity:.34;background-position:68% center}.hero:after{background:linear-gradient(90deg,#08151bf5,#08151bdc)}.hero .shell{padding-block:53px}.hero-content,.inner-hero .hero-content{width:100%}.hero h1{font-size:clamp(38px,10vw,57px)}.hero p{font-size:16px}.inner-hero{min-height:320px}.features{grid-template-columns:repeat(2,1fr);gap:18px}.intro-grid,.footer-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr 1fr}.detail-block{grid-template-columns:1fr;gap:0}.detail-block .number{margin-bottom:12px}.content{padding-block:43px}.home-steps h2,.topic-grid-section h2{font-size:30px}}@media(max-width:440px){.topic-grid,.features{grid-template-columns:1fr}.topic-card{min-height:170px}.affiliate-cta{width:100%;padding-inline:14px}.hero h1{font-size:39px}}

/* Pixbet brand identity — user-provided logo and visual reference */
:root{--bg:#041126;--panel:#071d3c;--panel2:#092e56;--text:#f6fbff;--muted:#bed6e9;--lime:#baff00;--blue:#04a9f5;--line:#1b5285}
body{background:var(--bg)}
.top{background:linear-gradient(105deg,#0068bc,#007cd6 65%,#005ab1);border-bottom:1px solid #158cdd}
.top-inner{min-height:84px}
.brand,.foot-brand{display:inline-flex;align-items:center;line-height:1;letter-spacing:normal}
.brand-logo{width:174px;height:auto;display:block;max-height:66px;object-fit:contain}
.foot-brand .brand-logo{width:162px}
nav a{color:#f2faff}nav a:hover{color:var(--lime)}
.hero{background:linear-gradient(115deg,#061a39,#073b78);border-bottom:1px solid #0e72ba}
.hero:before{inset:0 0 0 45%;background:url('./pixbet-brand-scene.webp') center right/cover no-repeat;opacity:.96}
.hero:after{background:linear-gradient(90deg,#05132c 0%,#05132c 34%,#05132ce9 48%,#05132c80 67%,#05132c00 100%)}
.kicker,.overline{color:#2fb9ff}
.affiliate-cta{background:#baff00;color:#062037;box-shadow:0 12px 30px #baff0033}
.feature-band{background:#06254b;border-bottom:1px solid #155b94}
.side-panel,.steps-grid article,.topic-card,.tip,.next{background:#09284c;border-color:#1c5b8f}
.topic-card:hover{background:#103b67}
footer{background:#031020}
.menu-toggle{background:#03529c;border-color:#2c9bdf}
@media(max-width:700px){.brand-logo{width:145px}.hero:before{inset:0;opacity:.27;background-position:center}.hero:after{background:linear-gradient(90deg,#04142beF,#04142bd9)}nav{background:#06336b}}

/* Pixbet BR Login: editorial stadium edition */
:root{--bg:#06142d;--panel:#0a2446;--panel2:#10345e;--text:#f6fbff;--muted:#bdd1e8;--lime:#b4ff00;--blue:#169bf3;--line:#254b77}
body{background:linear-gradient(160deg,#06142d 0%,#08264d 52%,#06142d 100%)}
.top{background:#0663b9;border-bottom:1px solid #3188d7}.top-inner{min-height:88px}.top nav a{color:#f5fbff}.top nav a:hover{color:#b4ff00}
.hero{background:#041b3c;min-height:490px}.hero:before{background-image:url('./pixbet-stadium-login.webp')!important;background-position:center right!important;background-size:cover!important;opacity:1!important;left:43%!important;right:0!important;inset-block:0!important}.hero:after{background:linear-gradient(90deg,#041b3c 0%,#041b3c 34%,#041b3ce8 48%,#041b3c33 78%,transparent 100%)!important}
.hero .shell.hero-content{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto;padding:75px 0 85px}.hero .hero-copy{width:54%;max-width:620px}.hero h1{font-size:clamp(2.7rem,5.3vw,5.2rem);letter-spacing:-.055em;line-height:1.08}.hero p{max-width:600px}.hero .affiliate-cta,.affiliate-cta{background:#b4ff00!important;color:#071629!important;border-radius:9px;font-weight:800;box-shadow:0 12px 35px #a6f40025}.affiliate-cta:disabled{opacity:1!important;cursor:default}
.content{padding-top:52px}.content h2{letter-spacing:-.025em}.content section{scroll-margin-top:30px}.home-article,.topic-grid-section,.home-steps{border-color:#245285!important}.topic-grid-section{background:#08274a!important}.home-article{background:#0b2445!important}
.topic-grid-section a,.home-steps a{transition:transform .2s ease,border-color .2s ease}.topic-grid-section a:hover{transform:translateY(-3px);border-color:#b4ff00}
.brand img,.foot-brand img{max-width:178px;height:auto}.top .brand img{max-width:175px}
.px-fieldguide{margin:28px 0 42px;padding:28px 32px;background:linear-gradient(120deg,#0d315c,#0a1f3d);border:1px solid #2e6193;border-radius:18px}.px-fieldguide h2{margin:0 0 15px}.px-fieldguide p{margin:0 0 14px}.px-fieldguide ul{padding-left:21px}.px-fieldguide li{margin:10px 0}.px-fieldguide .mini-label{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#b4ff00}
@media(max-width:900px){.hero:before{left:31%!important;opacity:.6!important}.hero:after{background:linear-gradient(90deg,#041b3cfb 0%,#041b3cf0 45%,#041b3c66 100%)!important}.hero .hero-copy{width:75%}}
@media(max-width:640px){.hero{min-height:auto}.hero:before{left:0!important;opacity:.3!important}.hero:after{background:linear-gradient(90deg,#041b3cf7,#041b3cce)!important}.hero .shell.hero-content{width:calc(100% - 32px);padding:50px 0 60px}.hero .hero-copy{width:100%}.hero h1{font-size:clamp(2.3rem,10vw,3.8rem)}.px-fieldguide{padding:22px 20px}}