:root{--modern-gold:#f4c76a;--modern-gold-soft:#ffe7ad;--glass:rgba(10,13,22,.62);--glass-strong:rgba(9,11,19,.78);--glass-border:rgba(244,199,106,.26);--pointer-x:50%;--pointer-y:30%}
body{background:#080a10}
body:after{transition:filter .4s ease}
.landing{padding-top:28px;padding-bottom:42px}
.landing:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--pointer-x) var(--pointer-y),rgba(244,177,73,.075),transparent 63%);transition:background-position .2s ease}
.hero-card{border-radius:24px;border:1px solid transparent;background:linear-gradient(var(--glass-strong),var(--glass-strong)) padding-box,linear-gradient(120deg,rgba(244,199,106,.65),rgba(255,255,255,.08) 45%,rgba(244,199,106,.3)) border-box;backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12);box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)}
.hero-card:before{content:"";position:absolute;left:50%;bottom:0;width:36%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--modern-gold),transparent);box-shadow:0 0 14px rgba(244,199,106,.6);animation:hero-line 4.8s ease-in-out infinite}
@keyframes hero-line{0%,100%{width:24%;opacity:.45}50%{width:56%;opacity:1}}
.eyebrow{letter-spacing:.16em;font-size:13px;text-transform:uppercase;color:var(--modern-gold)}
h1{font-size:31px;letter-spacing:-.035em;background:linear-gradient(180deg,#fff3cf 0%,#eebc58 88%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 16px rgba(238,177,72,.16))}
.subtitle{letter-spacing:.01em;color:rgba(228,225,230,.69)}
.poster-stage:after{content:"";position:absolute;z-index:0;left:13%;right:13%;bottom:1px;height:24px;border-radius:50%;background:radial-gradient(ellipse,rgba(240,171,57,.27),rgba(91,44,25,.09) 46%,transparent 72%);filter:blur(8px);animation:stage-glow 3.8s ease-in-out infinite}
@keyframes stage-glow{0%,100%{opacity:.42;transform:scaleX(.88)}50%{opacity:.92;transform:scaleX(1.06)}}
.poster-ring{z-index:1}
.poster-ring .poster{border-color:rgba(255,219,149,.46);box-shadow:0 18px 35px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.035)}
.links h2{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--modern-gold-soft);margin-bottom:15px}
.links h2 span{opacity:.72}
.links nav{gap:11px}
.links nav a{height:61px;border-radius:16px;border-color:var(--glass-border);background:linear-gradient(110deg,rgba(44,31,27,.74),rgba(9,13,22,.76));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);transition:transform .28s cubic-bezier(.22,.61,.36,1),border-color .28s ease,box-shadow .28s ease,background .28s ease}
.links nav a:hover{transform:translateY(-3px) scale(1.008);border-color:rgba(255,211,123,.62);background:linear-gradient(110deg,rgba(71,47,32,.8),rgba(12,17,28,.84));box-shadow:0 18px 38px rgba(0,0,0,.3),0 0 22px rgba(221,155,56,.09)}
.links nav a b{font-size:14px;letter-spacing:.01em}
.links nav a i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(244,199,106,.08);border:1px solid rgba(244,199,106,.15)}
.telegram{height:60px;border-radius:16px;border-color:rgba(47,173,255,.5);background:linear-gradient(110deg,rgba(14,57,88,.72),rgba(17,22,45,.8));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.telegram:hover{transform:translateY(-3px);border-color:rgba(79,190,255,.82);box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 24px rgba(41,173,238,.13)}
.telegram-icon{box-shadow:0 0 0 5px rgba(39,174,232,.08),0 0 18px rgba(39,174,232,.24);animation:telegram-icon-pulse 3s ease-in-out infinite}
@keyframes telegram-icon-pulse{0%,100%{transform:rotate(-24deg) scale(.95)}50%{transform:rotate(-24deg) scale(1.06)}}
.service-badges{gap:9px;margin-top:11px}
.service-badges span{height:44px;border-radius:14px;border-color:rgba(244,199,106,.2);background:rgba(25,22,25,.56);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
@media(max-width:480px){.landing{padding-top:18px;padding-bottom:28px}.hero-card{border-radius:20px;padding-top:21px}h1{font-size:27px}.eyebrow{font-size:12px}.links nav a{height:58px}.service-badges{gap:7px}.service-badges span{height:42px}}
@media(prefers-reduced-motion:reduce){.hero-card:before,.poster-stage:after,.telegram-icon{animation:none}.links nav a,.telegram{transition:none}}