:root{   --bg:#050505;   --bg-soft:#090909;   --panel:#0d0d0d;   --panel-2:#121212;   --line:#252525;   --red:#ff1f1f;   --red-2:#b90000;   --text:#ffffff;   --muted:#898989; }  *{   margin:0;   padding:0;   box-sizing:border-box; }  html{   scroll-behavior:smooth; }  body{   background:     radial-gradient(circle at 50% -10%,rgba(255,0,0,.08),transparent 30%),     var(--bg);   color:var(--text);   font-family:Tahoma,Arial,sans-serif;   line-height:1.8;   overflow-x:hidden; }  a{   color:inherit;   text-decoration:none; }  button{   font:inherit; }  .site-header{   position:fixed;   top:0;   left:0;   right:0;   z-index:1000;   background:rgba(5,5,5,.78);   backdrop-filter:blur(18px);   -webkit-backdrop-filter:blur(18px);   border-bottom:1px solid rgba(255,255,255,.06); }  .header-inner{   width:min(1180px,92%);   height:66px;   margin:auto;   display:flex;   align-items:center;   justify-content:space-between; }  .rr-brand{   display:flex;   align-items:center;   gap:10px;   direction:ltr; }  .rr-logo-mini{   width:44px;   height:44px;   display:flex;   align-items:center;   justify-content:center;   gap:0;   border-radius:12px;   background:     linear-gradient(145deg,#2b2b2b,#090909);   border:1px solid #452020;   box-shadow:     inset 0 0 16px rgba(255,255,255,.05),     0 0 20px rgba(255,0,0,.10);   font-size:20px;   font-weight:900;   font-style:italic;   letter-spacing:-5px;   transform:skewX(-7deg); }  .rr-silver{   color:#d8d8d8;   text-shadow:     0 1px #fff,     0 -1px #5d5d5d; }  .rr-red{   color:var(--red);   text-shadow:     0 0 8px rgba(255,31,31,.75),     0 0 18px rgba(255,0,0,.35); }  .brand-text{   display:flex;   flex-direction:column;   line-height:1.1; }  .brand-text strong{   font-size:13px;   letter-spacing:3px; }  .brand-text small{   margin-top:5px;   font-size:7px;   color:#6f6f6f;   letter-spacing:2px; }  .menu-toggle{   width:42px;   height:42px;   border:1px solid #272727;   border-radius:11px;   background:#101010;   padding:9px 10px; }  .menu-toggle span{   display:block;   height:2px;   background:#eee;   border-radius:10px;   margin:4px 0; }  .mobile-drawer{   display:none;   width:100%;   background:#090909;   border-top:1px solid #171717;   padding:7px 4% 12px; }  .mobile-drawer.open{   display:grid; }  .mobile-drawer a{   padding:12px 2px;   font-size:13px;   color:#aaa;   border-bottom:1px solid #181818; }  .hero{   min-height:100vh;   padding:110px 0 35px;   position:relative;   overflow:hidden; }  .hero-bg{   position:absolute;   inset:0;   background:     linear-gradient(to bottom,rgba(255,255,255,.02),transparent 25%),     radial-gradient(circle at 70% 40%,rgba(130,0,0,.16),transparent 30%),     radial-gradient(circle at 20% 30%,rgba(255,0,0,.08),transparent 24%); }  .hero-red-glow{   position:absolute;   width:320px;   height:320px;   border-radius:50%;   background:#ff0000;   filter:blur(150px);   opacity:.08; }  .glow-left{   left:-160px;   top:100px; }  .glow-right{   right:-160px;   bottom:50px; }  .hero-inner{   width:min(1180px,92%);   margin:auto;   position:relative;   z-index:2; }  .hero-copy{   text-align:center;   max-width:680px;   margin:0 auto; }  .hero-kicker{   display:inline-flex;   align-items:center;   gap:9px;   margin-bottom:18px;   color:#ff7777;   font-size:10px;   letter-spacing:3px;   direction:ltr; }  .hero-kicker span{   width:28px;   height:1px;   background:#562020; }  .hero h1{   font-size:clamp(43px,10vw,72px);   line-height:1.18;   letter-spacing:-2px;   margin-bottom:18px; }  .hero h1 em{   color:var(--red);   font-style:normal;   text-shadow:0 0 30px rgba(255,0,0,.18); }  .hero-copy>p{   max-width:560px;   margin:0 auto 26px;   color:#949494;   font-size:14px; }  .hero-actions{   display:grid;   gap:10px;   max-width:390px;   margin:auto; }  .btn-main, .btn-ghost{   min-height:50px;   border-radius:13px;   display:flex;   align-items:center;   justify-content:center;   gap:8px;   padding:11px 18px;   font-size:13px;   font-weight:700; }  .btn-main{   background:linear-gradient(180deg,#ff2b2b,#df1010);   border:1px solid #ff3c3c;   box-shadow:     0 10px 30px rgba(255,0,0,.17),     inset 0 1px rgba(255,255,255,.14); }  .btn-ghost{   background:rgba(14,14,14,.88);   border:1px solid #292929;   color:#d4d4d4; }  .arrow{   margin-right:auto;   opacity:.6; }  .telegram-icon, .grid-icon{   margin-left:auto; }
.hero-visual{   margin-top:34px;   min-height:390px;   position:relative;   display:grid;   place-items:center; }  .cyber-figure{   position:relative;   width:270px;   height:340px; }  .helmet-shell{   position:absolute;   top:8px;   left:50%;   transform:translateX(-50%);   width:210px;   height:250px;   border-radius:48% 48% 40% 40%;   background:     linear-gradient(130deg,transparent 22%,rgba(255,255,255,.10) 23%,transparent 25%),     radial-gradient(circle at 55% 22%,#3a3a3a,#171717 34%,#060606 72%);   border:1px solid #3a2020;   box-shadow:     0 0 70px rgba(255,0,0,.12),     inset 0 0 45px rgba(255,0,0,.06); }  .helmet-shell:before{   content:"";   position:absolute;   top:58px;   left:28px;   right:28px;   height:78px;   border-radius:45% 45% 28% 28%;   background:#020202;   border:2px solid #551818;   box-shadow:     inset 0 0 28px #000,     0 0 20px rgba(255,0,0,.14); }  .helmet-red-line{   position:absolute;   z-index:3;   top:94px;   left:36px;   width:138px;   height:4px;   background:var(--red);   transform:skewX(-13deg);   box-shadow:     0 0 6px var(--red),     0 0 16px var(--red),     0 0 28px rgba(255,0,0,.7); }  .helmet-badge{   position:absolute;   bottom:44px;   left:50%;   transform:translateX(-50%) skewX(-8deg);   direction:ltr;   color:#f1f1f1;   font-size:36px;   font-weight:900;   font-style:italic;   letter-spacing:-8px;   text-shadow:     7px 0 var(--red),     0 0 18px rgba(255,0,0,.18); }  .armor-piece{   position:absolute;   background:     linear-gradient(145deg,#1e1e1e,#070707);   border:1px solid #272727;   box-shadow:0 0 22px rgba(255,0,0,.04); }  .armor-a{   width:95px;   height:120px;   left:5px;   bottom:12px;   border-radius:45px 15px 30px 50px;   transform:rotate(18deg); }  .armor-b{   width:95px;   height:120px;   right:5px;   bottom:12px;   border-radius:15px 45px 50px 30px;   transform:rotate(-18deg); }  .armor-c{   width:115px;   height:90px;   left:50%;   bottom:0;   transform:translateX(-50%);   border-radius:35px 35px 15px 15px; }  .feature-strip{   width:min(1180px,92%);   margin:24px auto 0;   display:grid;   grid-template-columns:repeat(2,1fr);   border:1px solid #1f1f1f;   border-radius:18px;   overflow:hidden;   background:#0b0b0b; }  .feature-item{   display:flex;   align-items:center;   gap:10px;   padding:15px;   border-left:1px solid #181818;   border-bottom:1px solid #181818; }  .feature-icon{   width:38px;   height:38px;   border-radius:10px;   display:grid;   place-items:center;   background:#121212;   border:1px solid #292929;   font-size:17px; }  .feature-item strong{   display:block;   font-size:11px; }  .feature-item small{   display:block;   color:#666;   font-size:8px; }  .products-section, .manager-section, .premium-section, .redroom-section, .custom-section, .faq-section{   width:min(1180px,92%);   margin:auto;   padding:68px 0; }  .section-title{   text-align:center;   max-width:650px;   margin:0 auto 32px; }  .section-kicker{   color:var(--red);   font-size:9px;   letter-spacing:2px;   font-weight:700; }  .section-title h2{   margin:6px 0;   font-size:28px; }  .section-title p{   color:#787878;   font-size:12px; }  .products-grid{   display:grid;   grid-template-columns:1fr 1fr;   gap:11px; }  .product-card{   min-height:190px;   border:1px solid #242424;   border-radius:17px;   padding:17px;   background:     linear-gradient(145deg,#111,#090909);   position:relative;   overflow:hidden; }  .product-card:before{   content:"";   position:absolute;   width:85px;   height:85px;   right:-45px;   bottom:-45px;   background:#ff0000;   border-radius:50%;   filter:blur(45px);   opacity:.05; }  .product-card.manager{   border-color:#482020;   background:     radial-gradient(circle at 100% 100%,rgba(255,0,0,.10),transparent 45%),     #0c0c0c; }  .product-top{   display:flex;   align-items:center;   justify-content:space-between;   margin-bottom:14px; }  .product-icon{   width:42px;   height:42px;   display:grid;   place-items:center;   border-radius:12px;   background:#190b0b;   border:1px solid #482020;   font-weight:900;   font-size:17px; }  .ai-icon{   color:#cc7cff;   font-size:12px; }  .product-badge{   font-size:8px;   padding:3px 7px;   border-radius:6px;   border:1px solid #292929;   background:#151515;   color:#909090;   direction:ltr; }  .product-badge.free{   color:#50e88f;   background:#081b11;   border-color:#175f37; }  .product-badge.pro{   color:#ff6c64;   background:#1b0b0b;   border-color:#672020; }  .ai-badge{   color:#cd7dff;   border-color:#5b2b76;   background:#160c1d; }  .media-badge{   color:#4ec9ff;   border-color:#1c4d62; }  .product-card h3{   font-size:16px;   margin-bottom:5px; }  .product-card p{   color:#7d7d7d;   font-size:10px;   line-height:1.7; }  .product-card a{   position:absolute;   right:17px;   bottom:14px;   font-size:9px;   color:#bcbcbc; }  .product-card a span{   margin-right:3px; }
.manager-panel{   display:grid;   grid-template-columns:1fr;   border:1px solid #2b2020;   border-radius:22px;   overflow:hidden;   background:     radial-gradient(circle at 80% 35%,rgba(255,0,0,.10),transparent 35%),     #0c0c0c; }  .manager-copy{   padding:24px; }  .manager-heading{   display:flex;   align-items:center;   gap:14px;   margin:14px 0 12px; }  .manager-logo{   width:52px;   height:52px;   display:grid;   place-items:center;   border-radius:14px;   background:#180b0b;   border:1px solid #572020;   color:#ff3535;   font-weight:900;   box-shadow:0 0 24px rgba(255,0,0,.10); }  .manager-heading h2{   font-size:26px;   direction:ltr; }  .manager-heading>div:last-child{   display:flex;   flex-wrap:wrap;   gap:8px;   align-items:center; }  .manager-copy>p{   color:#838383;   font-size:12px; }  .manager-list{   display:grid;   gap:8px;   margin:22px 0; }  .manager-list div{   display:flex;   align-items:center;   gap:9px;   border:1px solid #222;   background:#101010;   border-radius:10px;   padding:10px 12px;   color:#c4c4c4;   font-size:11px; }  .manager-button{   width:100%; }  .manager-preview{   padding:24px;   display:grid;   place-items:center;   border-top:1px solid #211616;   background:     radial-gradient(circle at 50% 50%,rgba(255,0,0,.10),transparent 50%); }  .phone-shell{   width:230px;   padding:18px 14px;   border-radius:30px;   background:#070707;   border:1px solid #343434;   box-shadow:     0 25px 60px rgba(0,0,0,.45),     0 0 35px rgba(255,0,0,.06); }  .phone-header{   display:flex;   align-items:center;   gap:10px;   border-bottom:1px solid #1f1f1f;   padding-bottom:13px;   margin-bottom:11px; }  .phone-rr{   width:38px;   height:38px;   display:grid;   place-items:center;   border-radius:11px;   background:#180b0b;   border:1px solid #4f1e1e;   color:#ff3a3a;   font-weight:900; }  .phone-header strong{   display:block;   font-size:12px;   direction:ltr; }  .phone-header small{   display:block;   font-size:7px;   color:#666;   direction:ltr; }  .phone-item{   display:flex;   align-items:center;   gap:8px;   border:1px solid #1d1d1d;   background:#101010;   border-radius:9px;   padding:8px 9px;   margin-bottom:7px;   font-size:9px;   color:#b9b9b9; }  .premium-lock{   background:#170b0b;   border-color:#462020;   color:#ff8b8b; }  .premium-panel{   border:1px solid #3b1b1b;   border-radius:22px;   padding:24px;   background:     radial-gradient(circle at 100% 0,rgba(255,0,0,.13),transparent 35%),     linear-gradient(145deg,#111,#080808); }  .premium-head{   display:flex;   justify-content:space-between;   gap:18px;   align-items:flex-start;   margin-bottom:24px; }  .premium-head h2{   font-size:27px;   line-height:1.4;   margin-top:6px; }  .premium-head h2 span{   color:var(--red); }  .premium-head p{   color:#777;   font-size:10px;   margin-top:8px; }  .premium-crown{   font-size:55px;   color:#ff4949;   text-shadow:0 0 30px rgba(255,0,0,.25); }  .premium-features{   display:grid;   grid-template-columns:repeat(2,1fr);   gap:9px;   margin-bottom:19px; }  .premium-features div{   border:1px solid #232323;   background:rgba(12,12,12,.78);   border-radius:12px;   padding:14px 8px;   text-align:center; }  .premium-features strong{   display:block;   font-size:17px; }  .premium-features small{   display:block;   color:#737373;   font-size:8px; }  .premium-note{   font-size:9px;   color:#707070;   margin-bottom:18px; }  .redroom-panel{   overflow:hidden;   border:1px solid #321818;   border-radius:22px;   background:     linear-gradient(180deg,#110808,#070707); }  .redroom-copy{   padding:24px;   display:flex;   gap:16px;   align-items:flex-start; }  .redroom-emblem{   min-width:58px;   height:58px;   display:grid;   place-items:center;   border-radius:50%;   border:2px solid #ff2424;   box-shadow:     0 0 24px rgba(255,0,0,.23),     inset 0 0 18px rgba(255,0,0,.08);   font-size:18px;   font-weight:900;   direction:ltr; }  .redroom-copy h2{   direction:ltr;   color:#ff3535;   font-size:30px;   margin:3px 0 6px; }  .redroom-copy p{   color:#858585;   font-size:11px;   margin-bottom:18px; }  .redroom-actions{   display:grid;   gap:9px; }  .community-visual{   height:280px;   position:relative;   overflow:hidden;   border-top:1px solid #261414;   background:     linear-gradient(0deg,#050505,transparent),     radial-gradient(circle at 50% 28%,#6a0000,#1a0606 43%,#050505 78%); }  .community-screen{   position:absolute;   top:55px;   left:50%;   transform:translateX(-50%);   width:65%;   height:105px;   display:grid;   place-items:center;   background:#0b0505;   border:1px solid #4b1515;   box-shadow:0 0 35px rgba(255,0,0,.16); }  .community-rr{   direction:ltr;   font-size:44px;   font-weight:900;   color:#ff2d2d;   text-shadow:0 0 20px #ff0000; }  .community-screen small{   margin-top:-22px;   font-size:7px;   color:#777;   letter-spacing:2px; }  .community-crowd{   position:absolute;   left:0;   right:0;   bottom:-5px;   height:120px;   display:flex;   justify-content:center;   align-items:flex-end;   gap:4px; }  .community-crowd i{   display:block;   width:34px;   height:78px;   background:#090909;   border-radius:20px 20px 0 0;   position:relative; }  .community-crowd i:before{   content:"";   position:absolute;   top:-16px;
@media(min-width:760px){    .menu-toggle{     display:none;   }    .mobile-drawer{     display:none !important;   }    .header-inner{     height:72px;   }    .site-header:after{     content:"";     position:absolute;     left:0;     right:0;     bottom:-1px;     height:1px;     background:linear-gradient(90deg,transparent,#3b1111,transparent);   }    .hero{     padding-top:130px;   }    .hero-inner{     display:grid;     grid-template-columns:1fr 1fr;     gap:50px;     align-items:center;   }    .hero-copy{     text-align:right;     margin:0;   }    .hero-copy>p{     margin-right:0;     margin-left:0;   }    .hero-actions{     max-width:none;     display:flex;     justify-content:flex-start;     flex-wrap:wrap;   }    .hero-actions .btn-main,   .hero-actions .btn-ghost{     min-width:210px;   }    .hero-visual{     margin-top:0;     min-height:470px;   }    .cyber-figure{     width:340px;     height:430px;   }    .helmet-shell{     width:260px;     height:310px;   }    .helmet-shell:before{     top:73px;     left:34px;     right:34px;     height:96px;   }    .helmet-red-line{     top:117px;     left:46px;     width:168px;   }    .helmet-badge{     bottom:55px;     font-size:44px;   }    .armor-a,   .armor-b{     width:120px;     height:145px;   }    .armor-c{     width:150px;     height:115px;   }    .feature-strip{     grid-template-columns:repeat(4,1fr);   }    .feature-item{     border-bottom:0;   }    .products-grid{     grid-template-columns:repeat(3,1fr);   }    .product-card{     min-height:220px;   }    .manager-panel{     grid-template-columns:1fr .8fr;   }    .manager-preview{     border-top:0;     border-right:1px solid #211616;   }    .manager-list{     grid-template-columns:1fr 1fr;   }    .manager-button{     width:auto;   }    .premium-features{     grid-template-columns:repeat(6,1fr);   }    .redroom-panel{     display:grid;     grid-template-columns:1fr 1fr;   }    .community-visual{     height:auto;     min-height:360px;     border-top:0;     border-right:1px solid #261414;   }    .custom-panel{     grid-template-columns:1fr auto;     align-items:center;   }    .custom-panel .btn-main{     min-width:210px;   }    .footer-inner{     grid-template-columns:auto 1fr auto;     justify-items:stretch;     align-items:center;     text-align:initial;   }    .footer-links{     justify-self:center;   }    .copyright{     justify-self:end;   } }   @media(max-width:420px){    .header-inner{     width:94%;   }    .rr-logo-mini{     width:40px;     height:40px;     font-size:18px;   }    .brand-text strong{     font-size:11px;   }    .brand-text small{     font-size:6px;   }    .hero{     padding-top:96px;   }    .hero h1{     font-size:39px;   }    .hero-copy>p{     font-size:12px;   }    .hero-visual{     min-height:350px;   }    .cyber-figure{     transform:scale(.92);   }    .feature-item{     padding:12px 10px;   }    .feature-icon{     width:34px;     height:34px;     font-size:15px;   }    .feature-item strong{     font-size:10px;   }    .products-grid{     gap:9px;   }    .product-card{     padding:15px;     min-height:185px;   }    .product-card h3{     font-size:15px;   }    .manager-copy,   .premium-panel,   .redroom-copy,   .custom-panel{     padding:20px;   }    .premium-head h2{     font-size:24px;   }    .premium-crown{     font-size:46px;   }    .redroom-copy{     display:block;   }    .redroom-emblem{     margin-bottom:14px;   } }