/* Theme Name: OffersRD1 4K Pro Theme URI: https://offersrd1.com/ Author: OffersRD1 Description: Premium dark rewards and offers catalog theme, optimized for high-resolution displays and responsive layouts. Version: 1.0.0 Requires at least: 6.0 Requires PHP: 7.4 Text Domain: offersrd1-4k-pro License: GPL-2.0-or-later */ :root{--bg:#050914;--bg2:#080e1c;--panel:#0c1425;--panel2:#101a2f;--line:#24314d;--text:#f8f9ff;--muted:#9da9bf;--purple:#8b5cf6;--purple2:#b05cff;--cyan:#35b7ff;--max:1600px} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 600px at 50% -180px,#18234a 0%,transparent 60%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 64px),var(--max));margin:auto} .header{height:76px;background:rgba(5,9,20,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(104,125,170,.18);display:flex;align-items:center;padding:0 32px;gap:28px;position:sticky;top:0;z-index:50;max-width:none}.header>*{flex-shrink:0}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;white-space:nowrap}.logo img{width:43px;height:auto;image-rendering:auto}.tag{font-size:9px;color:#8996af;font-weight:600;margin-left:-4px;margin-top:28px}.header nav{display:flex;gap:25px;font-size:13px;color:#b9c3d7;flex:1;justify-content:center}.header nav a{transition:.2s}.header nav a:hover{color:#fff}.top-search{width:205px;height:38px;border:1px solid #2a3957;border-radius:22px;color:#71809c;display:flex;align-items:center;padding:0 14px;font-size:12px;background:#080f20}.lang{font-size:13px;color:#d5dbea}.login{background:linear-gradient(100deg,#7043e8,#ad58f7);padding:11px 18px;border-radius:9px;font-size:12px;font-weight:900;box-shadow:0 8px 24px rgba(135,76,239,.22)} .hero{height:500px;position:relative;overflow:hidden;background:#070d1b url('assets/hero-art.jpg') right center/1128px 500px no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070d19 0%,#070d19 32%,rgba(7,13,25,.92) 43%,rgba(7,13,25,.35) 65%,rgba(7,13,25,0) 100%)}.hero-inner{position:relative;height:100%;display:flex;align-items:center;padding:0 32px}.hero-copy{max-width:650px;margin-top:-10px}.eyebrow{display:inline-flex;background:rgba(44,27,82,.75);color:#b891ff;border:1px solid #4a3380;border-radius:16px;padding:8px 13px;font-size:11px;font-weight:900;letter-spacing:.6px}h1{font-size:62px;line-height:1.02;margin:18px 0 17px;max-width:650px;letter-spacing:-2.5px}h1 span{color:#a967ff}.hero p{font-size:16px;line-height:1.65;color:#aeb9cc;max-width:610px;margin:0 0 23px}.search{width:560px;height:54px;background:#fff;border-radius:12px;display:flex;align-items:center;padding:5px 6px 5px 17px;box-shadow:0 12px 40px rgba(0,0,0,.2)}.search input{border:0;outline:0;flex:1;font-size:14px;color:#3b4150}.search button{height:42px;border:0;border-radius:9px;padding:0 25px;background:linear-gradient(100deg,#7848e8,#a951f5);color:#fff;font-weight:900;font-size:13px;cursor:pointer}.trust{display:flex;gap:28px;margin-top:19px;font-size:11px;color:#d2d8e5}.trust b{color:#fff} .section{padding:38px 32px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-title h2{font-size:27px;margin:0;letter-spacing:-.7px}.section-title p{margin:0;color:#8390a8;font-size:12px}.cats{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}.cat{background:linear-gradient(180deg,#0e172a,#0b1323);border:1px solid #25324e;border-radius:13px;min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.2s;box-shadow:0 8px 25px rgba(0,0,0,.12)}.cat:hover,.offer:hover,.pop:hover{transform:translateY(-4px);border-color:#8050ee;box-shadow:0 15px 34px rgba(0,0,0,.28)}.cat img{width:58px;height:58px;object-fit:contain;display:block}.cat span{font-size:11px;color:#e4e8f1;font-weight:800} .popular{padding-top:4px}.popular-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.pop{background:#0d1629;border:1px solid #25314b;border-radius:13px;overflow:hidden;transition:.2s;box-shadow:0 9px 24px rgba(0,0,0,.14)}.pop img{width:100%;height:175px;object-fit:cover;object-position:center;display:block}.pop .body{padding:14px}.pop h3{font-size:14px;margin:0 0 7px}.pop p{font-size:11px;color:#8f9bb1;line-height:1.45;height:32px;margin:0 0 13px}.btn{display:block;text-align:center;background:linear-gradient(100deg,#7748e9,#aa52f5);border-radius:8px;padding:10px 8px;font-size:11px;font-weight:900;box-shadow:0 7px 18px rgba(127,73,232,.2)} .all{padding-top:10px}.mega-head{background:linear-gradient(100deg,#101a30,#121d34);border:1px solid #283653;border-radius:16px;padding:22px 22px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(0,0,0,.14)}.mega-head h2{margin:0;font-size:28px}.mega-head span{font-size:12px;color:#909db5}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.offer{background:linear-gradient(180deg,#101a2e,#0c1425);border:1px solid #25324d;border-radius:14px;overflow:hidden;transition:.2s;min-width:0;box-shadow:0 9px 25px rgba(0,0,0,.16)}.offer img{width:100%;height:225px;object-fit:cover;object-position:center;display:block;background:#0a1020}.offer .body{padding:15px}.pill{display:inline-block;font-size:9px;font-weight:900;color:#cfbcff;background:#24184b;border:1px solid #37256b;border-radius:12px;padding:5px 8px;margin-bottom:8px}.offer h3{font-size:15px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer p{font-size:11px;color:#909cb3;margin:0 0 13px;min-height:30px;line-height:1.4}.offer .btn{background:linear-gradient(100deg,#7546e8,#b052f7)} .lower{display:grid;grid-template-columns:1.55fr 1fr .6fr;gap:16px;padding:28px 32px}.panel{background:linear-gradient(180deg,#0e172a,#0b1323);border:1px solid #25324d;border-radius:14px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.14)}.panel h3{margin:0 0 14px;font-size:15px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.catalog{background:#121d32;border:1px solid #1e2a43;border-radius:9px;padding:7px;display:flex;align-items:center;gap:8px}.catalog img{width:54px;height:48px;object-fit:cover;border-radius:7px}.catalog span{font-size:10px;font-weight:800}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.game{display:flex;gap:8px;align-items:center;background:#121d32;border:1px solid #1e2a43;border-radius:8px;padding:6px}.game img{width:62px;height:45px;object-fit:cover;border-radius:6px}.game span{font-size:10px;font-weight:800}.quick{display:grid;gap:9px}.quick a{background:#121d32;border:1px solid #1e2a43;border-radius:8px;padding:11px;font-size:10px;font-weight:800;color:#cbd3e2}.cta{height:155px;background:url('assets/cta.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-top:1px solid #202d48;border-bottom:1px solid #202d48}.cta h2{font-size:27px;margin:0 0 7px}.cta p{font-size:11px;color:#c4ccda;margin:0}.cta .btn{width:135px;padding:13px}.footer{min-height:190px;padding:28px 32px;background:#060b16;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer .logo{font-size:20px}.footer p{font-size:10px;color:#7f8ba2;max-width:330px;line-height:1.6}.footer h4{font-size:11px;margin:2px 0 11px}.footer a{font-size:10px;color:#8894aa;display:block;margin:7px 0}.copy{grid-column:1/-1;border-top:1px solid #1c273c;padding-top:12px;font-size:9px;color:#69758b;display:flex;justify-content:space-between} @media(max-width:1300px){:root{--max:1200px}.hero{height:430px;background-size:970px 430px}.hero-copy{max-width:560px}h1{font-size:52px}.hero p{font-size:14px}.cats{gap:8px}.cat{min-height:100px}.cat img{width:50px;height:50px}.pop img{height:145px}.offer img{height:190px}} @media(max-width:900px){.wrap{width:min(calc(100% - 36px),var(--max))}.header{padding:0 18px;height:68px}.header nav,.top-search{display:none}.hero{height:470px;background-size:auto 360px;background-position:center bottom}.hero:before{background:linear-gradient(180deg,#070d19 0%,#070d19 47%,rgba(7,13,25,.5) 100%)}.hero-inner{padding:30px 0;align-items:flex-start}.hero-copy{max-width:100%}h1{font-size:47px;max-width:620px}.hero p{max-width:600px}.search{width:min(560px,100%)}.cats{grid-template-columns:repeat(5,1fr)}.popular-grid{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr 1fr;padding:22px 18px}.lower .panel:first-child{grid-column:1/-1}.section{padding:30px 18px}.cta{padding:0 18px}.footer{padding:25px 18px;grid-template-columns:1fr 1fr}} @media(max-width:560px){.header{height:58px}.logo{font-size:18px}.logo img{width:36px}.logo .tag{display:none}.hero{height:500px;background-size:auto 240px}.hero-inner{padding:28px 0}.eyebrow{font-size:9px}h1{font-size:35px;letter-spacing:-1.2px}.hero p{font-size:12px}.search{height:48px}.search button{height:38px;padding:0 17px}.trust{gap:9px;flex-wrap:wrap;font-size:9px}.section-title h2{font-size:21px}.cats{grid-template-columns:repeat(2,1fr)}.popular-grid,.grid{grid-template-columns:1fr}.pop img{height:210px}.offer img{height:230px}.lower{grid-template-columns:1fr;padding:15px}.lower .panel:first-child{grid-column:auto}.catalog-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr}.copy{grid-column:auto;display:block}.copy span{display:block;margin-top:7px}.cta{height:175px}.cta h2{font-size:21px}} @media(min-width:1900px){:root{--max:1760px}.hero{height:560px;background-size:1260px 560px}.hero-copy{max-width:720px}h1{font-size:70px}.hero p{font-size:17px}.search{width:620px}.cat{min-height:132px}.cat img{width:64px;height:64px}.pop img{height:195px}.offer img{height:245px}}