:root{--rof-astro-bg:#07060c;--rof-astro-panel:#12101a;--rof-astro-pink:#ff2bd6;--rof-astro-violet:#8c52ff;--rof-astro-cyan:#1ddff2;--rof-astro-lime:#a8ff35;--rof-astro-muted:#9d96a6;--rof-astro-line:rgba(255,255,255,.1)}
body.rof-concept-astrology-page{margin:0!important;background:var(--rof-astro-bg)!important;color:#f7f4fb!important;overflow-x:hidden!important}
body.rof-concept-astrology-page>header{display:none!important}
body.rof-concept-astrology-page>main{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 95px!important;background:radial-gradient(circle at 80% 14%,rgba(140,82,255,.13),transparent 30%),var(--rof-astro-bg)!important}
body.rof-concept-astrology-page .rof-astro-concept,body.rof-concept-astrology-page .rof-astro-concept *{box-sizing:border-box}
.rof-astro-concept{position:relative;min-height:690px;background:var(--rof-astro-bg);font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.rof-astro-concept a{color:inherit;text-decoration:none}
.rof-astro-concept .rof-site-header{position:absolute!important;background:linear-gradient(180deg,rgba(7,6,12,.97),rgba(7,6,12,.25))!important}
.rof-concept-astrology-page .rof-nav .rof-nav-active{color:#fff}
.rof-concept-astrology-page .rof-nav .rof-nav-active:after{right:0;background:linear-gradient(90deg,var(--rof-astro-violet),var(--rof-astro-pink),var(--rof-astro-cyan))}
.rof-concept-astrology-page .rof-menu-button.rof-open i:first-child{transform:translateY(4px) rotate(45deg)}
.rof-concept-astrology-page .rof-menu-button.rof-open i:nth-child(2){opacity:0}
.rof-concept-astrology-page .rof-menu-button.rof-open i:last-child{transform:translateY(-4px) rotate(-45deg)}
.rof-astro-hero{position:relative;min-height:690px;display:grid;grid-template-columns:54% 46%;align-items:center;padding:135px 6vw 95px;isolation:isolate}
.rof-astro-stars{position:absolute;inset:0;z-index:-4;background:
radial-gradient(circle at 8% 26%,#fff 0 1px,transparent 2px),radial-gradient(circle at 18% 62%,rgba(29,223,242,.8) 0 1px,transparent 2px),radial-gradient(circle at 32% 18%,rgba(255,43,214,.8) 0 1px,transparent 2px),radial-gradient(circle at 48% 72%,#fff 0 1px,transparent 2px),radial-gradient(circle at 65% 23%,rgba(168,255,53,.8) 0 1px,transparent 2px),radial-gradient(circle at 78% 76%,#fff 0 1px,transparent 2px),radial-gradient(circle at 92% 31%,rgba(29,223,242,.8) 0 1px,transparent 2px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,auto,auto,auto,auto,auto,72px 72px,72px 72px;opacity:.72;mask-image:linear-gradient(to bottom,#000,transparent 98%)}
.rof-astro-stars:after{content:"";position:absolute;left:-10%;right:-10%;bottom:48px;height:1px;background:linear-gradient(90deg,transparent,var(--rof-astro-violet),var(--rof-astro-pink),var(--rof-astro-cyan),transparent);box-shadow:0 0 32px rgba(140,82,255,.5)}
.rof-astro-glow{position:absolute;z-index:-3;border-radius:50%;filter:blur(110px);opacity:.24;animation:rofAstroGlow 9s ease-in-out infinite alternate}
.rof-astro-glow-a{width:540px;height:540px;right:0;top:-20px;background:var(--rof-astro-violet)}
.rof-astro-glow-b{width:320px;height:320px;left:18%;bottom:-30%;background:var(--rof-astro-cyan);animation-delay:-4s}
@keyframes rofAstroGlow{to{transform:translate(42px,24px) scale(1.12)}}
.rof-astro-copy{position:relative;z-index:3;max-width:720px}
.rof-astro-kicker{display:flex;align-items:center;gap:12px;color:var(--rof-astro-cyan);font-size:9px;font-weight:950;letter-spacing:2px}
.rof-astro-kicker i{width:48px;height:1px;background:linear-gradient(90deg,var(--rof-astro-cyan),transparent)}
.rof-astro-copy h1{margin:28px 0 24px!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(78px,9.5vw,140px)!important;line-height:.78!important;letter-spacing:-10px!important;font-style:italic;font-weight:950!important;text-align:left!important;transform:scaleX(.92);transform-origin:left}
.rof-astro-copy h1 em{color:transparent;-webkit-text-stroke:2px var(--rof-astro-pink);font-style:normal;text-shadow:0 0 44px rgba(255,43,214,.25)}
.rof-astro-copy p{max-width:500px;margin:0 0 30px;color:#aaa4b1;font-size:15px;line-height:1.65}
.rof-astro-copy>a{display:inline-flex;align-items:center;gap:24px;min-height:54px;padding:0 23px;background:linear-gradient(100deg,var(--rof-astro-violet),var(--rof-astro-pink));box-shadow:0 16px 42px rgba(140,82,255,.24);font-size:9px;font-weight:950;letter-spacing:1px;transition:transform .2s,box-shadow .2s}
.rof-astro-copy>a:hover{transform:translateY(-2px);box-shadow:0 19px 50px rgba(255,43,214,.3)}
.rof-astro-copy>a b{font-size:17px}
.rof-astro-stage{position:relative;z-index:2;width:min(530px,42vw);height:510px;justify-self:center}
.rof-astro-wheel{position:absolute;inset:25px;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:rofAstroSpin 42s linear infinite;box-shadow:0 0 70px rgba(140,82,255,.1),inset 0 0 70px rgba(255,43,214,.06)}
.rof-astro-wheel:before,.rof-astro-wheel:after{content:"";position:absolute;border-radius:50%}
.rof-astro-wheel:before{inset:48px;border:1px dashed rgba(29,223,242,.2)}
.rof-astro-wheel:after{inset:112px;border:1px solid rgba(255,43,214,.18)}
.rof-astro-wheel span{position:absolute;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(12,9,18,.84);color:#fff;font-size:22px;box-shadow:0 0 18px rgba(140,82,255,.2);animation:rofAstroCounter 42s linear infinite}
.rof-astro-wheel span:nth-child(1){left:calc(50% - 21px);top:-21px}.rof-astro-wheel span:nth-child(2){right:62px;top:16px}.rof-astro-wheel span:nth-child(3){right:-8px;top:86px}.rof-astro-wheel span:nth-child(4){right:-21px;top:calc(50% - 21px)}.rof-astro-wheel span:nth-child(5){right:14px;bottom:62px}.rof-astro-wheel span:nth-child(6){right:82px;bottom:-8px}.rof-astro-wheel span:nth-child(7){left:calc(50% - 21px);bottom:-21px}.rof-astro-wheel span:nth-child(8){left:62px;bottom:16px}.rof-astro-wheel span:nth-child(9){left:-8px;bottom:86px}.rof-astro-wheel span:nth-child(10){left:-21px;top:calc(50% - 21px)}.rof-astro-wheel span:nth-child(11){left:14px;top:62px}.rof-astro-wheel span:nth-child(12){left:82px;top:-8px}
@keyframes rofAstroSpin{to{transform:rotate(360deg)}}@keyframes rofAstroCounter{to{transform:rotate(-360deg)}}
.rof-astro-moon{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 3%,#cfb7ff 18%,#7547d5 58%,#352058 100%);box-shadow:0 0 45px rgba(140,82,255,.62),0 0 100px rgba(255,43,214,.17),inset -20px -20px 38px rgba(0,0,0,.25);animation:rofAstroMoon 5s ease-in-out infinite}
.rof-astro-moon:before,.rof-astro-moon:after,.rof-astro-moon i{content:"";position:absolute;border-radius:50%;background:rgba(59,35,92,.18)}
.rof-astro-moon:before{width:35px;height:35px;left:34px;top:42px}.rof-astro-moon:after{width:22px;height:22px;right:36px;bottom:43px}.rof-astro-moon i{width:17px;height:17px;right:42px;top:38px}
@keyframes rofAstroMoon{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 12px))}}
.rof-astro-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}
.rof-astro-orbit-a{inset:0;animation:rofAstroSpin 30s linear infinite reverse}.rof-astro-orbit-b{inset:76px;border-style:dashed;border-color:rgba(255,43,214,.18);animation:rofAstroSpin 20s linear infinite}
.rof-astro-comet{position:absolute;right:17px;top:80px;color:var(--rof-astro-cyan);font-size:24px;text-shadow:0 0 18px var(--rof-astro-cyan);animation:rofAstroComet 4s ease-in-out infinite}
@keyframes rofAstroComet{50%{transform:translate(-26px,22px) rotate(30deg);opacity:.55}}
.rof-astro-strip{position:absolute;left:0;right:0;bottom:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:28px;padding:0 5vw;border-top:1px solid rgba(255,255,255,.08);background:rgba(9,7,13,.82);font-size:8px;font-weight:950;letter-spacing:1.3px;color:#a19aa8;white-space:nowrap;overflow:hidden}
.rof-astro-strip i{width:4px;height:4px;border-radius:50%;background:var(--rof-astro-pink);box-shadow:0 0 10px var(--rof-astro-pink)}
body.rof-concept-astrology-page>main>section.card{max-width:1240px!important;margin:0 auto!important;padding:64px 24px 70px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.rof-concept-astrology-page>main>section.card>h2{position:relative;margin:0 0 36px!important;color:#fff!important;font-family:'Rajdhani',Arial,sans-serif!important;font-size:clamp(42px,6vw,72px)!important;font-style:italic;font-weight:950!important;letter-spacing:-3px!important;text-align:left!important}
body.rof-concept-astrology-page>main>section.card>h2:before{content:"12 ЗОДИИ • ДНЕС";display:block;margin-bottom:10px;color:var(--rof-astro-lime);font-family:Arial,sans-serif;font-size:9px;font-style:normal;letter-spacing:2px}
body.rof-concept-astrology-page .grid-container{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;max-width:none!important;margin:0!important}
body.rof-concept-astrology-page .glass-card{min-height:260px!important;display:flex!important;flex-direction:column!important;padding:24px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:linear-gradient(145deg,rgba(22,18,30,.96),rgba(10,9,14,.98))!important;box-shadow:0 18px 50px rgba(0,0,0,.24)!important;transition:transform .28s,border-color .28s,box-shadow .28s!important}
body.rof-concept-astrology-page .glass-card:before{content:""!important;position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:3px!important;height:54px!important;border-radius:0!important;background:var(--accent,#8c52ff)!important;box-shadow:0 0 17px var(--accentGlow,rgba(140,82,255,.35))!important;opacity:1!important}
body.rof-concept-astrology-page .glass-card:hover{transform:translateY(-5px)!important;border-color:var(--accent,#8c52ff)!important;box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 28px var(--accentGlow,rgba(140,82,255,.15))!important}
body.rof-concept-astrology-page .card-header{gap:14px!important;margin-bottom:15px!important}
body.rof-concept-astrology-page .icon-box{width:54px!important;height:54px!important;flex:0 0 54px!important;border:1px solid var(--accent,#8c52ff)!important;background:rgba(255,255,255,.035)!important;color:var(--accent,#fff)!important;font-size:26px!important;box-shadow:0 0 20px var(--accentGlow,rgba(140,82,255,.2))}
body.rof-concept-astrology-page .glass-card h3{margin:0!important;color:#fff!important;font-family:'Rajdhani',Arial,sans-serif!important;font-size:22px!important;font-style:italic;font-weight:950!important;letter-spacing:0!important}
body.rof-concept-astrology-page .glass-card .date{color:#8d8793!important;font-size:10px!important;letter-spacing:.5px}
body.rof-concept-astrology-page .glass-card .preview{min-height:46px;margin:3px 0 10px!important;color:#b1abb7!important;font-size:12px!important;line-height:1.55!important;-webkit-line-clamp:2!important;line-clamp:2!important}
body.rof-concept-astrology-page .update-date{margin:auto 0 14px!important;color:#6e6874!important;font-size:9px!important}
body.rof-concept-astrology-page .glass-card .btn{min-height:42px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:4px!important;background:linear-gradient(90deg,var(--accent,#8c52ff),rgba(140,82,255,.72))!important;color:#fff!important;font-size:9px!important;letter-spacing:1px!important;box-shadow:0 10px 25px var(--accentGlow,rgba(140,82,255,.2))!important;transition:filter .18s,transform .18s!important}
body.rof-concept-astrology-page .glass-card .btn:hover{filter:brightness(1.16)!important;transform:translateY(-1px)}
body.rof-concept-astrology-page .neon-pink{--accent:#ec4899;--accentGlow:rgba(236,72,153,.24)}body.rof-concept-astrology-page .neon-cyan{--accent:#06b6d4;--accentGlow:rgba(6,182,212,.24)}body.rof-concept-astrology-page .neon-green{--accent:#10b981;--accentGlow:rgba(16,185,129,.22)}body.rof-concept-astrology-page .neon-orange{--accent:#f97316;--accentGlow:rgba(249,115,22,.23)}
body.rof-concept-astrology-page .astro-modal{backdrop-filter:blur(12px)!important;background:rgba(4,3,7,.84)!important}
body.rof-concept-astrology-page .astro-modal-content{max-width:720px!important;border:1px solid var(--accent,var(--rof-astro-violet))!important;border-radius:9px!important;background:linear-gradient(145deg,#17121f,#0a0910)!important;box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 38px var(--accentGlow,rgba(140,82,255,.24))!important}
body.rof-concept-astrology-page .astro-modal-header{padding:20px 24px!important;border-color:rgba(255,255,255,.08)!important;background:transparent!important}
body.rof-concept-astrology-page .astro-modal-header h3{font-family:'Rajdhani',Arial,sans-serif!important;font-size:28px!important;font-style:italic;font-weight:950!important}
body.rof-concept-astrology-page .astro-modal-body{padding:26px!important;color:#ded9e3!important}
body.rof-concept-astrology-page .astro-close-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%;background:#0e0b13!important}
@media(max-width:1050px){.rof-astro-hero{grid-template-columns:1fr;min-height:970px;align-content:start}.rof-astro-stage{position:absolute;right:-30px;bottom:70px;width:520px;opacity:.68}.rof-astro-copy{margin-top:20px}body.rof-concept-astrology-page .grid-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:690px){.rof-astro-hero{display:block;min-height:830px;padding:118px 18px 82px}.rof-astro-copy h1{font-size:62px!important;line-height:.82!important;letter-spacing:-5px!important}.rof-astro-copy p{max-width:330px;font-size:13px}.rof-astro-stage{right:-175px;bottom:25px;transform:scale(.68);opacity:.55}.rof-astro-strip{justify-content:flex-start;gap:20px;padding-left:18px}body.rof-concept-astrology-page>main>section.card{padding:45px 10px 55px!important}body.rof-concept-astrology-page .grid-container{grid-template-columns:1fr!important;gap:10px!important}body.rof-concept-astrology-page .glass-card{min-height:235px!important;padding:20px!important}}
@media(prefers-reduced-motion:reduce){.rof-concept-astrology-page *,.rof-concept-astrology-page *:before,.rof-concept-astrology-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}