/*
Theme Name: Vysokoff Unique vsr-vtk.ru
Version: 1.0.20260723105616
Description: Reference-based theme generated by VysokoffBiz for vsr-vtk.ru. Topic: универсальная тематика. Reference: https://astrologblog.ru/. Design prompt: перенести референс максимально похоже, сохранить css, стили, шрифты, цветовую гамму; использовать bento/grid, glass/liquid карточки, animated beam/marquee только если подходит референсу, dock-навигацию, mockup-блоки, tilt/flip-эффекты, dark mode, mobile CSS, focus states и reduced motion. Design registry: Magic UI, Kokonut UI, Blocks.so, React Bits, Spell UI.
*/
:root{color-scheme:light dark;--vbu-primary:#352536;--vbu-accent:#323359;--vbu-soft:#0d1218;--vbu-panel:#151c24;--vbu-text:#edf2f7;--vbu-muted:#637381;--vbu-border:rgba(255,255,255,.14);--vbu-radius:16px;--vbu-shadow:0 14px 38px rgba(31,41,51,.08);--vbu-container:1120px;--vbu-ring:0 0 0 3px color-mix(in srgb,var(--vbu-accent) 38%,transparent);--vbu-glass:rgba(255,255,255,.72);--vbu-dark:#101820;--vbu-grid-gap:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--vbu-accent) 18%,transparent),transparent 30rem),var(--vbu-soft);color:var(--vbu-text);font:16px/1.65 Arial, sans-serif;text-rendering:optimizeLegibility}img,svg,video{max-width:100%;height:auto}a{color:var(--vbu-primary);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;box-shadow:var(--vbu-ring)}.screen-reader-text,.vbu-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.vbu-skip:focus{left:16px;top:16px;width:auto;height:auto;z-index:1000;background:var(--vbu-panel);border:1px solid var(--vbu-border);border-radius:12px;padding:10px 14px;color:var(--vbu-text)}.vbu-wrap{width:min(var(--vbu-container),calc(100% - 32px));margin:0 auto}.vbu-header{background:color-mix(in srgb,#0d1218 86%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--vbu-border);position:static;top:0;z-index:10}.vbu-nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.vbu-logo{display:flex;align-items:center;gap:12px;color:var(--vbu-primary);font-weight:800;min-width:0}.vbu-logo img{width:48px;height:48px;flex:0 0 auto}.vbu-logo span{min-width:0;overflow-wrap:anywhere}.vbu-logo small{display:block;color:var(--vbu-muted);font-size:12px;font-weight:500}.vbu-menu,.vbu-menu ul{display:flex;gap:12px;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0}.vbu-menu li{list-style:none;margin:0;padding:0}.vbu-menu a{display:inline-flex;align-items:center;min-height:40px;padding:8px 0}.vbu-ref-pills .vbu-menu a,.vbu-dock a{background:var(--vbu-glass);border:1px solid var(--vbu-border);border-radius:999px;padding:8px 13px}.vbu-hero{position:relative;isolation:isolate;background:linear-gradient(135deg,var(--vbu-primary),#101820 72%);color:#fff;padding:72px 0 78px;overflow:hidden}.vbu-hero:before{content:"";position:absolute;inset:-20% -10% auto auto;width:48rem;height:48rem;background:radial-gradient(circle,color-mix(in srgb,var(--vbu-accent) 48%,transparent),transparent 60%);opacity:.55;z-index:-1}.vbu-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:42px;align-items:center}.vbu-kicker{display:inline-flex;padding:6px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--vbu-accent);font-weight:800;background:rgba(255,255,255,.08)}.vbu-hero h1{font-size:clamp(34px,5vw,60px);line-height:1.06;margin:18px 0;letter-spacing:0}.vbu-hero p{font-size:18px;max-width:700px;color:rgba(255,255,255,.88)}.vbu-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.vbu-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:#fff;color:#101820;font-weight:800}.vbu-button.secondary{background:rgba(255,255,255,.1);color:#fff}.vbu-hero-card,.vbu-card,.vbu-post,.vbu-article,.vbu-sidebar,.vbu-metric,.vbu-device{background:var(--vbu-panel);border:1px solid var(--vbu-border);border-radius:min(var(--vbu-radius),20px);box-shadow:var(--vbu-shadow)}.vbu-hero-card{position:relative;overflow:hidden;color:var(--vbu-text);padding:28px;transform-style:preserve-3d}.vbu-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,color-mix(in srgb,var(--vbu-accent) 18%,transparent),transparent);transform:translateX(-100%);animation:vbu-shimmer 6s ease-in-out infinite}.vbu-score{font-size:54px;line-height:1;color:var(--vbu-primary);font-weight:900}.vbu-section{padding:54px 0}.vbu-section h2{font-size:32px;line-height:1.2;margin:0 0 18px;letter-spacing:0}.vbu-bento{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:var(--vbu-grid-gap)}.vbu-bento .vbu-card:first-child{grid-row:span 2}.vbu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--vbu-grid-gap)}.vbu-card{position:relative;overflow:hidden;padding:24px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.vbu-card h3{margin:0 0 10px;color:var(--vbu-primary)}.vbu-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--vbu-accent) 46%,var(--vbu-border))}.vbu-card[data-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0))}.vbu-main{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.vbu-ref-sidebar-layout .vbu-main{grid-template-columns:minmax(0,1fr) 300px}.vbu-ref-split-layout .vbu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vbu-list{display:grid;gap:18px}.vbu-post{border-left:5px solid var(--vbu-accent);padding:22px 24px}.vbu-post h2{font-size:24px;margin:0 0 10px}.vbu-sidebar{padding:22px;align-self:start;position:sticky;top:92px}.vbu-sidebar strong{display:block;color:var(--vbu-primary);margin-bottom:10px}.vbu-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vbu-metric{padding:18px}.vbu-metric strong{display:block;font-size:26px;color:var(--vbu-primary)}.vbu-marquee{overflow:hidden;border-block:1px solid var(--vbu-border);background:color-mix(in srgb,var(--vbu-panel) 78%,transparent)}.vbu-marquee-track{display:flex;gap:28px;width:max-content;min-width:100%;animation:vbu-marquee 26s linear infinite;padding:14px 0}.vbu-marquee span{white-space:nowrap;color:var(--vbu-muted);font-weight:700}.vbu-device{padding:12px;background:linear-gradient(145deg,#18212f,#0d1218);color:#fff}.vbu-device-screen{min-height:220px;border-radius:calc(min(var(--vbu-radius),20px) - 4px);background:linear-gradient(145deg,var(--vbu-primary),var(--vbu-accent));padding:22px;display:grid;align-content:end}.vbu-dock{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.vbu-article{margin:46px auto;padding:34px}.vbu-article h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0 0 18px;color:var(--vbu-primary);letter-spacing:0}.vbu-content{font-size:18px}.vbu-content img{max-width:100%;height:auto;border-radius:calc(min(var(--vbu-radius),20px) / 1.6)}.vbu-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.vbu-content th,.vbu-content td{border:1px solid #d8e0e8;padding:10px;text-align:left}.vbu-footer{background:#101820;color:#dbe2ea;padding:32px 0;margin-top:30px}.vbu-footer a{color:#fff}.vbu-ref-slider{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;overflow:hidden}.vbu-ref-slide{min-height:180px;background:linear-gradient(135deg,var(--vbu-panel),rgba(255,255,255,.72));border:1px solid var(--vbu-border);border-radius:min(var(--vbu-radius),20px);box-shadow:var(--vbu-shadow);padding:24px}.vbu-ref-slide:nth-child(2){transform:translateY(12px)}.vbu-ref-slide:nth-child(3){transform:translateY(24px)}.vbu-system-kokonut .vbu-card,.vbu-system-spell .vbu-hero-card{background:linear-gradient(145deg,color-mix(in srgb,var(--vbu-panel) 82%,white),color-mix(in srgb,var(--vbu-accent) 12%,var(--vbu-panel)));backdrop-filter:blur(16px)}.vbu-system-reactbits .vbu-hero{background:linear-gradient(135deg,#06070b,var(--vbu-primary) 56%,var(--vbu-accent))}.vbu-system-blocks .vbu-bento{grid-template-columns:repeat(4,minmax(0,1fr))}.vbu-system-blocks .vbu-bento .vbu-card:first-child{grid-column:span 2}.vbu-system-magic .vbu-card:after{content:"";position:absolute;inset:auto 18px 18px 18px;height:2px;background:linear-gradient(90deg,transparent,var(--vbu-accent),transparent);opacity:.65}.vbu-system-spell .vbu-device{transform:rotate(-1.6deg)}@keyframes vbu-shimmer{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}@keyframes vbu-marquee{to{transform:translateX(-50%)}}@media(max-width:980px){.vbu-hero-grid,.vbu-grid,.vbu-main,.vbu-ref-sidebar-layout .vbu-main,.vbu-bento,.vbu-system-blocks .vbu-bento{grid-template-columns:1fr}.vbu-system-blocks .vbu-bento .vbu-card:first-child,.vbu-bento .vbu-card:first-child{grid-column:auto;grid-row:auto}.vbu-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vbu-nav{align-items:flex-start;flex-direction:column;padding:14px 0}.vbu-hero{padding:46px 0}.vbu-menu{gap:10px}.vbu-article{padding:24px}.vbu-sidebar{position:static}.vbu-ref-slider{grid-template-columns:1fr}.vbu-ref-slide:nth-child(n){transform:none}}@media(max-width:520px){.vbu-wrap{width:min(100% - 24px,var(--vbu-container))}.vbu-hero h1{font-size:34px}.vbu-section{padding:38px 0}.vbu-metrics{grid-template-columns:1fr}.vbu-button{width:100%}.vbu-logo img{width:42px;height:42px}}@media(prefers-color-scheme:dark){:root{--vbu-soft:#0d1218;--vbu-panel:#151c24;--vbu-text:#edf2f7;--vbu-muted:#aab7c4;--vbu-border:rgba(255,255,255,.12);--vbu-glass:rgba(21,28,36,.72);--vbu-shadow:0 18px 44px rgba(0,0,0,.32)}body{background:radial-gradient(circle at top left,color-mix(in srgb,var(--vbu-accent) 18%,transparent),transparent 30rem),var(--vbu-soft)}.vbu-header{background:rgba(13,18,24,.78)}.vbu-hero-card,.vbu-card,.vbu-post,.vbu-article,.vbu-sidebar,.vbu-metric{background:var(--vbu-panel)}.vbu-content th,.vbu-content td{border-color:rgba(255,255,255,.14)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}.vbu-card:hover,.vbu-card[data-tilt],.vbu-system-spell .vbu-device{transform:none!important}}