.mousepad-main{overflow:hidden;background:#03060b}
.mousepad-nav .mousepad-contact,.mousepad-primary{border:0;background:linear-gradient(135deg,#0769e7,#118df1 60%,#18d8ec);color:#fff;box-shadow:0 12px 34px #087fff3d}
.mousepad-hero{position:relative;min-height:720px;display:grid;align-items:center;padding:80px 0;background:radial-gradient(circle at 78% 22%,#0a5eb449 0,transparent 28%),radial-gradient(circle at 15% 45%,#05234b 0,transparent 30%),#03060b}
.mousepad-grid-glow{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#158aff22 1px,transparent 1px),linear-gradient(90deg,#158aff22 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent)}
.mousepad-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.mousepad-kicker,.mousepad-heading>span,.mousepad-how-card>div>span{display:inline-block;color:#4fc8ff;font-size:12px;font-weight:900;letter-spacing:2px}
.mousepad-hero h1{margin:14px 0 20px;font-size:clamp(50px,6.5vw,92px);line-height:.9;letter-spacing:-4px;text-transform:uppercase}
.mousepad-hero h1 em{color:#31bfff;font-style:normal;text-shadow:0 0 35px #1488ff77}
.mousepad-hero-copy>p{max-width:650px;color:#aab6c9;font-size:18px}
.mousepad-offer{display:flex;align-items:end;gap:12px;margin:27px 0 8px;padding:16px 18px;width:max-content;max-width:100%;border:1px solid #168fff5c;border-radius:18px;background:linear-gradient(135deg,#061425,#082d54);box-shadow:0 16px 50px #0008}
.mousepad-offer small{align-self:center;color:#80cfff;font-size:10px;font-weight:900;letter-spacing:1.5px}
.mousepad-offer strong{color:#fff;font-size:48px;line-height:.8}
.mousepad-offer sup{font-size:16px}.mousepad-offer strong em{color:#5cdbff;font-size:22px;font-style:normal}
.mousepad-offer>span{align-self:center;max-width:165px;color:#8795aa;font-size:10px}
.mousepad-stage{position:relative;min-height:470px;display:grid;place-items:center;perspective:900px}
.mousepad-surface{position:relative;width:min(620px,92%);aspect-ratio:1.8/1;border:3px solid #16bdf2;border-radius:26px;overflow:hidden;transform:rotateX(58deg) rotateZ(-8deg);background:radial-gradient(circle at 70% 20%,#157de4 0,transparent 24%),radial-gradient(circle at 22% 70%,#063366 0,transparent 30%),linear-gradient(135deg,#02050a,#061223 58%,#061c36);box-shadow:0 0 18px #16c8ff,0 0 70px #0d7fff66,0 50px 80px #000}
.mousepad-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 32%,#46dfff26 50%,transparent 68%)}
.mousepad-surface b{position:absolute;z-index:2;left:8%;bottom:12%;font-size:clamp(24px,3.5vw,54px);line-height:.9;letter-spacing:-2px;font-style:italic;text-shadow:0 0 28px #158aff}
.mp-bolt{position:absolute;right:12%;top:14%;width:105px;height:105px;display:grid;place-items:center;border:6px solid #4ad9ff;border-radius:28px;transform:rotate(45deg);color:#fff;font-size:60px;font-weight:950;box-shadow:0 0 45px #1488ff88}.mp-bolt::first-letter{transform:rotate(-45deg)}
.mp-ring{position:absolute;border:2px solid #168fff44;border-radius:50%}.ring-one{width:360px;height:360px;right:-90px;bottom:-170px}.ring-two{width:230px;height:230px;right:-30px;bottom:-110px}
.mousepad-shadow{position:absolute;width:78%;height:70px;bottom:30px;border-radius:50%;background:#087fff35;filter:blur(38px)}
.mousepad-categories{background:linear-gradient(180deg,#03060b,#060d17)}
.mousepad-heading{text-align:center;max-width:800px;margin:0 auto 36px}.mousepad-heading h2{margin:8px 0 10px;font-size:clamp(34px,4vw,56px);letter-spacing:-2px}.mousepad-heading p{color:#8f9db1}
.mousepad-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mousepad-category{position:relative;min-height:365px;padding:20px;border:1px solid #17304d;border-radius:24px;background:#080d15;overflow:hidden;transition:.22s}
.mousepad-category:hover{transform:translateY(-5px);border-color:#21bfff;box-shadow:0 20px 55px #0008,0 0 30px #168fff24}
.mousepad-category>span{display:inline-block;margin-top:18px;color:#4bbfff;font-size:11px;font-weight:900}.mousepad-category h3{margin:5px 0;font-size:27px}.mousepad-category p{color:#8d9aad;font-size:14px}.mousepad-category>b{position:absolute;bottom:20px;color:#73d9ff;font-size:12px}
.mini-pad{height:148px;border:2px solid #168fff;border-radius:15px;display:grid;place-items:center;transform:rotate(-3deg);background:linear-gradient(135deg,#041021,#0a4179);box-shadow:0 0 25px #158aff38}.mini-pad i{width:58px;height:58px;border:3px solid #62dcff;border-radius:16px;transform:rotate(45deg);box-shadow:0 0 24px #15aaff}
.cat-anime .mini-pad{background:radial-gradient(circle,#095b9f,transparent 34%),linear-gradient(135deg,#061324,#133b6e)}.cat-esports .mini-pad{background:linear-gradient(145deg,#071426 35%,#0d65b1 36% 42%,#08172d 43%)}.cat-custom .mini-pad{background:radial-gradient(circle at 30% 30%,#1488ff,transparent 20%),radial-gradient(circle at 70% 70%,#15cbe6,transparent 18%),#06101e}
.mousepad-how{background:#060d17}.mousepad-how-card{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:42px;border:1px solid #164b7e;border-radius:26px;background:linear-gradient(135deg,#071221,#09325b)}.mousepad-how-card h2{max-width:780px;margin:8px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-1.5px}.mousepad-how-card p{max-width:770px;color:#9aa8bb}.mousepad-footer{margin-top:0}
@media(max-width:980px){.mousepad-hero-grid{grid-template-columns:1fr}.mousepad-stage{min-height:390px}.mousepad-category-grid{grid-template-columns:repeat(2,1fr)}.mousepad-how-card{grid-template-columns:1fr}.mousepad-how-card .btn{justify-self:start}}
@media(max-width:650px){.mousepad-nav .mousepad-contact{margin-left:auto;font-size:11px;padding:0 12px}.mousepad-hero{min-height:auto;padding:55px 0}.mousepad-hero-grid{gap:24px}.mousepad-hero h1{font-size:48px;letter-spacing:-2.5px}.mousepad-hero-copy>p{font-size:15px}.mousepad-offer{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;width:100%}.mousepad-offer>span{grid-column:1/-1;max-width:none}.mousepad-stage{min-height:290px}.mousepad-surface{width:95%;border-radius:17px}.mp-bolt{width:68px;height:68px;border-width:4px;border-radius:18px;font-size:36px}.mousepad-category-grid{grid-template-columns:1fr}.mousepad-category{min-height:340px}.mousepad-how{padding-left:13px;padding-right:13px}.mousepad-how-card{padding:27px 20px}.mousepad-how-card .btn{width:100%}.mousepad-footer{padding-bottom:20px}}