@layer navrh, inline;
.at-cast{display:contents}
@layer navrh{
@scope (.at-Main) to (.at-cast){
:scope{margin:0;background:#050505;font-family:'Public Sans',sans-serif;color:#EDE6D6}
:scope a{color:#E3B656}
:scope a:hover{color:#F4D47B}
:scope .navlink:hover{color:#F4D47B !important;border-bottom-color:#E3B656 !important}
:scope .pcb{background:url(/portal/assets/atelier/assets/linky-vlevo.png) left top/260px 2160px repeat-y,url(/portal/assets/atelier/assets/linky-vpravo.png) right top/260px 2160px repeat-y,#050505}
:scope .gold{background:linear-gradient(135deg,#FFF0A8 0%,#E7BD55 35%,#B07A1E 70%,#F4D47B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content;max-width:100%}
:scope .btn1{background-image:linear-gradient(135deg,#FFF0A8 0%,#E7BD55 38%,#B07A1E 78%,#F4D47B 100%);box-shadow:0 0 22px rgba(227,182,86,0.35),inset 0 1px 0 rgba(255,255,255,0.35);transition:box-shadow .15s,filter .15s}
:scope .btn1:hover{color:#140F05 !important;filter:brightness(1.06);box-shadow:0 0 30px rgba(227,182,86,0.55),inset 0 1px 0 rgba(255,255,255,0.45)}
:scope .btn2{transition:border-color .15s,box-shadow .15s,color .15s}
:scope .btn2:hover{border-color:#F4D47B !important;color:#F4D47B !important;box-shadow:0 0 0 1px rgba(244,212,123,0.35),0 0 18px rgba(227,182,86,0.28)}
:scope .svc{transition:border-color .15s,background .15s,box-shadow .15s}
:scope .svc:hover{border-color:rgba(244,212,123,0.75) !important;background:rgba(20,17,11,0.92) !important;box-shadow:0 0 0 1px rgba(244,212,123,0.25),0 0 22px rgba(227,182,86,0.16)}
}
@scope (.at-Main .at-cast-Header){
:scope{margin:0}
:scope .hx,:scope .hx-s{border:1.5px solid transparent !important;background:radial-gradient(120% 70% at 50% 0%,rgba(227,182,86,0.10),rgba(227,182,86,0) 60%) padding-box,linear-gradient(180deg,#1B1813 0%,#0C0B09 45%,#070707 100%) padding-box,linear-gradient(145deg,#FFF0A8 0%,#D8AA4A 16%,#6B4A16 42%,#2A200E 55%,#9C7026 78%,#F4D47B 100%) border-box !important;outline:1px solid rgba(227,182,86,0.30);outline-offset:-8px;box-shadow:0 0 0 1px rgba(0,0,0,0.7),0 22px 46px rgba(0,0,0,0.65),0 0 30px rgba(227,182,86,0.10),inset 0 1px 0 rgba(255,240,190,0.28) !important}
:scope .hx-s{border-width:1px !important;outline-offset:-5px;outline-color:rgba(227,182,86,0.20)}
:scope .navlink:hover{color:#F4D47B !important;border-bottom-color:#E3B656 !important}
}
}
@layer inline{
.at-Main .s1{width: 1440px; min-height: 1140px; box-sizing: border-box; display: flex; flex-direction: column; font-family: 'Public Sans', sans-serif; color: #EDE6D6; overflow: hidden}
.at-Main .s2{position: relative; z-index: 3; width: 1440px; height: 112px; box-sizing: border-box; padding: 0 56px; display: flex; align-items: center; gap: 24px; background: linear-gradient(180deg, #0B0A08 0%, #050505 100%); border-bottom: 1px solid rgba(227,182,86,0.45); box-shadow: 0 1px 0 rgba(0,0,0,0.8), 0 10px 30px rgba(227,182,86,0.08); font-family: 'Public Sans', sans-serif; color: #EDE6D6}
.at-Main .s3{width: 360px; display: flex; align-items: center; gap: 20px; text-decoration: none}
.at-Main .s4{flex: none; display: block; width: 66px; height: 80px; filter: drop-shadow(0 0 10px rgba(227,182,86,0.35))}
.at-Main .s5{display: flex; flex-direction: column; gap: 4px}
.at-Main .s6{font-family: Archivo, sans-serif; font-weight: 900; font-size: 32px; letter-spacing: 0.22em; line-height: 1; background: linear-gradient(135deg, #FFF0A8 0%, #E7BD55 35%, #B07A1E 70%, #F4D47B 100%); -webkit-background-clip: text; background-clip: text; color: transparent}
.at-Main .s7{font-size: 11px; font-weight: 600; letter-spacing: 0.34em; color: #A9864A}
.at-Main .s8{flex-grow: 1; display: flex; align-items: center; gap: 24px}
.at-Main .s9{display: flex; gap: 40px; flex-grow: 1; justify-content: center}
.at-Main .s10{padding: 8px 0 6px; border-bottom: 2px solid transparent; color: #EDE6D6; text-decoration: none; font-size: 20px; font-weight: 600; letter-spacing: 0.02em}
.at-Main .s11{width: 360px; display: flex; justify-content: flex-end}
.at-Main .s12{height: 52px; box-sizing: border-box; padding: 0 16px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(227,182,86,0.5); background: rgba(227,182,86,0.12); color: #F4D47B; font: 700 16px 'Public Sans', sans-serif; letter-spacing: 0.1em}
.at-Main .s13{position: absolute; z-index: 5; right: 56px; top: 90px; width: 320px; box-sizing: border-box; padding: 10px; background: #0C0B09; border: 1px solid rgba(227,182,86,0.5)}
.at-Main .s14{padding: 6px 14px 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.22em; color: #E3B656}
.at-Main .s15{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px}
.at-Main .s16{height: 44px; box-sizing: border-box; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: rgba(227,182,86,0.16); color: #F4D47B; font-weight: 700; font-size: 16px}
.at-Main .s17{font-size: 13px; letter-spacing: 0.08em; color: #F4D47B}
.at-Main .s18{height: 44px; box-sizing: border-box; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #EDE6D6; font-weight: 500; font-size: 16px}
.at-Main .s19{font-size: 13px; letter-spacing: 0.08em; color: #A9A195}
.at-Main .s20{position: relative; height: 640px; box-sizing: border-box; padding: 0 64px; display: flex; align-items: center; background: linear-gradient(180deg, #050505 0%, #050505 82%, rgba(5,5,5,0) 100%)}
.at-Main .s21{position: absolute; right: 0; top: 10px; width: 820px; height: 611px; display: block; pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 90%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 8%, #000 78%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 90%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 8%, #000 78%, transparent 100%); mask-composite: intersect}
.at-Main .s22{position: relative; z-index: 1; width: 640px; display: flex; flex-direction: column; gap: 24px}
.at-Main .s23{font-size: 13px; font-weight: 600; letter-spacing: 0.26em; color: #E3B656}
.at-Main .s24{margin: 0; font-family: Archivo, sans-serif; font-weight: 900; font-size: 84px; line-height: 0.98; letter-spacing: -0.035em}
.at-Main .s25{margin: 0; max-width: 540px; font-size: 19px; line-height: 1.6; color: #BDB5A5}
.at-Main .s26{display: flex; gap: 16px; margin-top: 8px}
.at-Main .s27{height: 58px; box-sizing: border-box; padding: 0 32px; display: flex; align-items: center; gap: 14px; background: #E3B656; color: #140F05; text-decoration: none; font-weight: 700; font-size: 17px}
.at-Main .s28{height: 58px; box-sizing: border-box; padding: 0 32px; display: flex; align-items: center; gap: 14px; border: 1px solid rgba(227,182,86,0.55); color: #E3B656; text-decoration: none; font-weight: 600; font-size: 17px}
.at-Main .s29{box-sizing: border-box; padding: 28px 64px 44px; display: flex; flex-direction: column; gap: 16px}
.at-Main .s30{display: flex; align-items: baseline; justify-content: space-between}
.at-Main .s31{font-size: 13px; font-weight: 600; letter-spacing: 0.24em; color: #E3B656}
.at-Main .s32{font-size: 15px; font-weight: 600; text-decoration: none}
.at-Main .s33{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px}
.at-Main .s34{box-sizing: border-box; min-height: 112px; padding: 20px 24px; display: flex; align-items: center; gap: 20px; background: rgba(12,11,9,0.84); border: 1px solid rgba(227,182,86,0.22); text-decoration: none}
.at-Main .s35{flex: none; width: 56px; height: 56px; box-sizing: border-box; border-radius: 50%; border: 1px solid rgba(227,182,86,0.35); background: radial-gradient(circle at 50% 35%, #1D1911, #080706); display: flex; align-items: center; justify-content: center}
.at-Main .s36{display: flex; flex-direction: column; gap: 6px}
.at-Main .s37{font-family: Archivo, sans-serif; font-weight: 700; font-size: 20px; color: #EBC35F}
.at-Main .s38{font-size: 16px; line-height: 1.45; color: #BDB5A5}
.at-Main .s39{margin-top: auto; height: 48px; box-sizing: border-box; padding: 0 64px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(227,182,86,0.18); font-size: 14px; color: #A9A195}
}