:root {
  --black: #02050e;
  --blue: #0a2d56;
  --gold: #ffd300;
  --gold-light: #fff17b;
  --white: #f7f8fb;
  --content-width: 1480px;
}
*,*::before,*::after {box-sizing:border-box}
html {min-height:100%;background:var(--black)}
body {margin:0;min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden;background:#02050e;color:var(--white);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:7px;border-radius:4px}
.site-shell {position:relative;min-height:820px;height:100vh;height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 63% 63% at 71% 35%,#0a1e38 0%,#030a15 55%,#000207 100%)}
.scene,.scene__stars,.scene__vignette,.scene__grain{position:absolute;inset:0;pointer-events:none}
.scene{z-index:-1;overflow:hidden}
.scene__nebula{position:absolute;pointer-events:none;filter:blur(48px);opacity:.48}
.scene__nebula--left{left:-8%;top:18%;width:40%;height:54%;background:radial-gradient(ellipse at center,rgba(0,59,128,.37),rgba(0,25,74,.08) 50%,transparent 70%)}
.scene__nebula--right{right:-17%;top:-25%;width:62%;height:90%;background:radial-gradient(ellipse at center,rgba(14,77,142,.3),rgba(2,28,59,.13) 43%,transparent 72%)}
.scene__stars{width:100%;height:100%;z-index:1;opacity:.93}
.planet-wrap{position:absolute;z-index:2;top:4%;left:19.8%;width:min(78vw,1190px);height:auto;aspect-ratio:1;transform:translate3d(var(--planet-x,0px),var(--planet-y,0px),0);will-change:transform}
.planet-wrap__aura{position:absolute;inset:-5.7%;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(0,102,206,.07) 67%,rgba(16,111,216,.31) 70%,rgba(29,150,255,.07) 73%,transparent 78%);filter:blur(18px);animation:aura-breathe 9s ease-in-out infinite}
.planet-wrap__atmosphere{position:absolute;inset:-.6%;border-radius:50%;border:1px solid rgba(52,169,255,.33);box-shadow:0 0 9px rgba(0,168,252,.75),0 0 32px rgba(0,121,255,.33),inset 0 0 30px rgba(0,126,250,.18);opacity:.85}
.planet-wrap__disk{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#07152a;filter:blur(.8px);box-shadow:inset 0 0 70px 26px rgba(0,12,29,.63),0 0 34px rgba(16,116,222,.13)}
.planet-wrap__fallback,.planet-wrap__canvas,.planet-wrap__night-shade{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}
.planet-wrap__fallback{background:url('earth-fallback.webp') center/cover no-repeat}
.planet-wrap__canvas{display:block;opacity:0;transition:opacity 1.8s ease}
.planet-wrap.is-rendered .planet-wrap__canvas{opacity:1}
.planet-wrap__night-shade{background:radial-gradient(ellipse at 82% 16%,transparent 10%,rgba(0,6,20,.12) 62%,rgba(0,2,13,.4) 100%),linear-gradient(180deg,transparent 20%,rgba(0,7,21,.14) 46%,rgba(0,4,18,.84) 100%);mix-blend-mode:normal}
.sunburst{position:absolute;z-index:3;top:12%;left:72%;width:8px;height:8px;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px rgba(255,165,28,.8));animation:sun-shimmer 6s ease-in-out infinite}
.sunburst__core{position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fffad1 13%,#ffd861 27%,rgba(255,163,29,.53) 38%,rgba(255,149,0,.12) 60%,transparent 72%);box-shadow:0 0 16px 7px rgba(255,200,80,.16),0 0 60px 25px rgba(255,166,36,.15)}
.sunburst__rays{position:absolute;left:50%;top:50%;width:530px;height:530px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,rgba(255,193,71,.13) 1deg,transparent 2deg,transparent 44deg,rgba(255,210,109,.12) 45deg,transparent 46deg,transparent 89deg,rgba(255,240,169,.65) 90deg,transparent 90.9deg,transparent 133deg,rgba(255,177,34,.1) 134deg,transparent 136deg,transparent 179deg,rgba(255,214,109,.13) 180deg,transparent 182deg,transparent 226deg,rgba(255,177,64,.17) 227deg,transparent 229deg,transparent 270deg,rgba(255,223,141,.61) 271deg,transparent 272deg,transparent 315deg,rgba(255,188,74,.11) 317deg,transparent 318deg);mask-image:radial-gradient(circle,black 0%,black 8%,transparent 62%);animation:rays-spin 65s linear infinite}
.scene__floor{position:absolute;z-index:3;left:0;right:0;bottom:0;height:16%;background:radial-gradient(ellipse 28% 65% at 73% 0%,rgba(4,102,191,.45),transparent 88%),radial-gradient(ellipse 18% 110% at 50% -15%,rgba(252,166,16,.20),transparent 90%),linear-gradient(180deg,rgba(2,11,23,.01),#03101d 13%,#02050b 79%);border-top:1px solid rgba(34,146,225,.12);box-shadow:0 -13px 25px rgba(8,92,156,.1)}
.scene__floor::after{content:"";position:absolute;inset:12% 0 0;background:repeating-linear-gradient(177deg,transparent 0,transparent 8px,rgba(88,160,210,.025) 9px,transparent 11px);mask-image:linear-gradient(to bottom,black,transparent 90%)}
.scene__floor-shine{position:absolute;top:-1px;width:42%;height:100%;opacity:.68;filter:blur(12px);transform:scaleY(.9);transform-origin:top}
.scene__floor-shine--gold{left:25%;background:radial-gradient(ellipse 13% 20% at 51% 3%,rgba(255,198,0,.65),transparent 97%),linear-gradient(90deg,transparent 24%,rgba(228,154,4,.03) 42%,rgba(255,189,2,.14) 51%,transparent 68%)}
.scene__floor-shine--blue{left:58%;background:radial-gradient(ellipse 18% 28% at 58% 0%,rgba(0,183,252,.43),transparent 98%),linear-gradient(90deg,transparent,rgba(4,113,182,.15) 58%,transparent 78%)}
.scene__horizon{position:absolute;z-index:4;left:-8%;right:-8%;bottom:15.85%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,55,101,.1) 10%,rgba(241,151,0,.15) 28%,rgba(255,192,15,.78) 48%,rgba(250,246,135,.95) 50%,rgba(25,135,203,.48) 60%,rgba(36,145,211,.38) 84%,transparent);box-shadow:0 0 16px 3px rgba(15,124,184,.14);opacity:.72}
.scene__vignette{z-index:5;background:linear-gradient(90deg,rgba(0,0,0,.54),transparent 15%,transparent 85%,rgba(0,0,0,.45)),linear-gradient(180deg,rgba(0,0,0,.21),transparent 15%,transparent 75%,rgba(0,0,0,.3));mix-blend-mode:multiply}
.scene__grain{z-index:6;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.20'/%3E%3C/svg%3E");mix-blend-mode:screen}
.accent-top{position:absolute;z-index:10;top:0;left:0;width:100%;height:7px;background:linear-gradient(90deg,#a46800,#ffe033 20%,#ffd100 55%,#ffce00 84%,#9d6b03);box-shadow:0 1px 14px rgba(255,200,0,.4)}
.ruler{position:absolute;z-index:9;top:7.3%;height:78%;width:48px;opacity:.72;background:repeating-linear-gradient(to bottom,rgba(233,239,242,.95) 0 2px,transparent 2px 21px);mask-image:repeating-linear-gradient(to bottom,#000 0 2px,transparent 2px 21px)}
.ruler--left{left:-29px}.ruler--right{right:-29px}
.ruler::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,white 0 3px,transparent 3px 110px)}
.top-line{position:absolute;top:11.1%;left:max(7.5%,calc((100vw - var(--content-width))/2 + 8%));z-index:11;white-space:nowrap}
.opening{margin:0;font-weight:600;line-height:1.24;letter-spacing:-.035em;font-size:clamp(25px,3.1vw,47px);text-shadow:0 2px 12px rgba(0,0,0,.75)}
.opening span:not(.opening__ellipsis){color:var(--gold)}
.opening__ellipsis{font-size:.72em;letter-spacing:.015em}
.main{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.main__stack{width:100%;max-width:var(--content-width);display:flex;flex-direction:column;align-items:center;transform:translateY(4.1%);padding:0 38px;pointer-events:auto}
.brand{display:grid;grid-template-columns:auto 2px auto;align-items:center;column-gap:clamp(16px,2.1vw,30px);margin-left:-1.8%;max-width:100%;filter:drop-shadow(0 7px 12px rgba(0,0,0,.65))}
.brand__symbol{width:clamp(70px,7.1vw,112px);height:clamp(125px,15vw,208px);display:flex;align-items:center;justify-content:center}
.brand__symbol svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 7px rgba(255,201,0,.3))}
.brand__bar{width:1.5px;height:68%;min-height:102px;background:linear-gradient(180deg,transparent,#f3f6f7 15%,#fff 70%,transparent);box-shadow:0 0 7px rgba(240,243,255,.28)}
.brand__identity{min-width:0;padding-top:6px}
.brand__name{font-family:"Arial Narrow",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:clamp(58px,7.9vw,125px);font-stretch:condensed;font-weight:700;line-height:.98;white-space:nowrap;letter-spacing:-.074em;padding-right:.085em;color:#f7f8fb;background:linear-gradient(180deg,#fff 0%,#efedf0 14%,#8b8e95 32%,#f6f8fd 42%,#fbfdff 55%,#777c8b 82%,#e5e6ea 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 2px rgba(0,0,0,.16);filter:drop-shadow(2px 3px 1px rgba(0,0,0,.65))}
.brand__gold-line{height:2px;margin:clamp(4px,.8vw,12px) 0 12px;position:relative;background:linear-gradient(90deg,rgba(255,188,0,.5),#ffd500 24%,#fff299 55%,#ffdb05 80%,rgba(255,202,0,.15));box-shadow:0 0 6px rgba(255,199,0,.56)}
.brand__gold-line i{position:absolute;left:39%;top:-5px;width:25%;height:13px;background:radial-gradient(ellipse,rgba(255,255,200,.95),rgba(254,188,0,.52) 32%,transparent 75%);animation:line-spark 5.5s ease-in-out infinite}
.brand__caption{display:flex;justify-content:space-between;align-items:center;font-size:clamp(13px,1.73vw,27px);letter-spacing:.25em;line-height:1.5;color:#f2f3f7;white-space:nowrap;text-shadow:0 2px 9px #000;font-weight:400}
.brand__caption span{padding:0 .35em}
.announcement{width:min(92%,1030px);margin-top:clamp(18px,2.5vw,36px);text-align:center}
.announcement__row{display:flex;align-items:center;justify-content:center;gap:clamp(17px,2.3vw,37px)}
.announcement__row h1{margin:0;font-size:clamp(27px,3.25vw,54px);line-height:1.24;font-weight:750;letter-spacing:-.035em;text-shadow:0 3px 13px #000,0 0 24px rgba(1,6,18,.6);white-space:nowrap}
.announcement__row h1 span{color:var(--gold);text-shadow:0 0 16px rgba(255,191,0,.14),0 4px 13px #000}
.announcement__bracket{display:block;flex:none;width:23px;height:69px;border:2px solid var(--gold);filter:drop-shadow(0 0 5px rgba(255,197,4,.2))}
.announcement__bracket--left{border-right:0;border-radius:12px 0 0 12px}
.announcement__bracket--right{border-left:0;border-radius:0 12px 12px 0}
.light-divider{position:relative;margin:17px auto 25px;width:72%;height:2px;background:linear-gradient(to right,transparent,rgba(221,235,240,.35) 20%,rgba(210,230,245,.3) 80%,transparent)}
.light-divider span{position:absolute;left:33%;width:34%;height:4px;top:-1px;background:linear-gradient(90deg,transparent,#ffca00 12%,#ffe64c 50%,#ffbc00 86%,transparent);box-shadow:0 0 10px 2px rgba(255,199,8,.55);animation:beam-breathe 5s ease-in-out infinite}
.light-divider span::after{content:"";position:absolute;left:48%;top:-5px;width:15px;height:13px;background:radial-gradient(ellipse,#fff9dd,rgba(255,201,0,.5) 40%,transparent 70%)}
.motto{display:flex;gap:18px;justify-content:center;align-items:center;margin:0;font-size:clamp(26px,2.65vw,41px);font-weight:650;letter-spacing:-.025em;color:#f6f6fa;text-shadow:0 5px 10px #000}
.motto em{font-style:italic}
.motto__slash{width:32px;height:28px;transform:skew(-23deg);background:linear-gradient(135deg,#ffe524,#ffb900);box-shadow:0 0 7px rgba(255,199,0,.19)}
.footer{position:absolute;z-index:11;left:0;right:0;bottom:clamp(22px,6vh,64px);display:flex;flex-direction:column;align-items:center;gap:clamp(13px,2.3vh,24px)}
.footer__contacts{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.6vw,46px)}
.contact{display:inline-flex;align-items:center;gap:18px;padding:5px 4px;font-size:clamp(18px,1.82vw,28px);font-weight:500;letter-spacing:-.025em;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.9);transition:transform .2s ease,color .2s ease}
.contact:hover{transform:translateY(-3px);color:#fff2aa}
.contact__icon{width:clamp(31px,3.1vw,48px);height:clamp(31px,3.1vw,48px);color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,210,0,.15));transition:filter .25s ease}
.contact:hover .contact__icon{filter:drop-shadow(0 0 8px rgba(255,210,0,.66))}
.footer__separator{width:1.5px;height:43px;background:rgba(245,250,255,.87)}
.footer__base{position:relative;width:min(670px,56vw);height:1px;background:linear-gradient(90deg,transparent,rgba(233,222,201,.2) 15%,rgba(255,225,112,.32) 50%,rgba(196,231,250,.18) 86%,transparent)}
.footer__base span{position:absolute;top:-4px;left:49%;height:9px;width:45px;background:radial-gradient(ellipse,#fff8da,rgba(253,185,0,.75) 38%,transparent 70%);filter:blur(2px)}
.footer__micro{font-size:10px;letter-spacing:.23em;color:rgba(221,225,237,.43);margin:0}
@keyframes aura-breathe{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.014)}}
@keyframes sun-shimmer{0%,100%{opacity:.79;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes rays-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes beam-breathe{0%,100%{opacity:.75;filter:brightness(1)}50%{opacity:1;filter:brightness(1.45)}}
@keyframes line-spark{0%,100%{left:35%;opacity:.5}50%{left:63%;opacity:1}}
@media (min-width:1800px){.planet-wrap{left:23%;width:min(67vw,1450px)}.top-line{left:10%}.brand__symbol{height:210px}.footer{bottom:7%}}
@media (max-height:850px) and (min-width:800px){.site-shell{min-height:680px}.top-line{top:9%}.opening{font-size:clamp(25px,2.75vw,41px)}.main__stack{transform:translateY(3%)}.brand__symbol{height:clamp(115px,13vw,173px);width:clamp(60px,6.5vw,100px)}.brand__name{font-size:clamp(57px,7.1vw,115px)}.announcement{margin-top:12px}.announcement__bracket{height:58px}.light-divider{margin:9px auto 17px}.footer{bottom:25px;gap:12px}}
@media (max-width:1020px){.top-line{left:8%;top:12%}.opening{font-size:clamp(27px,3.6vw,39px)}.planet-wrap{width:100vw;left:16%;top:10%}.sunburst{top:15%;left:80%}.main__stack{padding:0 35px;transform:translateY(3%)}.brand__name{font-size:clamp(53px,8.2vw,95px)}.brand__symbol{width:clamp(58px,7.5vw,88px);height:clamp(110px,15vw,168px)}.brand__caption{font-size:clamp(11px,1.7vw,20px)}.announcement__row h1{font-size:clamp(25px,3.5vw,38px)}}
@media (max-width:720px){
  .site-shell{height:100svh;min-height:650px;max-height:none}
  .accent-top{height:5px}.ruler{width:20px;opacity:.23}.ruler--left{left:-14px}.ruler--right{right:-14px}
  .top-line{top:11%;left:0;right:0;text-align:center}
  .opening{font-size:clamp(23px,6.2vw,37px);letter-spacing:-.045em}
  .scene__nebula--left{left:-37%;width:86%}.scene__nebula--right{right:-55%;width:104%}
  .planet-wrap{width:140vw;left:-11%;top:17%;opacity:.9}
  .sunburst{left:81%;top:23%;transform:scale(.65);opacity:.8}
  .scene__floor{height:18%}.scene__horizon{bottom:17.85%}
  .main__stack{transform:translateY(9%);padding:0 13px}
  .brand{column-gap:clamp(10px,2vw,18px);margin-left:0}
  .brand__symbol{width:clamp(44px,9.5vw,65px);height:clamp(94px,19vw,135px)}
  .brand__bar{height:65%;min-height:63px;width:1px}
  .brand__name{font-size:clamp(41px,9.7vw,72px);letter-spacing:-.079em}
  .brand__gold-line{margin:5px 0 7px;height:1px}
  .brand__caption{font-size:clamp(8px,2.05vw,15px);letter-spacing:.16em}
  .announcement{width:100%;margin-top:29px}
  .announcement__row{gap:10px}
  .announcement__row h1{font-size:clamp(23px,5.1vw,35px);white-space:normal;max-width:calc(100vw - 65px)}
  .announcement__bracket{width:11px;height:75px;border-width:1.5px}
  .light-divider{width:83%;margin:15px auto 20px}
  .motto{font-size:clamp(23px,5.7vw,35px);gap:12px}.motto__slash{width:22px;height:22px}
  .footer{bottom:max(4.9%,24px);gap:14px}
  .footer__contacts{flex-direction:column;gap:14px}
  .contact{font-size:clamp(18px,4.6vw,25px);gap:12px}
  .contact__icon{width:29px;height:29px}
  .footer__separator{width:min(220px,60vw);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}
  .footer__base{width:70vw}.footer__micro{font-size:8px;letter-spacing:.14em}
}
@media (max-width:380px){.brand{column-gap:8px}.brand__name{font-size:9.5vw}.brand__symbol{width:10vw}.announcement__row h1{font-size:5.8vw}.footer{bottom:4%}}
@media (max-height:680px) and (min-width:721px){.top-line{top:7%}.main__stack{transform:translateY(8%)}.footer{bottom:18px}.planet-wrap{top:-5%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0s !important}.planet-wrap{transform:none !important}}
