:root{
--sun-flow-duration:3600s;
--sky-top:#050817;
--sky-mid:#101b46;
--sky-low:#352b55;
--sun-x:50%;
--sun-y:22%;
--sun-opacity:.08;
--sun-scale:.9;
--sun-core-opacity:.10;
--sun-corona-opacity:.10;
--sun-flare-opacity:.05;
--sun-horizon-opacity:.10;
--sun-heat:.45;
--ray-opacity:.08;
--stars-opacity:.86;
--cross-glow:2.85;
--earth-sun-x:48%;
--earth-sun-y:18%;
--earth-sun-opacity:.18;
--earth-warm:.22;
--panel-blur:24px;
--gold:#ffe971;
--gold-hot:#fff8b5;
--blue:#9bd2ff;
--season-warm:.72;
--sun-progress:.50;
--sun-altitude:.38;
--sun-horizon:.08;
--sun-ray-angle:0deg;
--sun-scatter-opacity:.16;
--sun-lens-opacity:.05;
--sun-soft-edge:.55;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{min-height:100%;background:#081330;scroll-behavior:smooth} .seo-main-title,.seo-main-description{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.nav-btn,.sub-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.nav-btn:visited,.sub-btn:visited{color:#fff}
body{
margin:0;
min-height:100vh;
overflow-x:hidden;
color:#fff;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
background:#081330;
}
button,a{font:inherit}
.site-shell{
position:relative;
min-height:165vh;
overflow:hidden;
padding:clamp(26px,5vh,58px) clamp(14px,4vw,56px) 118px;
background:
radial-gradient(circle at var(--sun-x) var(--sun-y), rgba(255,247,148,calc(var(--sun-opacity)*.98)) 0%, rgba(255,204,49,calc(var(--sun-opacity)*.50)) calc(8% * var(--sun-scale)), rgba(255,137,70,calc(var(--sun-opacity)*.18)) calc(22% * var(--sun-scale)), transparent calc(43% * var(--sun-scale))),
linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 52%,var(--sky-low) 100%);
isolation:isolate;
}
.site-shell::before{
content:"";
position:absolute;inset:-20%;z-index:-5;pointer-events:none;
background:
radial-gradient(ellipse at 50% 18%, rgba(255,246,169,.26), transparent 20%),
radial-gradient(ellipse at 50% 40%, rgba(89,151,255,.13), transparent 38%),
radial-gradient(ellipse at 50% 100%, rgba(255,162,87,.23), transparent 46%);
filter:saturate(1.16);
transition:filter 900ms ease;
}
.site-shell::after{
content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
background:
radial-gradient(circle at 50% 18%, transparent 0%, transparent 36%, rgba(2,5,24,.12) 66%, rgba(0,0,0,.40) 100%),
linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%,rgba(0,0,0,.14));
}
.stars-layer,.sun-layer,.rays-layer,.mist-layer{position:absolute;inset:0;pointer-events:none}
.stars-layer{z-index:-4;opacity:var(--stars-opacity);transition:opacity 1500ms ease}
.sun-layer{z-index:-3;opacity:1;mix-blend-mode:screen;overflow:hidden;transition:opacity 1400ms linear}
.sun-disc{
position:absolute;left:var(--sun-x);top:var(--sun-y);width:clamp(170px,32vw,520px);height:clamp(170px,32vw,520px);border-radius:50%;
transform:translate(-50%,-50%) scale(calc(var(--sun-scale) * .98));
opacity:var(--sun-core-opacity);
background:
radial-gradient(circle at 50% 50%, rgba(255,255,247,.98) 0 4%, rgba(255,249,174,.95) 5% 11%, rgba(255,206,60,.68) 17%, rgba(255,142,52,.30) 34%, rgba(255,207,72,.12) 52%, transparent 72%),
conic-gradient(from 35deg, rgba(255,250,179,.20), transparent 18deg 34deg, rgba(255,196,67,.16) 52deg, transparent 68deg 96deg, rgba(255,242,151,.13) 112deg, transparent 132deg 180deg, rgba(255,184,78,.12), transparent 220deg 360deg);
filter:blur(.15px) saturate(calc(1.02 + var(--sun-heat)*.32));
animation:sunBreath 9s ease-in-out infinite;
}
.sun-disc::before{
content:"";position:absolute;inset:-36%;border-radius:50%;
background:radial-gradient(circle, rgba(255,244,143,.44), rgba(255,196,61,.23) 28%, rgba(255,130,60,.10) 50%, transparent 75%);
filter:blur(18px);opacity:var(--sun-corona-opacity);animation:coronaPulse 11s ease-in-out infinite;
}
.sun-disc::after{
content:"";position:absolute;inset:-22%;border-radius:50%;
background:conic-gradient(from 0deg, transparent 0 9deg, rgba(255,246,163,.22) 12deg 15deg, transparent 19deg 41deg, rgba(255,212,83,.15) 44deg 47deg, transparent 52deg 90deg, rgba(255,245,178,.13) 96deg 100deg, transparent 106deg 160deg, rgba(255,183,64,.10) 166deg 169deg, transparent 176deg 360deg);
opacity:var(--sun-flare-opacity);filter:blur(8px);animation:solarRaysSlow 72s linear infinite;
}
.solar-glare{
position:absolute;left:var(--sun-x);top:var(--sun-y);width:min(82vw,720px);height:clamp(34px,6vw,70px);
transform:translate(-50%,-50%) rotate(-4deg) scaleX(calc(.75 + var(--sun-scale)*.34));border-radius:999px;
opacity:calc(var(--sun-flare-opacity) * .70);
background:linear-gradient(90deg, transparent, rgba(255,245,178,.08), rgba(255,255,255,.30), rgba(255,219,87,.16), transparent);
filter:blur(10px);animation:glareFloat 13s ease-in-out infinite;
}
.sun-layer::after{
content:"";position:absolute;left:0;right:0;bottom:-15%;height:64%;
background:
radial-gradient(ellipse at var(--sun-x) 100%, rgba(255,222,98,calc(var(--sun-horizon-opacity)*.46)), rgba(255,151,68,calc(var(--sun-horizon-opacity)*.22)) 26%, transparent 65%),
linear-gradient(180deg, transparent, rgba(255,198,91,calc(var(--sun-horizon-opacity)*.12)) 62%, rgba(255,161,77,calc(var(--sun-horizon-opacity)*.18)));
filter:blur(16px);opacity:1;
}
.rays-layer{z-index:-2;opacity:var(--ray-opacity);mix-blend-mode:screen;filter:blur(.3px);transition:opacity 1500ms ease}
.stars-layer i{
position:absolute;border-radius:50%;background:rgba(255,255,255,.96);
width:2px;height:2px;box-shadow:0 0 12px rgba(255,255,255,.70);
animation:starTwinkle var(--tw,5s) ease-in-out infinite;
opacity:var(--a,.75);
}
.rays-layer{z-index:-2;opacity:var(--ray-opacity);mix-blend-mode:screen;filter:blur(.3px);transition:opacity 1500ms ease}
.rays-layer::before,.rays-layer::after{
content:"";position:absolute;left:50%;top:var(--sun-y);width:142vmax;height:142vmax;transform:translate(-50%,-50%);border-radius:50%;
background:conic-gradient(from 8deg,transparent 0 8deg,rgba(255,226,104,.20) 10deg 13deg,transparent 16deg 32deg,rgba(255,244,159,.13) 34deg 38deg,transparent 40deg 60deg);
animation:rayDrift 52s linear infinite;
}
.rays-layer::after{animation-duration:88s;animation-direction:reverse;opacity:.52;filter:blur(12px)}
.mist-layer{z-index:-1;opacity:.54;background:
radial-gradient(ellipse at 45% 42%,rgba(255,255,255,.13),transparent 26%),
radial-gradient(ellipse at 62% 78%,rgba(255,198,130,.12),transparent 42%);
filter:blur(25px);animation:mistMove 20s ease-in-out infinite alternate;
}
.hero{width:min(100%,1120px);margin:0 auto;text-align:center;position:relative;z-index:1}
.cross-stage{position:relative;height:clamp(162px,22vh,245px);display:grid;place-items:center;margin-bottom:clamp(12px,2.3vh,28px)}
.cross-halo{
position:absolute;width:clamp(235px,37vw,455px);height:clamp(235px,37vw,455px);border-radius:50%;
background:radial-gradient(circle, rgba(255,252,169,.96) 0%, rgba(255,230,61,.64) 18%, rgba(255,182,38,.29) 39%, rgba(84,166,255,.17) 58%, transparent 76%);
filter:blur(19px) saturate(1.35);
transform:translateY(0) scale(calc(.99 + var(--cross-glow)*.024));
animation:haloPulse 4.8s ease-in-out infinite;
opacity:.98;
}
.cross-wrap{
position:relative;width:clamp(92px,15vw,148px);height:clamp(130px,21vw,210px);
animation:crossFloat 6.8s ease-in-out infinite;
filter:drop-shadow(0 0 calc(22px * var(--cross-glow)) rgba(255,238,97,1)) drop-shadow(0 0 calc(55px * var(--cross-glow)) rgba(255,204,44,.88)) drop-shadow(0 0 calc(88px * var(--cross-glow)) rgba(126,196,255,.38));
}
.cross-wrap::before,.cross-wrap::after{
content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;
background:linear-gradient(135deg,#fffbd0 0%,#ffe64d 28%,#fff39f 52%,#ffc21f 72%,#fffbd4 100%);
box-shadow:inset 0 1px 8px rgba(255,255,255,.95), inset 0 -10px 20px rgba(255,166,0,.20), 0 0 32px rgba(255,238,92,1),0 0 86px rgba(255,207,54,.88);
animation:crossBreathe 4.9s ease-in-out infinite;
}
.cross-wrap::before{width:29%;height:100%}.cross-wrap::after{width:100%;height:23%;top:38%}
.cross-shine{position:absolute;inset:0;border-radius:45%;overflow:hidden;mix-blend-mode:screen;opacity:.75}
.cross-shine::before{content:"";position:absolute;inset:-50%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.88) 47%,transparent 58%);animation:shineSweep 5.6s ease-in-out infinite}
.nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,4vw,48px);align-items:start;margin:0 auto;max-width:940px}.nav-col{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.nav-btn,.sub-btn,.inline-link,.back-btn{
border:1px solid rgba(255,255,255,.25);color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:999px;padding:13px 18px;font-weight:800;letter-spacing:.015em;cursor:pointer;text-decoration:none;
box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 42px rgba(0,0,0,.12);
transition:transform .32s cubic-bezier(.2,.9,.2,1),box-shadow .32s ease,border-color .32s ease,background .32s ease;
}
.sub-btn{font-size:13px;padding:9px 14px;opacity:.92}.nav-btn:hover,.sub-btn:hover,.nav-btn.active,.sub-btn.active{transform:translateY(-2px);border-color:rgba(255,235,122,.65);box-shadow:0 0 0 1px rgba(255,230,93,.08),0 18px 55px rgba(255,214,67,.18),inset 0 1px 0 rgba(255,255,255,.42);background:linear-gradient(180deg,rgba(255,232,111,.25),rgba(255,255,255,.08))}
.panel-zone{width:min(920px,100%);margin:clamp(26px,5vh,50px) auto 0;position:relative;min-height:0}.panel{display:none;border:1px solid rgba(255,255,255,.24);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.09));backdrop-filter:blur(var(--panel-blur)) saturate(1.25);-webkit-backdrop-filter:blur(var(--panel-blur)) saturate(1.25);border-radius:28px;padding:clamp(22px,4vw,40px);box-shadow:0 30px 100px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.42);transform-origin:50% 0%;opacity:0;transform:translateY(34px) scale(.965);filter:blur(16px)}
.panel.open{display:block;animation:panelSpring .74s cubic-bezier(.18,1.18,.22,1) forwards}.panel.closing{display:block;animation:panelClose .34s ease forwards}.panel h2{margin:0 0 14px;font-size:clamp(24px,4vw,40px);line-height:1.05;color:#fff4aa;text-shadow:0 0 28px rgba(255,221,70,.46)}.panel p{margin:0 0 12px;line-height:1.75;color:rgba(255,255,255,.88);font-size:clamp(15px,2vw,18px)}.post-card{margin-top:16px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.inline-link,.back-btn{display:inline-flex;margin-top:14px;padding:11px 16px;color:#1d2250;background:linear-gradient(180deg,#fff8ad,#ffd84f);border-color:rgba(255,245,154,.82);box-shadow:0 12px 35px rgba(255,213,67,.22);font-weight:900}.back-btn{margin-top:18px}.about-view{transition:opacity .34s ease,transform .34s ease,filter .34s ease}.about-view.hidden{display:none}.about-view.fade-out{opacity:0;transform:translateY(12px) scale(.985);filter:blur(8px)}.about-view.fade-in{animation:aboutIn .52s cubic-bezier(.18,1.08,.22,1) forwards}.about-extra-box{padding-top:4px}
.earth-section{
margin:clamp(185px,26vh,340px) auto 0;
width:min(500px,86vw);
text-align:center;
position:relative;
z-index:1;
min-height:min(500px,86vw);
}
.earth-section::before{
content:"";position:absolute;inset:-30%;pointer-events:none;z-index:0;
background:
radial-gradient(circle at var(--earth-sun-x) var(--earth-sun-y), rgba(255,232,111,var(--earth-sun-opacity)) 0%, rgba(255,173,67,calc(var(--earth-sun-opacity)*.42)) 20%, transparent 48%),
radial-gradient(circle at 50% 54%, rgba(82,154,255,.13), transparent 54%);
filter:blur(18px);opacity:.9;transition:background 1200ms linear,opacity 1200ms linear;
}
.earth-frame{position:relative;z-index:1;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:visible;background:radial-gradient(circle at 50% 50%,rgba(64,140,255,.10),transparent 54%);filter:drop-shadow(0 0 30px rgba(122,191,255,.28)) drop-shadow(0 0 82px rgba(255,223,97,calc(var(--earth-warm)*.55)));contain:layout paint style;content-visibility:auto;will-change:filter}
.earth-frame::before{content:"";position:absolute;inset:-13%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(122,193,255,.17),rgba(255,224,98,calc(var(--earth-warm)*.18)) 35%,transparent 68%);filter:blur(20px);animation:earthGlow 6.5s ease-in-out infinite;z-index:0}#earthCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;contain:strict}.earth-frame.low-power{filter:drop-shadow(0 0 20px rgba(122,191,255,.20)) drop-shadow(0 0 48px rgba(255,223,97,calc(var(--earth-warm)*.35)))}
@keyframes crossFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes crossBreathe{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.26) saturate(1.25)}}@keyframes haloPulse{0%,100%{transform:scale(.98);opacity:.86}50%{transform:scale(1.09);opacity:1}}@keyframes shineSweep{0%,42%{transform:translateX(-55%) rotate(10deg);opacity:0}53%{opacity:.95}70%,100%{transform:translateX(56%) rotate(10deg);opacity:0}}@keyframes starTwinkle{0%,100%{transform:scale(.78);opacity:calc(var(--a,.7)*.55)}50%{transform:scale(1.34);opacity:var(--a,.85)}}@keyframes rayDrift{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes mistMove{0%{transform:translate3d(-1.5%,0,0) scale(1)}100%{transform:translate3d(1.5%,-1%,0) scale(1.04)}}@keyframes panelSpring{0%{opacity:0;transform:translateY(38px) scale(.94);filter:blur(18px)}62%{opacity:1;transform:translateY(-8px) scale(1.012);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes panelClose{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(10px)}}@keyframes aboutIn{0%{opacity:0;transform:translateY(18px) scale(.975);filter:blur(10px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes earthGlow{0%,100%{opacity:.66;transform:scale(.98)}50%{opacity:.98;transform:scale(1.04)}}
@keyframes sunBreath{0%,100%{transform:translate(-50%,-50%) scale(calc(var(--sun-scale)*.965));filter:blur(.2px) saturate(calc(1.02 + var(--sun-heat)*.26)) brightness(1)}50%{transform:translate(-50%,-50%) scale(calc(var(--sun-scale)*1.035));filter:blur(.35px) saturate(calc(1.08 + var(--sun-heat)*.34)) brightness(1.12)}}
@keyframes coronaPulse{0%,100%{transform:scale(.96);opacity:calc(var(--sun-corona-opacity)*.72)}50%{transform:scale(1.09);opacity:var(--sun-corona-opacity)}}
@keyframes solarRaysSlow{to{transform:rotate(360deg)}}
@keyframes glareFloat{0%,100%{transform:translate(-50%,-50%) rotate(-4deg) scaleX(calc(.72 + var(--sun-scale)*.32));opacity:calc(var(--sun-flare-opacity)*.48)}50%{transform:translate(-50%,-54%) rotate(-2deg) scaleX(calc(.88 + var(--sun-scale)*.38));opacity:calc(var(--sun-flare-opacity)*.82)}}
@media (max-width:760px){.site-shell{padding:28px 14px 80px;min-height:175svh}.cross-stage{height:168px;margin-bottom:14px}.cross-wrap{width:98px;height:140px}.cross-halo{width:252px;height:252px;filter:blur(16px)}.nav-grid{grid-template-columns:repeat(3,1fr);gap:10px}.nav-btn{font-size:13px;padding:11px 8px}.sub-btn{font-size:10px;padding:8px 6px}.panel-zone{margin-top:24px}.panel{border-radius:24px;padding:22px 18px}.earth-section{margin-top:clamp(175px,25vh,260px);width:min(82vw,360px);min-height:min(82vw,360px)}}
@media (max-width:420px){.nav-grid{gap:8px}.nav-btn{font-size:12px}.sub-btn{font-size:9px}.earth-section{width:84vw}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sun-disc,.sun-disc::before,.sun-disc::after,.solar-glare{animation:none!important}} html[data-season="spring"] .site-shell::before{filter:saturate(1.18) hue-rotate(1deg)}
html[data-season="summer"] .site-shell::before{filter:saturate(1.28) brightness(1.05)}
html[data-season="autumn"] .site-shell::before{filter:saturate(1.22) hue-rotate(-7deg)}
html[data-season="winter"] .site-shell::before{filter:saturate(1.02) brightness(.96) hue-rotate(7deg)} .sun-layer{
contain:paint style;
will-change:opacity;
}
.sun-layer::before{
content:"";
position:absolute;
inset:-18%;
pointer-events:none;
opacity:var(--sun-scatter-opacity);
background:
radial-gradient(ellipse at var(--sun-x) var(--sun-y), rgba(255,255,229,.34), rgba(255,218,105,.18) 15%, rgba(255,145,73,.08) 30%, transparent 57%),
linear-gradient(180deg, transparent 0%, rgba(255,198,104,.06) 62%, rgba(255,154,82,.13) 100%);
filter:blur(18px) saturate(1.16);
transition:opacity 1200ms linear;
}
.sun-disc{
will-change:transform, opacity, filter;
transition:left var(--sun-flow-duration,3600s) linear, top var(--sun-flow-duration,3600s) linear, opacity 1400ms linear, transform var(--sun-flow-duration,3600s) linear, filter 900ms ease;
}
.sun-disc .sun-hotspot{display:none}
.sun-disc{
background:
radial-gradient(circle at 49% 48%, rgba(255,255,255,1) 0 3.2%, rgba(255,252,211,.99) 4.4% 7.5%, rgba(255,236,117,.92) 10.5%, rgba(255,198,54,.58) 20%, rgba(255,143,54,.26) 34%, rgba(255,214,88,.11) 50%, transparent 72%),
radial-gradient(circle at 40% 37%, rgba(255,255,255,.65), transparent 12%),
conic-gradient(from var(--sun-ray-angle), rgba(255,255,221,.26), rgba(255,218,81,.09) 11deg, transparent 25deg, rgba(255,176,62,.15) 39deg, transparent 59deg, rgba(255,244,169,.18) 91deg, transparent 126deg, rgba(255,211,76,.14) 174deg, transparent 217deg, rgba(255,248,190,.13) 278deg, transparent 360deg);
box-shadow:
0 0 calc(44px * var(--sun-scale)) rgba(255,247,166,calc(var(--sun-core-opacity)*.52)),
0 0 calc(105px * var(--sun-scale)) rgba(255,191,49,calc(var(--sun-corona-opacity)*.38)),
0 0 calc(210px * var(--sun-scale)) rgba(255,134,54,calc(var(--sun-horizon)*.23));
}
.sun-disc::before{
inset:-52%;
background:
radial-gradient(circle, rgba(255,255,232,.42), rgba(255,229,110,.29) 22%, rgba(255,174,63,.17) 43%, rgba(255,119,71,.07) 61%, transparent 78%),
conic-gradient(from calc(var(--sun-ray-angle) * -1), rgba(255,250,181,.16), transparent 32deg, rgba(255,217,92,.14) 58deg, transparent 96deg, rgba(255,188,71,.12) 148deg, transparent 222deg, rgba(255,244,163,.13), transparent 360deg);
transition:opacity 1400ms linear, transform var(--sun-flow-duration,3600s) linear;
}
.sun-disc::after{
inset:-36%;
background:
conic-gradient(from var(--sun-ray-angle), transparent 0 7deg, rgba(255,255,218,.28) 10deg 12deg, transparent 16deg 43deg, rgba(255,230,122,.18) 46deg 49deg, transparent 54deg 96deg, rgba(255,184,67,.14) 101deg 104deg, transparent 112deg 170deg, rgba(255,247,175,.13) 176deg 179deg, transparent 185deg 360deg);
opacity:calc(var(--sun-flare-opacity) * .82);
transition:opacity 1400ms linear;
}
.solar-glare{
transition:left var(--sun-flow-duration,3600s) linear, top var(--sun-flow-duration,3600s) linear, opacity 1400ms linear, transform var(--sun-flow-duration,3600s) linear;
}
.solar-glare::before,
.solar-glare::after{
content:"";
position:absolute;
left:50%; top:50%;
transform:translate(-50%,-50%);
border-radius:999px;
pointer-events:none;
opacity:var(--sun-lens-opacity);
background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), rgba(255,219,91,.35), rgba(255,255,255,.12), transparent);
filter:blur(16px);
}
.solar-glare::before{width:120%;height:140%;}
.solar-glare::after{width:58%;height:82%;transform:translate(-50%,-50%) rotate(90deg);opacity:calc(var(--sun-lens-opacity)*.45)}
.rays-layer::before,.rays-layer::after{
top:var(--sun-y);
left:var(--sun-x);
transform:translate(-50%,-50%) rotate(var(--sun-ray-angle));
transition:left var(--sun-flow-duration,3600s) linear, top var(--sun-flow-duration,3600s) linear, opacity 1400ms linear;
}
@keyframes rayDrift{to{transform:translate(-50%,-50%) rotate(calc(var(--sun-ray-angle) + 360deg))}}
html[data-perf-mode="low"] .mist-layer{opacity:.28;filter:blur(18px)}
html[data-perf-mode="low"] .rays-layer::after{display:none}
html[data-perf-mode="low"] .sun-disc::after{display:none}
html[data-perf-mode="low"] .solar-glare::after{display:none}
html[data-perf-mode="balanced"] .rays-layer::after{opacity:.35}
html[data-perf-mode="low"] .sun-layer::before{filter:blur(12px)}
@media (max-width:760px){
.sun-disc{width:clamp(150px,42vw,360px);height:clamp(150px,42vw,360px)}
.solar-glare{width:min(92vw,520px)}
} html{scroll-padding-top:24px;}
body{overflow-y:auto;overscroll-behavior-y:auto;}
.site-shell{
min-height:230svh;
overflow-x:hidden;
overflow-y:clip;
padding-bottom:clamp(180px,32vh,420px);
}
.earth-section{
margin-top:clamp(260px,42vh,560px);
margin-bottom:clamp(120px,28vh,360px);
content-visibility:auto;
contain-intrinsic-size:420px 420px;
}
.earth-frame,#earthCanvas{
pointer-events:none;
touch-action:pan-y;
}
html.is-scrolling .rays-layer,
html.is-scrolling .mist-layer{
animation-play-state:paused!important;
opacity:calc(var(--ray-opacity) * .54);
}
html.is-scrolling .sun-disc,
html.is-scrolling .sun-disc::before,
html.is-scrolling .sun-disc::after,
html.is-scrolling .solar-glare,
html.is-scrolling .earth-frame::before{
animation-play-state:paused!important;
}
html.is-scrolling .earth-frame{
filter:drop-shadow(0 0 18px rgba(122,191,255,.18)) drop-shadow(0 0 38px rgba(255,223,97,calc(var(--earth-warm)*.24)));
}
@media (max-width:760px){
.site-shell{min-height:260svh;padding-bottom:clamp(220px,40vh,520px);overflow-y:clip;}
.earth-section{margin-top:clamp(300px,48vh,620px);margin-bottom:clamp(180px,36vh,520px);width:min(78vw,335px);min-height:min(78vw,335px);}
.stars-layer i:nth-child(n+45){display:none;}
.rays-layer::after{display:none;}
.mist-layer{filter:blur(18px);opacity:.38;}
}
@media (max-width:420px){
.site-shell{min-height:275svh;}
.earth-section{width:78vw;margin-top:clamp(320px,52vh,680px);}
}
@supports not (overflow: clip){.site-shell{overflow-y:hidden;}} .earth-section,
.earth-frame,
#earthCanvas {
display: none !important;
}
.site-shell{
min-height:100svh !important;
overflow-x:hidden !important;
overflow-y:visible !important;
padding-bottom:clamp(86px,14vh,160px) !important;
touch-action:pan-y;
}
.hero{
padding-bottom:clamp(46px,8vh,110px);
}
.panel-zone{
margin-bottom:clamp(36px,8vh,92px);
}
.about-profile-card{
width:100%;
display:grid;
place-items:center;
text-align:center;
}
.about-photo-frame{
width:min(380px,92%);
margin:0 auto 22px;
border-radius:28px;
padding:10px;
border:1px solid rgba(255,235,126,.38);
background:
linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.08)),
radial-gradient(circle at 50% 0%,rgba(255,230,96,.26),transparent 55%);
box-shadow:
0 22px 70px rgba(0,0,0,.23),
0 0 58px rgba(255,214,67,.15),
inset 0 1px 0 rgba(255,255,255,.38);
}
.about-photo-frame img{
display:block;
width:100%;
height:auto;
max-height:460px;
object-fit:cover;
border-radius:22px;
box-shadow:
0 18px 50px rgba(0,0,0,.22),
0 0 0 1px rgba(255,255,255,.18);
}
.about-photo-placeholder{
width:100%;
aspect-ratio:4/3;
border-radius:22px;
background:
radial-gradient(circle at 50% 38%,rgba(255,245,164,.46),transparent 18%),
radial-gradient(circle at 50% 50%,rgba(255,219,73,.20),transparent 35%),
linear-gradient(145deg,rgba(25,62,126,.82),rgba(15,22,60,.86) 54%,rgba(80,50,105,.72));
box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.about-title{
margin:2px 0 10px !important;
color:#fff5ad !important;
}
.about-description{
width:min(680px,100%);
margin:0 auto 16px !important;
color:rgba(255,255,255,.88) !important;
font-size:clamp(15px,2.2vw,19px) !important;
line-height:1.68 !important;
}
.about-text{
width:min(760px,100%);
text-align:left;
margin:0 auto 8px !important;
}
.about-text p{
margin-bottom:0;
}
html.is-scrolling .cross-wrap,
html.is-scrolling .cross-halo,
html.is-scrolling .sun-disc,
html.is-scrolling .sun-disc::before,
html.is-scrolling .sun-disc::after,
html.is-scrolling .solar-glare {
animation-play-state: paused !important;
}
@media (max-width:760px){
.site-shell{
min-height:100svh !important;
padding-bottom:86px !important;
}
.hero{
padding-bottom:58px;
}
.about-photo-frame{
width:min(330px,96%);
border-radius:24px;
padding:8px;
}
.about-photo-frame img,
.about-photo-placeholder{
border-radius:18px;
}
}
@media (max-width:420px){
.about-photo-frame{
width:100%;
}
} :root{
--panel-blur:18px;
}
.sun-layer,
.rays-layer,
.mist-layer,
.stars-layer,
.cross-halo,
.cross-wrap{
backface-visibility:hidden;
transform:translateZ(0);
}
.panel{
content-visibility:auto;
contain-intrinsic-size:420px;
will-change:opacity,transform;
}
.panel.open,
.panel.closing{
contain:layout paint style;
}
.site-shell{
contain:paint style;
}
html.is-scrolling .rays-layer,
html.is-scrolling .mist-layer,
html.is-scrolling .stars-layer,
html.is-scrolling .sun-disc::after,
html.is-scrolling .solar-glare::before,
html.is-scrolling .solar-glare::after{
animation-play-state:paused !important;
}
html.is-scrolling .mist-layer{opacity:.30 !important;filter:blur(14px) !important;}
html.is-scrolling .rays-layer{opacity:calc(var(--ray-opacity) * .45) !important;}
html.is-scrolling .panel{backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);}
.nav-btn[aria-expanded="true"],
.sub-btn[aria-expanded="true"]{
border-color:rgba(255,235,122,.76);
box-shadow:0 0 0 1px rgba(255,230,93,.10),0 18px 55px rgba(255,214,67,.18),inset 0 1px 0 rgba(255,255,255,.45);
}
@media (max-width:760px){
:root{--panel-blur:14px;}
.rays-layer::after,
.sun-disc::after,
.solar-glare::after{display:none;}
.mist-layer{filter:blur(16px);opacity:.36;}
.panel{content-visibility:auto;contain-intrinsic-size:360px;}
.panel.open{animation-duration:.58s;}
.panel.closing{animation-duration:.24s;}
}
@media (prefers-reduced-data: reduce){
.stars-layer i:nth-child(n+16){display:none;}
.rays-layer::after,.sun-disc::after,.solar-glare::after{display:none;}
} .site-shell{contain:layout paint style;content-visibility:visible;will-change:auto}
.cross-stage,.nav-grid,.panel-zone{contain:layout style;}
.panel{content-visibility:auto;contain:layout paint style;contain-intrinsic-size:520px;}
.stars-layer,.rays-layer,.mist-layer,.sun-layer{contain:strict;will-change:opacity;}
html.is-scrolling .stars-layer i,html.is-scrolling .rays-layer,html.is-scrolling .mist-layer,html.is-scrolling .sun-disc::after{animation-play-state:paused!important}
html.is-scrolling .cross-wrap,html.is-scrolling .cross-halo{animation-duration:9s!important;filter:none!important}
html[data-perf-mode="low"] .rays-layer::after,html[data-perf-mode="low"] .sun-disc::after,html[data-perf-mode="low"] .mist-layer{display:none!important}
html[data-perf-mode="low"] .cross-wrap{filter:drop-shadow(0 0 34px rgba(255,238,97,.88)) drop-shadow(0 0 66px rgba(255,204,44,.58))}
html[data-perf-mode="low"] .cross-halo{filter:blur(13px) saturate(1.15)}
html:not(.eliah-consent-user-ready) #cookieadmin_notice,
html:not(.eliah-consent-user-ready) #cookieadmin_preferences,
html:not(.eliah-consent-user-ready) [id*="cookieadmin"],
html:not(.eliah-consent-user-ready) [class*="cookieadmin"],
html:not(.eliah-consent-user-ready) [id*="CookieAdmin"],
html:not(.eliah-consent-user-ready) [class*="CookieAdmin"],
html:not(.eliah-consent-user-ready) [id*="cookie-law"],
html:not(.eliah-consent-user-ready) [class*="cookie-law"],
html:not(.eliah-consent-user-ready) [id*="cookie-notice"],
html:not(.eliah-consent-user-ready) [class*="cookie-notice"],
html:not(.eliah-consent-user-ready) [id*="cookie_consent"],
html:not(.eliah-consent-user-ready) [class*="cookie_consent"],
html:not(.eliah-consent-user-ready) [id*="cookie-consent"],
html:not(.eliah-consent-user-ready) [class*="cookie-consent"]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;contain:strict!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;transform:none!important}
html.eliah-consent-user-ready [id*="cookieadmin"],html.eliah-consent-user-ready [class*="cookieadmin"],html.eliah-consent-user-ready [id*="cookie-law"],html.eliah-consent-user-ready [class*="cookie-law"],html.eliah-consent-user-ready [id*="cookie-notice"],html.eliah-consent-user-ready [class*="cookie-notice"],html.eliah-consent-user-ready [id*="cookie_consent"],html.eliah-consent-user-ready [class*="cookie_consent"],html.eliah-consent-user-ready [id*="cookie-consent"],html.eliah-consent-user-ready [class*="cookie-consent"]{transition:opacity .18s ease,transform .18s ease!important}
@media(max-width:760px){
.site-shell{min-height:150svh;padding-bottom:120px;}
.sun-disc{filter:blur(.1px) saturate(1.08)!important;}
.rays-layer::after,.mist-layer{display:none!important;}
.stars-layer i:nth-child(n+19){display:none!important;}
.nav-btn,.sub-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.panel{backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);}
}
@media(prefers-reduced-motion:reduce){.cross-wrap,.cross-halo,.sun-disc,.sun-disc::before,.solar-glare,.stars-layer i{animation:none!important}} .about-link-grid{
width:min(760px,100%);
margin:18px auto 0;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:10px;
align-items:center;
}
.about-page-trigger{
justify-content:center;
text-align:center;
min-height:46px;
margin-top:0!important;
color:#1b2550!important;
line-height:1.25;
}
.about-page-trigger:hover,
.about-page-trigger:focus-visible,
.about-step-nav .back-btn:hover,
.about-step-nav .back-btn:focus-visible{
transform:translateY(-2px);
box-shadow:0 16px 42px rgba(255,213,67,.28),0 0 0 1px rgba(255,245,154,.36);
outline:none;
}
.about-extra-box h2{
text-align:center;
}
.about-step-nav{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
width:min(440px,100%);
margin:20px auto 0;
}
.about-step-nav .back-btn{
margin-top:0!important;
justify-content:center;
text-align:center;
}
.about-nav-forward{order:1;}
.about-nav-back{order:2;}
.about-nav-forward::after{
content:" →";
opacity:.72;
}
.about-nav-back::before{
content:"← ";
opacity:.72;
}
.about-step-nav [hidden]{display:none!important;}
@media(max-width:760px){
.about-link-grid{grid-template-columns:1fr;gap:9px;margin-top:16px;}
.about-page-trigger{min-height:44px;font-size:14px;}
.about-step-nav{grid-template-columns:1fr 1fr;gap:9px;}
.about-step-nav .back-btn{padding:10px 12px;font-size:13px;}
} @media (max-width:760px), (pointer:coarse) {
html,
body {
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.site-shell {
overflow-x: hidden;
overflow-y: clip;
touch-action: pan-y;
transform: translateZ(0);
}
.cross-stage,
.nav-grid,
.panel-zone,
.panel,
.cross-wrap,
.cross-halo,
.sun-disc,
.solar-glare,
.rays-layer,
.mist-layer,
.stars-layer {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform-style: preserve-3d;
}
.cross-wrap,
.cross-halo,
.sun-disc,
.solar-glare,
.panel.open {
will-change: transform, opacity;
}
.panel {
backdrop-filter: blur(12px) saturate(1.08) !important;
-webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
box-shadow: 0 20px 70px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.panel.open {
animation: panelMobileOpenSmooth .50s cubic-bezier(.18, 1.02, .22, 1) forwards !important;
}
.panel.closing {
animation: panelMobileCloseSmooth .22s ease forwards !important;
}
.nav-btn,
.sub-btn,
.inline-link,
.back-btn,
.about-page-trigger {
transform: translateZ(0);
will-change: transform;
}
.stars-layer i:nth-child(n+15) {
display: none !important;
}
}
@media (max-width:760px), (pointer:coarse) {
html.is-scrolling .cross-wrap {
animation-play-state: paused !important;
filter:
drop-shadow(0 0 18px rgba(255,238,97,.86))
drop-shadow(0 0 42px rgba(255,204,44,.46)) !important;
}
html.is-scrolling .cross-halo {
animation-play-state: paused !important;
filter: blur(11px) saturate(1.08) !important;
opacity: .70 !important;
}
html.is-scrolling .sun-disc,
html.is-scrolling .sun-disc::before,
html.is-scrolling .sun-disc::after,
html.is-scrolling .solar-glare,
html.is-scrolling .solar-glare::before,
html.is-scrolling .solar-glare::after,
html.is-scrolling .rays-layer,
html.is-scrolling .rays-layer::before,
html.is-scrolling .rays-layer::after,
html.is-scrolling .mist-layer,
html.is-scrolling .stars-layer i {
animation-play-state: paused !important;
}
html.is-scrolling .rays-layer {
opacity: calc(var(--ray-opacity) * .24) !important;
filter: blur(0) !important;
}
html.is-scrolling .mist-layer {
opacity: .18 !important;
filter: blur(10px) !important;
}
html.is-scrolling .sun-disc::after,
html.is-scrolling .solar-glare,
html.is-scrolling .solar-glare::before,
html.is-scrolling .solar-glare::after {
opacity: .12 !important;
}
html.is-scrolling .stars-layer i:nth-child(n+8) {
display: none !important;
}
html.is-scrolling .panel {
backdrop-filter: blur(8px) saturate(1.02) !important;
-webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
}
html.is-scrolling .nav-btn,
html.is-scrolling .sub-btn {
transition-duration: .12s !important;
}
}
@keyframes panelMobileOpenSmooth {
0% {
opacity: 0;
transform: translate3d(0, 24px, 0) scale(.972);
filter: blur(10px);
}
72% {
opacity: 1;
transform: translate3d(0, -3px, 0) scale(1.004);
filter: blur(0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
filter: blur(0);
}
}
@keyframes panelMobileCloseSmooth {
0% {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
filter: blur(0);
}
100% {
opacity: 0;
transform: translate3d(0, 14px, 0) scale(.988);
filter: blur(7px);
}
}
@media (max-width:420px) {
html.is-scrolling .cross-halo { opacity: .64 !important; }
html.is-scrolling .rays-layer { opacity: calc(var(--ray-opacity) * .18) !important; }
.stars-layer i:nth-child(n+12) { display:none !important; }
} @media (min-width:761px) and (pointer:fine) {
html.is-scrolling .cross-wrap,
html.is-scrolling .cross-halo,
html.is-scrolling .sun-disc,
html.is-scrolling .sun-disc::before,
html.is-scrolling .sun-disc::after,
html.is-scrolling .solar-glare,
html.is-scrolling .rays-layer,
html.is-scrolling .mist-layer,
html.is-scrolling .stars-layer i {
animation-play-state: running !important;
}
} html.sun-flow-instant{--sun-flow-duration:0s!important} html{scrollbar-gutter:stable;}
body{text-rendering:optimizeLegibility;} @keyframes crossBreathe{
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.98}
50%{transform:translate(-50%,-50%) scale(1.018);opacity:1}
}
@keyframes sunBreath{
0%,100%{transform:translate(-50%,-50%) scale(calc(var(--sun-scale)*.972));opacity:var(--sun-core-opacity)}
50%{transform:translate(-50%,-50%) scale(calc(var(--sun-scale)*1.022));opacity:calc(var(--sun-core-opacity)*1.08)}
}
@keyframes coronaPulse{
0%,100%{transform:scale(.97);opacity:calc(var(--sun-corona-opacity)*.70)}
50%{transform:scale(1.06);opacity:var(--sun-corona-opacity)}
}
@keyframes glareFloat{
0%,100%{transform:translate3d(-50%,-50%,0) rotate(-4deg) scaleX(calc(.72 + var(--sun-scale)*.32));opacity:calc(var(--sun-flare-opacity)*.45)}
50%{transform:translate3d(-50%,-53%,0) rotate(-2deg) scaleX(calc(.86 + var(--sun-scale)*.36));opacity:calc(var(--sun-flare-opacity)*.72)}
}
@keyframes panelSpring{
0%{opacity:0;transform:translate3d(0,30px,0) scale(.955)}
62%{opacity:1;transform:translate3d(0,-5px,0) scale(1.008)}
100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes panelClose{
0%{opacity:1;transform:translate3d(0,0,0) scale(1)}
100%{opacity:0;transform:translate3d(0,14px,0) scale(.988)}
}
@keyframes aboutIn{
0%{opacity:0;transform:translate3d(0,15px,0) scale(.982)}
100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes panelMobileOpenSmooth{
0%{opacity:0;transform:translate3d(0,22px,0) scale(.974)}
72%{opacity:1;transform:translate3d(0,-2px,0) scale(1.003)}
100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes panelMobileCloseSmooth{
0%{opacity:1;transform:translate3d(0,0,0) scale(1)}
100%{opacity:0;transform:translate3d(0,12px,0) scale(.99)}
}
.panel,.about-view,.about-view.fade-out{filter:none!important;}
.sun-disc{transform:translate3d(-50%,-50%,0) scale(calc(var(--sun-scale)*.98));}
.solar-glare{transform:translate3d(-50%,-50%,0) rotate(-4deg) scaleX(calc(.75 + var(--sun-scale)*.34));}
.cross-wrap,.cross-halo,.sun-disc,.solar-glare,.panel.open{transform:translateZ(0);}
html.is-reading-performance .rays-layer,
html.is-reading-performance .rays-layer::before,
html.is-reading-performance .rays-layer::after,
html.is-reading-performance .mist-layer,
html.is-reading-performance .stars-layer i,
html.is-reading-performance .sun-disc,
html.is-reading-performance .sun-disc::before,
html.is-reading-performance .sun-disc::after,
html.is-reading-performance .solar-glare,
html.is-reading-performance .solar-glare::before,
html.is-reading-performance .solar-glare::after,
html.is-reading-performance .earth-frame::before{
animation-play-state:paused!important;
}
html.is-reading-performance .rays-layer{opacity:calc(var(--ray-opacity) * .18)!important;filter:blur(0)!important;}
html.is-reading-performance .mist-layer{opacity:.14!important;filter:blur(9px)!important;}
html.is-reading-performance .stars-layer{opacity:calc(var(--stars-opacity) * .46)!important;}
html.is-reading-performance .sun-disc::after,
html.is-reading-performance .solar-glare,
html.is-reading-performance .solar-glare::before,
html.is-reading-performance .solar-glare::after{opacity:.10!important;}
html.is-reading-performance .cross-halo{animation-play-state:paused!important;opacity:.78!important;filter:blur(13px) saturate(1.1)!important;}
html.is-reading-performance .cross-wrap{animation-play-state:running!important;}
html.is-reading-performance .panel{box-shadow:0 18px 58px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.30)!important;}
html.is-reading-performance .nav-btn,
html.is-reading-performance .sub-btn,
html.is-reading-performance .inline-link,
html.is-reading-performance .back-btn{transition-duration:.14s!important;}
@media(max-width:760px),(pointer:coarse){
.site-shell{min-height:100svh!important;}
.sun-layer::before,.sun-disc::before{filter:blur(10px)!important;}
.sun-layer::after{filter:blur(10px)!important;}
.cross-wrap{filter:drop-shadow(0 0 28px rgba(255,238,97,.92)) drop-shadow(0 0 62px rgba(255,204,44,.62))!important;}
.cross-halo{filter:blur(13px) saturate(1.12)!important;}
.panel{backdrop-filter:blur(9px) saturate(1.04)!important;-webkit-backdrop-filter:blur(9px) saturate(1.04)!important;}
.about-view{transition:opacity .22s ease,transform .22s ease!important;}
html.is-reading-performance .panel{backdrop-filter:blur(6px) saturate(1.02)!important;-webkit-backdrop-filter:blur(6px) saturate(1.02)!important;}
html.is-reading-performance .stars-layer i:nth-child(n+6){display:none!important;}
}
@media(max-width:420px){
.stars-layer i:nth-child(n+8){display:none!important;}
.sun-disc{width:clamp(150px,48vw,260px);height:clamp(150px,48vw,260px);}
} .section-lazy,
.panel-zone{
content-visibility:auto;
contain-intrinsic-size:720px;
}
.panel-lazy:not(.is-loaded) .panel-loading-card{
display:grid;
}
.panel-loading-card{
width:min(620px,100%);
margin:18px auto 0;
padding:18px;
border-radius:22px;
border:1px solid rgba(255,255,255,.16);
background:rgba(255,255,255,.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
gap:10px;
contain:layout paint style;
}
.panel-loading-card span{
display:block;
height:12px;
border-radius:999px;
background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,246,175,.26),rgba(255,255,255,.10));
background-size:220% 100%;
animation:eliahSkeleton 1.25s linear infinite;
}
.panel-loading-card span:nth-child(1){width:76%;}
.panel-loading-card span:nth-child(2){width:94%;animation-delay:-.18s;}
.panel-loading-card span:nth-child(3){width:54%;animation-delay:-.34s;}
.panel.is-loaded .panel-loading-card{display:none!important;}
.panel.is-loading{cursor:progress;}
.panel.is-loading::after{
content:"";
position:absolute;
inset:auto 24px 18px auto;
width:20px;
height:20px;
border-radius:50%;
border:2px solid rgba(255,255,255,.20);
border-top-color:rgba(255,236,110,.84);
animation:eliahSpin .74s linear infinite;
pointer-events:none;
}
.panel.is-error .panel-loading-card::before{
content:"Sadržaj se nije učitao. Pokušaj ponovno otvoriti kategoriju.";
color:rgba(255,245,190,.92);
font-weight:700;
font-size:14px;
}
@keyframes eliahSkeleton{to{background-position:-220% 0;}}
@keyframes eliahSpin{to{transform:rotate(360deg);}} .post-card,
.about-profile-card,
.about-extra-box,
.content-image-frame,
.about-photo-frame{
content-visibility:auto;
contain-intrinsic-size:320px;
}
.content-image-frame img,
.about-photo-frame img{
aspect-ratio:auto;
image-rendering:auto;
} html.eliah-shell-first .panel:not(.open){content-visibility:hidden;}
html.is-reading-performance .panel-loading-card span,
html.is-scrolling .panel-loading-card span{animation-play-state:paused!important;}
@media(max-width:760px),(pointer:coarse){
.section-lazy,.panel-zone{contain-intrinsic-size:560px;}
.panel-loading-card{padding:14px;border-radius:18px;}
.panel.is-loading::after{width:17px;height:17px;right:18px;bottom:14px;}
.post-card,.about-profile-card,.about-extra-box,.content-image-frame,.about-photo-frame{contain-intrinsic-size:260px;}
}
@media(prefers-reduced-motion:reduce){
.panel-loading-card span,.panel.is-loading::after{animation:none!important;}
} .panel-post-list{
display:grid;
gap:clamp(16px,2.7vw,24px);
width:min(780px,100%);
margin:0 auto;
}
.panel-post-item{
text-align:left;
contain:layout paint style;
content-visibility:auto;
contain-intrinsic-size:340px;
}
.panel-post-title{
margin:0 0 12px!important;
font-size:clamp(22px,3.4vw,34px)!important;
line-height:1.12!important;
text-align:center;
color:#fff4aa!important;
text-shadow:0 0 26px rgba(255,221,70,.42);
}
.panel-post-title a{
color:inherit;
text-decoration:none;
display:inline-block;
transition:transform .18s ease, text-shadow .18s ease;
}
.panel-post-title a:hover,
.panel-post-title a:focus-visible{
transform:translateY(-1px);
text-shadow:0 0 34px rgba(255,231,99,.62);
outline:none;
}
.panel-post-content{
color:rgba(255,255,255,.9);
line-height:1.75;
overflow-wrap:anywhere;
}
.panel-post-content p:last-child{margin-bottom:0;}
.panel-pager{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin-top:clamp(18px,3vw,28px);
flex-wrap:wrap;
}
.panel-page-status{
min-width:66px;
text-align:center;
font-weight:900;
color:rgba(255,247,184,.92);
text-shadow:0 0 18px rgba(255,219,73,.28);
}
.panel-page-btn[disabled]{
opacity:.42;
cursor:not-allowed;
filter:saturate(.72);
}
.panel-empty-card{text-align:center;}
.panel.is-error .panel-loading-card{display:none!important;}
.panel-retry-btn{margin-top:12px;}
@media(max-width:760px),(pointer:coarse){
.panel-post-list{gap:14px;}
.panel-post-title{font-size:clamp(20px,6.2vw,28px)!important;}
.panel-post-item{contain-intrinsic-size:280px;}
.panel-pager{gap:8px;}
.panel-page-status{min-width:54px;font-size:13px;}
} .panel.open{
overflow:visible;
}
.panel.open .post-card,
.panel.open .about-profile-card,
.panel.open .about-extra-box{
content-visibility:visible;
contain:layout style;
}
.panel.open .panel-post-list,
.panel.open .about-text,
.panel.open .about-profile-card,
.panel.open .about-extra-box{
width:min(880px,100%);
}
.post-card,
.about-text.post-card,
.about-extra-box .post-card{
border-radius:24px;
border:1px solid rgba(255,255,255,.16);
background:
linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.055)),
radial-gradient(circle at 50% 0%,rgba(255,239,151,.105),transparent 58%);
box-shadow:
0 18px 54px rgba(0,0,0,.145),
inset 0 1px 0 rgba(255,255,255,.22);
}
.panel-post-content,
.about-text,
.about-extra-box .post-card{
max-height:none!important;
overflow:visible!important;
display:block!important;
-webkit-line-clamp:unset!important;
line-clamp:unset!important;
-webkit-box-orient:initial!important;
color:rgba(255,255,255,.925);
line-height:1.84;
font-size:clamp(15.5px,1.9vw,18.5px);
letter-spacing:.005em;
overflow-wrap:anywhere;
word-break:normal;
}
.panel-post-content p,
.about-text p,
.about-extra-box .post-card p{
margin:0 0 1.05em!important;
}
.panel-post-content p:last-child,
.about-text p:last-child,
.about-extra-box .post-card p:last-child{
margin-bottom:0!important;
}
.panel-description,
.about-description{
max-height:none!important;
overflow:visible!important;
display:block!important;
-webkit-line-clamp:unset!important;
line-clamp:unset!important;
}
.about-text ul,
.about-text ol,
.panel-post-content ul,
.panel-post-content ol{
margin:0 0 1.1em 1.25em;
padding:0;
}
.about-text li,
.panel-post-content li{
margin:.35em 0;
}
.about-text a,
.panel-post-content a{
color:#fff5ad;
text-decoration-thickness:.08em;
text-underline-offset:.18em;
}
@media(max-width:760px),(pointer:coarse){
.panel.open .panel-post-list,
.panel.open .about-text,
.panel.open .about-profile-card,
.panel.open .about-extra-box{
width:100%;
}
.post-card,
.about-text.post-card,
.about-extra-box .post-card{
padding:clamp(16px,4.4vw,20px);
border-radius:20px;
background:
linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.052)),
radial-gradient(circle at 50% 0%,rgba(255,239,151,.085),transparent 62%);
box-shadow:0 12px 36px rgba(0,0,0,.115),inset 0 1px 0 rgba(255,255,255,.18);
}
.panel-post-content,
.about-text,
.about-extra-box .post-card{
font-size:clamp(14.8px,4.05vw,17px);
line-height:1.78;
}
.about-description,.panel-description{
font-size:clamp(14.6px,3.95vw,16.8px)!important;
line-height:1.72!important;
}
} .eliah-heading-stack{
width:min(880px,100%);
margin:0 auto clamp(12px,2.2vw,18px);
text-align:center;
}
.eliah-heading-stack .panel-post-title{
margin-bottom:clamp(8px,1.7vw,12px)!important;
}
.panel-post-subtitle{
margin:0 auto;
max-width:780px;
text-align:center;
overflow-wrap:anywhere;
text-wrap:balance;
}
.panel-post-h2{
font-size:clamp(18px,2.55vw,26px)!important;
line-height:1.22!important;
font-weight:850;
color:rgba(255,246,178,.96)!important;
text-shadow:0 0 22px rgba(255,221,70,.28);
margin-top:2px!important;
margin-bottom:clamp(5px,1.1vw,8px)!important;
}
.panel-post-h3{
font-size:clamp(15px,2vw,20px)!important;
line-height:1.34!important;
font-weight:760;
color:rgba(255,255,255,.86)!important;
text-shadow:0 0 16px rgba(255,255,255,.13);
margin-bottom:clamp(10px,1.9vw,16px)!important;
}
.panel-post-content h1,
.about-text h1,
.about-extra-box .post-card h1{
font-size:clamp(22px,3.2vw,32px);
line-height:1.18;
color:#fff4aa;
text-align:center;
margin:1.15em 0 .55em;
text-shadow:0 0 22px rgba(255,221,70,.28);
}
.panel-post-content h2,
.about-text h2,
.about-extra-box .post-card h2{
font-size:clamp(20px,2.7vw,28px);
line-height:1.2;
color:rgba(255,246,178,.95);
margin:1.15em 0 .52em;
text-shadow:0 0 18px rgba(255,221,70,.22);
}
.panel-post-content h3,
.about-text h3,
.about-extra-box .post-card h3{
font-size:clamp(17px,2.25vw,23px);
line-height:1.26;
color:rgba(255,255,255,.9);
margin:1.05em 0 .48em;
}
.about-heading-stack{margin-bottom:clamp(14px,2.6vw,20px);}
@media(max-width:760px),(pointer:coarse){
.eliah-heading-stack{margin-bottom:12px;}
.panel-post-h2{font-size:clamp(17px,5vw,22px)!important;line-height:1.26!important;}
.panel-post-h3{font-size:clamp(14.5px,4.2vw,18px)!important;line-height:1.36!important;}
.panel-post-content h1,.about-text h1,.about-extra-box .post-card h1{font-size:clamp(20px,5.7vw,28px);}
.panel-post-content h2,.about-text h2,.about-extra-box .post-card h2{font-size:clamp(18px,5.1vw,24px);}
.panel-post-content h3,.about-text h3,.about-extra-box .post-card h3{font-size:clamp(16px,4.55vw,21px);}
} .eliah-zoom-frame{position:relative;overflow:hidden;}
.eliah-zoom-trigger{display:block;width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;border-radius:inherit;cursor:zoom-in;position:relative;overflow:hidden;}
.eliah-zoom-trigger img{display:block;width:100%;height:auto;transition:transform .45s cubic-bezier(.2,.9,.2,1),filter .45s ease;}
.eliah-zoom-trigger:hover img,.eliah-zoom-trigger:focus-visible img{transform:scale(1.018);filter:brightness(1.05) saturate(1.04);}
.eliah-zoom-trigger:focus-visible{outline:2px solid rgba(255,238,132,.85);outline-offset:4px;}
.eliah-zoom-hint{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:rgba(8,19,48,.58);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.24);color:#fff7ae;font-weight:900;font-size:18px;line-height:1;pointer-events:none;}
.foto-caption{margin:10px 2px 0;color:rgba(255,255,255,.72);font-size:clamp(12px,1.5vw,14px);line-height:1.45;text-align:center;}
.fotokutak-meta{margin:14px 0 18px;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,244,170,.23);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.16);}
.fotokutak-description{margin:0 0 9px!important;color:rgba(255,255,255,.91)!important;line-height:1.68!important;font-size:clamp(15px,1.75vw,17px)!important;}
.fotokutak-location{margin:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:rgba(255,255,255,.83)!important;font-size:clamp(13px,1.55vw,15px)!important;line-height:1.45!important;}
.fotokutak-location-label{color:#fff4aa;font-weight:900;letter-spacing:.01em;}
.fotokutak-map-link{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:7px 11px;border-radius:999px;background:linear-gradient(180deg,#fff6a8,#ffd95c);color:#1d2250!important;text-decoration:none!important;font-weight:900;box-shadow:0 8px 24px rgba(255,216,84,.18);}
.fotokutak-map-link:hover,.fotokutak-map-link:focus-visible{transform:translateY(-1px);box-shadow:0 12px 32px rgba(255,216,84,.24);}
.eliah-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:clamp(10px,2.6vw,34px);background:rgba(2,7,18,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .22s ease;}
.eliah-lightbox.open{display:flex;opacity:1;}
.eliah-lightbox img{max-width:min(96vw,1400px);max-height:88svh;width:auto;height:auto;border-radius:clamp(14px,2vw,26px);box-shadow:0 26px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.20);object-fit:contain;animation:eliahLightboxIn .24s cubic-bezier(.2,.9,.2,1) both;}
.eliah-lightbox-close{position:fixed;top:clamp(12px,2.5vw,28px);right:clamp(12px,2.5vw,28px);width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 14px 42px rgba(0,0,0,.32);}
.eliah-lightbox-caption{position:fixed;left:50%;bottom:clamp(12px,3vh,30px);transform:translateX(-50%);max-width:min(92vw,980px);padding:8px 14px;border-radius:999px;background:rgba(8,19,48,.58);color:rgba(255,255,255,.86);font-size:14px;line-height:1.35;text-align:center;}
body.eliah-lightbox-open{overflow:hidden;}
@keyframes eliahLightboxIn{from{transform:scale(.985);filter:blur(4px);opacity:.75}to{transform:scale(1);filter:blur(0);opacity:1}}
@media(max-width:760px){.eliah-zoom-hint{width:34px;height:34px;right:9px;bottom:9px;font-size:16px}.fotokutak-meta{padding:12px 13px;border-radius:18px}.fotokutak-map-link{padding:7px 10px}.eliah-lightbox{padding:10px}.eliah-lightbox img{max-height:84svh;border-radius:16px}.eliah-lightbox-close{width:42px;height:42px;font-size:28px}.eliah-lightbox-caption{font-size:12px;bottom:10px}} .svjedocanstvo-linkovi-shell{
position:relative;
width:min(920px,100%);
margin:0 auto;
padding:clamp(10px,2vw,18px) 0 clamp(8px,1.6vw,14px);
isolation:isolate;
}
.svjedocanstvo-linkovi-head{
width:min(760px,100%);
margin:0 auto clamp(18px,3vw,30px);
text-align:center;
}
.svjedocanstvo-linkovi-head h1{
margin:0 0 8px;
font-size:clamp(24px,4vw,40px);
line-height:1.05;
color:#fff4aa;
text-shadow:0 0 30px rgba(255,221,70,.44),0 0 72px rgba(255,196,35,.12);
}
.svjedocanstvo-linkovi-head p{
margin:0!important;
color:rgba(255,255,255,.82)!important;
font-size:clamp(13.5px,1.65vw,16px)!important;
line-height:1.65!important;
}
.svjedocanstvo-linkovi-line{
position:absolute;
left:50%;
top:clamp(94px,14vw,138px);
bottom:34px;
width:2px;
transform:translateX(-50%);
border-radius:999px;
background:linear-gradient(180deg,transparent,rgba(255,245,159,.92),rgba(255,185,34,.72),rgba(255,245,159,.82),transparent);
box-shadow:0 0 20px rgba(255,223,80,.44),0 0 58px rgba(255,194,47,.18);
pointer-events:none;
z-index:-1;
}
.svjedocanstvo-link-items{
list-style:none;
padding:0;
margin:0;
display:grid;
gap:clamp(12px,2.2vw,18px);
}
.svjedocanstvo-link-item{
position:relative;
display:grid;
width:100%;
grid-template-columns:1fr 1fr;
align-items:center;
content-visibility:auto;
contain-intrinsic-size:86px;
}
.svjedocanstvo-link-item::before{
content:"";
position:absolute;
left:50%;
top:50%;
width:12px;
height:12px;
transform:translate(-50%,-50%);
border-radius:999px;
background:radial-gradient(circle,#fffbd0 0%,#ffdc64 48%,#c9911d 100%);
box-shadow:0 0 0 5px rgba(255,224,88,.10),0 0 22px rgba(255,214,61,.58);
}
.svjedocanstvo-link-card{
display:grid;
gap:4px;
width:min(365px,calc(100% - 28px));
padding:13px 16px;
border-radius:18px;
text-decoration:none!important;
border:1px solid rgba(255,238,147,.24);
background:linear-gradient(180deg,rgba(255,255,255,.112),rgba(255,255,255,.052)),radial-gradient(circle at 50% 0%,rgba(255,235,120,.13),transparent 60%);
box-shadow:0 14px 38px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.19);
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
will-change:transform;
}
.svjedocanstvo-link-item.is-left .svjedocanstvo-link-card{grid-column:1;justify-self:end;margin-right:26px;text-align:right;}
.svjedocanstvo-link-item.is-right .svjedocanstvo-link-card{grid-column:2;justify-self:start;margin-left:26px;text-align:left;}
.svjedocanstvo-link-card time{
color:rgba(255,244,170,.78);
font-size:12px;
font-weight:850;
letter-spacing:.045em;
}
.svjedocanstvo-link-card span{
color:rgba(255,255,255,.94);
font-size:clamp(15px,2vw,18px);
line-height:1.32;
font-weight:900;
text-shadow:0 0 16px rgba(255,255,255,.10);
}
.svjedocanstvo-link-card:hover,
.svjedocanstvo-link-card:focus-visible{
transform:translateY(-2px);
border-color:rgba(255,236,122,.55);
box-shadow:0 18px 48px rgba(0,0,0,.16),0 0 36px rgba(255,207,58,.17),inset 0 1px 0 rgba(255,255,255,.24);
outline:none;
}
.svjedocanstvo-link-more{
display:flex;
align-items:center;
justify-content:center;
margin:clamp(18px,3vw,28px) auto 0;
border:1px solid rgba(255,238,120,.42);
border-radius:999px;
padding:10px 18px;
color:#1b2450;
background:linear-gradient(180deg,#fff7b0,#ffd55f);
font-weight:950;
cursor:pointer;
box-shadow:0 12px 32px rgba(255,211,71,.18);
}
.svjedocanstvo-link-more.is-loading{opacity:.78;cursor:wait;}
.eliah-linkovi-page .site-shell{min-height:100svh;}
.eliah-linkovi-page .hero{padding-top:clamp(12px,3vh,30px);}
@media(max-width:760px),(pointer:coarse){
.svjedocanstvo-linkovi-shell{padding-top:4px;}
.svjedocanstvo-linkovi-line{left:18px;top:clamp(106px,25vw,142px);bottom:26px;}
.svjedocanstvo-link-items{gap:12px;}
.svjedocanstvo-link-item{display:block;padding-left:34px;contain-intrinsic-size:82px;}
.svjedocanstvo-link-item::before{left:18px;width:10px;height:10px;}
.svjedocanstvo-link-item.is-left .svjedocanstvo-link-card,
.svjedocanstvo-link-item.is-right .svjedocanstvo-link-card{
width:100%;
margin:0;
text-align:left;
}
.svjedocanstvo-link-card{padding:12px 14px;border-radius:16px;}
.svjedocanstvo-link-card span{font-size:clamp(14.5px,4.1vw,17px);}
} .svjedocanstvo-linkovi-head > p,
.svjedocanstvo-linkovi-seo-page > header > p {
display: none !important;
} .svjedocanstvo-linkovi-head p,
.svjedocanstvo-linkovi-shell > p,
.svjedocanstvo-linkovi-seo-page > p,
.svjedocanstvo-linkovi-intro {
display: none !important;
visibility: hidden !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .eliah-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:0 auto 18px;font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.72)}
.eliah-breadcrumbs a{color:#ffe987;text-decoration:none;font-weight:800}.eliah-breadcrumbs a:hover{text-decoration:underline}.crumb-sep{color:rgba(255,230,90,.9)} .eliah-related-links{
width:min(100%,820px);
margin:34px auto 16px;
padding:clamp(18px,3.8vw,26px);
border:1px solid rgba(255,236,150,.20);
border-radius:26px;
background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
box-shadow:0 18px 50px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.12);
}
.eliah-related-links h2{
margin:0 0 18px;
text-align:center;
font-size:clamp(22px,3.1vw,30px);
line-height:1.15;
color:#ffe77c;
text-shadow:0 0 22px rgba(255,215,85,.36);
}
.eliah-related-grid{
position:relative;
display:flex!important;
flex-direction:column!important;
gap:12px;
width:100%;
}
.eliah-related-grid:before{
content:"";
position:absolute;
left:12px;
top:10px;
bottom:10px;
width:1px;
background:linear-gradient(180deg,transparent,rgba(255,227,108,.72),transparent);
box-shadow:0 0 18px rgba(255,216,87,.35);
pointer-events:none;
}
.eliah-related-links .eliah-related-card,
.eliah-related-links .eliah-related-card:visited{
position:relative;
display:grid!important;
grid-template-columns:auto 1fr auto;
grid-template-areas:"date title action";
align-items:center;
gap:10px 14px;
min-height:unset;
width:100%;
padding:15px 16px 15px 34px;
border:1px solid rgba(255,255,255,.15);
border-radius:18px;
background:linear-gradient(135deg,rgba(255,255,255,.082),rgba(255,255,255,.045));
color:#fff7c9!important;
text-decoration:none!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 26px rgba(0,0,0,.10);
overflow:hidden;
transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.eliah-related-links .eliah-related-card:before{
content:"";
position:absolute;
left:8px;
top:50%;
width:9px;
height:9px;
border-radius:50%;
transform:translateY(-50%);
background:#ffe675;
box-shadow:0 0 0 4px rgba(255,226,100,.10),0 0 18px rgba(255,218,84,.58);
}
.eliah-related-links .eliah-related-card:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(255,236,150,.12),transparent 42%);
opacity:.55;
pointer-events:none;
}
.eliah-related-links .eliah-related-card:hover,
.eliah-related-links .eliah-related-card:focus-visible{
transform:translateY(-2px);
border-color:rgba(255,233,135,.34);
background:linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.060));
box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 34px rgba(0,0,0,.14);
}
.eliah-related-links .eliah-related-card .rel-date{
grid-area:date;
min-width:78px;
font-size:clamp(12px,2.1vw,13px);
line-height:1.1;
color:#ffe987!important;
font-weight:900;
letter-spacing:.02em;
}
.eliah-related-links .eliah-related-card strong{
grid-area:title;
position:relative;
z-index:1;
display:block;
font-size:clamp(16px,3.2vw,19px);
line-height:1.32;
color:#fffdf0!important;
font-weight:900;
text-wrap:balance;
}
.eliah-related-links .eliah-related-card em{
grid-area:action;
position:relative;
z-index:1;
justify-self:end;
padding:5px 10px;
border-radius:999px;
border:1px solid rgba(255,232,130,.18);
background:rgba(255,255,255,.055);
color:rgba(255,255,255,.78)!important;
font-size:clamp(12px,2vw,13px);
font-style:normal;
font-weight:800;
}
@media(max-width:760px),(pointer:coarse){
.eliah-related-links{
margin:30px auto 14px;
padding:16px 14px;
border-radius:22px;
}
.eliah-related-grid{gap:10px}
.eliah-related-grid:before{left:10px}
.eliah-related-links .eliah-related-card,
.eliah-related-links .eliah-related-card:visited{
grid-template-columns:1fr;
grid-template-areas:"date" "title" "action";
gap:7px;
padding:14px 14px 14px 30px;
border-radius:17px;
}
.eliah-related-links .eliah-related-card .rel-date{min-width:0;font-size:12px}
.eliah-related-links .eliah-related-card strong{font-size:clamp(17px,4.45vw,20px)}
.eliah-related-links .eliah-related-card em{justify-self:start}
}
.eliah-html-sitemap-group{margin:20px 0;padding:18px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}.eliah-html-sitemap-group h2{margin:0 0 12px;color:#ffe987}.eliah-html-sitemap-group h2 a{color:inherit;text-decoration:none}.eliah-html-sitemap-group ul{margin:0;padding-left:22px;display:grid;gap:8px}.eliah-html-sitemap-group a{color:#fff;text-decoration:none;font-weight:800}.eliah-html-sitemap-group a:hover{text-decoration:underline}.eliah-html-sitemap-group time{color:rgba(255,255,255,.62);font-size:12px}.sitemap-intro{color:rgba(255,255,255,.72);text-align:center;margin-top:-6px}
@media(max-width:760px){.eliah-related-links{padding:16px;border-radius:20px}.eliah-related-grid{grid-template-columns:1fr}.eliah-breadcrumbs{font-size:11px;margin-bottom:14px}} .eliah-related-links-advanced{display:grid;gap:18px}
.eliah-related-section{position:relative;display:grid;gap:10px;padding:0;margin:0}
.eliah-related-section h3{margin:2px 0 2px;padding-left:18px;color:#fff1a6;font-size:clamp(17px,2.45vw,22px);line-height:1.2;text-align:left;text-shadow:0 0 18px rgba(255,218,82,.30)}
.eliah-related-section h3:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:#ffe675;box-shadow:0 0 15px rgba(255,225,96,.65);vertical-align:middle}
.eliah-related-links-advanced .eliah-related-grid{margin-bottom:2px}
.eliah-related-links-advanced .eliah-related-section + .eliah-related-section{padding-top:8px;border-top:1px solid rgba(255,235,145,.13)}
.eliah-related-links-advanced .rel-static strong{color:#fff5b8!important}
@media(max-width:760px),(pointer:coarse){.eliah-related-links-advanced{gap:16px}.eliah-related-section h3{font-size:clamp(18px,4.7vw,22px);padding-left:8px}.eliah-related-links-advanced .eliah-related-section + .eliah-related-section{padding-top:10px}} .eliah-key-points{margin:14px auto 18px;padding:16px 18px;border-radius:22px;border:1px solid rgba(255,230,145,.18);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);max-width:780px;text-align:left;contain:layout paint;content-visibility:auto;contain-intrinsic-size:140px}
.eliah-key-points h2{margin:0 0 10px;color:#fff1a8;font-size:clamp(18px,2.45vw,24px);line-height:1.15;text-align:left;text-shadow:0 0 22px rgba(255,220,90,.28)}
.eliah-key-points ul{margin:0;padding:0;display:grid;gap:8px;list-style:none}
.eliah-key-points li{position:relative;padding:8px 10px 8px 28px;border-radius:16px;color:rgba(255,255,255,.92);font-size:clamp(15.5px,2.1vw,18px);line-height:1.48;background:rgba(255,255,255,.04)}
.eliah-key-points li:before{content:"";position:absolute;left:11px;top:1.05em;width:7px;height:7px;border-radius:50%;background:#ffe478;box-shadow:0 0 14px rgba(255,226,105,.68)}
.eliah-related-links .eliah-related-card strong{font-size:clamp(17.5px,2.45vw,21px);line-height:1.3;letter-spacing:.01em}
.eliah-related-links .eliah-related-card em{font-size:clamp(13px,1.7vw,15px);opacity:.9}
.eliah-related-live-holder{display:block}
@media(max-width:760px),(pointer:coarse){.eliah-key-points{margin:12px 0 16px;padding:14px;border-radius:20px}.eliah-key-points h2{font-size:clamp(18px,5vw,23px)}.eliah-key-points li{font-size:clamp(16px,4.25vw,18px);padding-top:9px;padding-bottom:9px}.eliah-related-links .eliah-related-card strong{font-size:clamp(18px,4.8vw,21px)}} .eliah-topic-links .eliah-topic-link{display:grid;gap:4px;text-decoration:none;color:inherit;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid rgba(255,229,137,.13);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.eliah-topic-links .eliah-topic-link:hover,.eliah-topic-links .eliah-topic-link:focus-visible{transform:translate3d(4px,0,0);border-color:rgba(255,228,120,.35);background:linear-gradient(180deg,rgba(255,244,180,.105),rgba(255,255,255,.045));box-shadow:0 10px 28px rgba(255,210,80,.08);outline:none}
.eliah-topic-links .eliah-topic-link strong{color:#fff1a8;font-size:clamp(16px,2.1vw,19px);line-height:1.25;text-shadow:0 0 18px rgba(255,224,100,.22)}
.eliah-topic-links .eliah-topic-link span{color:rgba(255,255,255,.82);font-size:clamp(14px,1.75vw,16px);line-height:1.42}
.eliah-topic-summary,.eliah-topic-related-topics{margin:16px auto;padding:17px 18px;border-radius:24px;border:1px solid rgba(255,230,145,.17);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));box-shadow:0 16px 44px rgba(0,0,0,.18);max-width:820px;text-align:left}
.eliah-topic-summary h2,.eliah-topic-related-topics h2{margin:0 0 10px;color:#fff1a8;font-size:clamp(19px,2.6vw,25px);line-height:1.12}
.eliah-topic-summary p{margin:0 0 13px;color:rgba(255,255,255,.9);font-size:clamp(16px,2vw,19px);line-height:1.65}
.eliah-topic-main-link,.eliah-topic-related-topics a{color:#ffe889;text-decoration:none;border-bottom:1px solid rgba(255,232,137,.35)}
.eliah-topic-main-link:hover,.eliah-topic-related-topics a:hover{border-bottom-color:rgba(255,232,137,.85)}
.eliah-topic-related-topics ul{margin:0;padding:0;display:grid;gap:9px;list-style:none}
.eliah-topic-related-topics li a{display:block;padding:11px 13px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,230,145,.12)}
@media(max-width:760px),(pointer:coarse){.eliah-topic-links .eliah-topic-link{padding:11px 12px}.eliah-topic-links .eliah-topic-link strong{font-size:clamp(17px,4.8vw,20px)}.eliah-topic-links .eliah-topic-link span{font-size:clamp(14.5px,3.8vw,16.5px)}.eliah-topic-summary,.eliah-topic-related-topics{margin:14px 0;padding:15px;border-radius:21px}} .eliah-key-points{max-width:820px;margin:18px auto 22px;padding:16px 14px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.024));border:1px solid rgba(255,231,146,.12);box-shadow:0 14px 42px rgba(0,0,0,.14);text-align:center;contain:layout paint}
.eliah-key-points h2{margin:0 0 13px;color:#fff0a4;font-size:clamp(20px,2.8vw,27px);line-height:1.1;letter-spacing:.02em;text-shadow:0 0 18px rgba(255,224,103,.18)}
.eliah-key-points ul{list-style:none!important;margin:0 auto!important;padding:0!important;display:grid;gap:10px;max-width:760px;text-align:left}
.eliah-key-points li{list-style:none!important;margin:0!important;padding:0!important}
.eliah-topic-links .eliah-topic-link{position:relative;display:grid;grid-template-columns:1fr;gap:5px;padding:12px 14px 12px 18px;border-radius:18px;text-decoration:none!important;color:inherit;background:linear-gradient(135deg,rgba(255,255,255,.078),rgba(255,255,255,.026));border:1px solid rgba(255,229,137,.16);box-shadow:inset 3px 0 0 rgba(255,220,95,.55),0 10px 30px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.eliah-topic-links .eliah-topic-link:hover,.eliah-topic-links .eliah-topic-link:focus-visible{transform:translate3d(3px,-1px,0);border-color:rgba(255,230,132,.36);background:linear-gradient(135deg,rgba(255,244,178,.12),rgba(255,255,255,.038));box-shadow:inset 3px 0 0 rgba(255,226,109,.9),0 14px 34px rgba(255,211,78,.09);outline:none}
.eliah-topic-links .eliah-topic-link strong{display:block;color:#fff2a8;font-size:clamp(15.5px,2vw,18px);font-weight:800;line-height:1.22;text-shadow:0 0 16px rgba(255,224,100,.2)}
.eliah-topic-links .eliah-topic-link span{display:block;color:rgba(255,255,255,.84);font-size:clamp(13.5px,1.65vw,15.5px);line-height:1.42;max-width:100%;overflow-wrap:anywhere}
.eliah-topic-summary,.eliah-topic-related-topics{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.026));border:1px solid rgba(255,230,145,.16);box-shadow:0 16px 44px rgba(0,0,0,.16)}
@media(max-width:760px),(pointer:coarse){.eliah-key-points{margin:16px 0 20px;padding:14px 10px;border-radius:20px}.eliah-key-points ul{gap:9px}.eliah-topic-links .eliah-topic-link{padding:11px 12px 11px 15px;border-radius:16px;box-shadow:inset 3px 0 0 rgba(255,220,95,.5),0 8px 24px rgba(0,0,0,.1)}.eliah-topic-links .eliah-topic-link strong{font-size:clamp(16px,4.3vw,19px)}.eliah-topic-links .eliah-topic-link span{font-size:clamp(13.2px,3.55vw,15.2px)}} .eliah-key-points.eliah-topic-links{
max-width:760px;
margin:18px auto 20px;
padding:14px 12px;
border-radius:22px;
background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.022));
border:1px solid rgba(255,231,146,.12);
box-shadow:0 12px 34px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.1);
text-align:center;
contain:layout paint;
}
.eliah-key-points.eliah-topic-links h2{
margin:0 0 11px;
color:#fff0a4;
font-size:clamp(19px,2.55vw,25px);
letter-spacing:.02em;
}
.eliah-key-points.eliah-topic-links ul{
display:grid;
gap:8px;
max-width:700px;
margin:0 auto!important;
padding:0!important;
list-style:none!important;
}
.eliah-key-points.eliah-topic-links li{padding:0!important;margin:0!important;list-style:none!important;background:transparent!important}
.eliah-key-points.eliah-topic-links li:before{display:none!important}
.eliah-topic-links .eliah-topic-link-title-only{
min-height:44px;
display:flex!important;
align-items:center;
justify-content:center;
padding:10px 14px;
border-radius:16px;
background:linear-gradient(135deg,rgba(255,244,178,.105),rgba(255,255,255,.035));
border:1px solid rgba(255,229,137,.18);
box-shadow:inset 3px 0 0 rgba(255,220,95,.58),0 8px 22px rgba(0,0,0,.105);
color:#fff2a8!important;
text-decoration:none!important;
transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.eliah-topic-links .eliah-topic-link-title-only:hover,
.eliah-topic-links .eliah-topic-link-title-only:focus-visible{
transform:translate3d(2px,-1px,0);
border-color:rgba(255,230,132,.38);
background:linear-gradient(135deg,rgba(255,244,178,.145),rgba(255,255,255,.05));
box-shadow:inset 3px 0 0 rgba(255,226,109,.95),0 12px 28px rgba(255,211,78,.09);
outline:none;
}
.eliah-topic-links .eliah-topic-link-title-only strong{
display:block;
color:#fff2a8!important;
font-size:clamp(15px,1.95vw,18px);
line-height:1.24;
font-weight:800;
text-align:center;
text-shadow:0 0 15px rgba(255,224,100,.18);
}
@media(max-width:760px),(pointer:coarse){
.eliah-key-points.eliah-topic-links{margin:15px 0 18px;padding:12px 9px;border-radius:19px}
.eliah-key-points.eliah-topic-links ul{gap:7px}
.eliah-topic-links .eliah-topic-link-title-only{min-height:42px;padding:9px 10px;border-radius:15px}
.eliah-topic-links .eliah-topic-link-title-only strong{font-size:clamp(15px,4vw,17px);line-height:1.22}
} #u-ovoj-objavi.eliah-topic-links-v42{max-width:820px;margin:20px auto 22px;padding:16px 12px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,232,150,.16);box-shadow:0 16px 45px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.12);text-align:center;}
#u-ovoj-objavi.eliah-topic-links-v42 h2{margin:0 0 13px;color:#fff0a4;font-size:clamp(20px,2.7vw,27px);letter-spacing:.015em;text-shadow:0 0 20px rgba(255,224,100,.2);}
#u-ovoj-objavi .eliah-topic-menu-v42{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;max-width:760px;margin:0 auto;}
#u-ovoj-objavi .eliah-topic-item-v42{display:block;min-width:0;}
#u-ovoj-objavi .eliah-topic-chip-v42{position:relative;display:flex!important;align-items:center;gap:10px;min-height:50px;padding:10px 13px 10px 11px;border-radius:18px;text-decoration:none!important;color:#fff4b5!important;background:linear-gradient(135deg,rgba(255,238,150,.13),rgba(255,255,255,.045));border:1px solid rgba(255,231,145,.21);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 10px 28px rgba(0,0,0,.13);overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;}
#u-ovoj-objavi .eliah-topic-chip-v42:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#fff0a1,#d7a72d);opacity:.9;}
#u-ovoj-objavi .eliah-topic-chip-v42:hover,#u-ovoj-objavi .eliah-topic-chip-v42:focus-visible{transform:translate3d(0,-2px,0);border-color:rgba(255,235,150,.43);background:linear-gradient(135deg,rgba(255,240,160,.18),rgba(255,255,255,.06));box-shadow:0 14px 34px rgba(255,213,80,.10),0 10px 28px rgba(0,0,0,.13);outline:none;}
#u-ovoj-objavi .eliah-topic-no-v42{flex:0 0 auto;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#1c1a10;background:linear-gradient(180deg,#fff4aa,#d9ad39);box-shadow:0 0 18px rgba(255,222,92,.2);}
#u-ovoj-objavi .eliah-topic-title-v42{display:block;min-width:0;text-align:left;font-size:clamp(15.5px,2vw,18px);line-height:1.22;font-weight:800;text-shadow:0 0 16px rgba(255,225,100,.15);overflow-wrap:anywhere;}
.eliah-topic-related-topics ul,.eliah-related-links .eliah-related-grid{display:grid!important;gap:10px!important;list-style:none!important;padding:0!important;margin:0 auto!important;max-width:820px!important;}
.eliah-topic-related-topics li{list-style:none!important;margin:0!important;padding:0!important;}
.eliah-topic-related-topics li:before,.eliah-related-links li:before{display:none!important;}
.eliah-topic-related-topics a,.eliah-related-card{display:flex!important;align-items:center;justify-content:space-between;gap:12px;text-decoration:none!important;border:1px solid rgba(255,231,145,.18)!important;border-radius:17px!important;padding:11px 13px!important;background:linear-gradient(135deg,rgba(255,238,150,.10),rgba(255,255,255,.035))!important;box-shadow:0 8px 22px rgba(0,0,0,.10)!important;color:#fff1aa!important;}
.eliah-topic-related-topics a:hover,.eliah-related-card:hover{border-color:rgba(255,231,145,.42)!important;transform:translate3d(0,-1px,0);}
.eliah-related-card strong{display:block;color:#fff1aa!important;font-size:clamp(14.8px,1.9vw,17px);line-height:1.25;text-align:left;}
.eliah-related-card .rel-date,.eliah-related-card em{color:rgba(255,255,255,.76)!important;font-size:12px;text-decoration:none!important;}
@media(max-width:760px),(pointer:coarse){#u-ovoj-objavi.eliah-topic-links-v42{margin:16px 0 18px;padding:13px 9px;border-radius:20px}#u-ovoj-objavi .eliah-topic-menu-v42{grid-template-columns:1fr;gap:8px}#u-ovoj-objavi .eliah-topic-chip-v42{min-height:46px;padding:9px 11px 9px 10px;border-radius:16px}#u-ovoj-objavi .eliah-topic-title-v42{font-size:clamp(15.5px,4.1vw,18px)}.eliah-topic-related-topics a,.eliah-related-card{padding:10px 11px!important;border-radius:15px!important}} .eliah-topic-related-topics.eliah-topic-links-v42{max-width:820px;margin:18px auto 22px;padding:16px 12px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,232,150,.16);box-shadow:0 16px 45px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.12);text-align:center}
.eliah-topic-related-topics.eliah-topic-links-v42 h2{margin:0 0 13px;color:#fff0a4;font-size:clamp(20px,2.7vw,27px);letter-spacing:.015em;text-shadow:0 0 20px rgba(255,224,100,.2)}
.eliah-topic-related-topics .eliah-topic-menu-v42--stack{display:grid;grid-template-columns:1fr;gap:10px;max-width:760px;margin:0 auto}
.eliah-topic-related-topics .eliah-topic-item-v42{display:block;min-width:0}
.eliah-topic-related-topics .eliah-topic-chip-v42{position:relative;display:flex!important;align-items:center;gap:10px;min-height:50px;padding:10px 13px 10px 11px;border-radius:18px;text-decoration:none!important;color:#fff4b5!important;background:linear-gradient(135deg,rgba(255,238,150,.13),rgba(255,255,255,.045));border:1px solid rgba(255,231,145,.21);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 10px 28px rgba(0,0,0,.13);overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;text-align:left}
.eliah-topic-related-topics .eliah-topic-chip-v42:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#fff0a1,#d7a72d);opacity:.9}
.eliah-topic-related-topics .eliah-topic-chip-v42:hover,.eliah-topic-related-topics .eliah-topic-chip-v42:focus-visible{transform:translate3d(0,-2px,0);border-color:rgba(255,235,150,.43);background:linear-gradient(135deg,rgba(255,240,160,.18),rgba(255,255,255,.06));box-shadow:0 14px 34px rgba(255,213,80,.10),0 10px 28px rgba(0,0,0,.13);outline:none}
.eliah-topic-related-topics .eliah-topic-no-v42{flex:0 0 auto;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#1c1a10;background:linear-gradient(180deg,#fff4aa,#d9ad39);box-shadow:0 0 18px rgba(255,222,92,.2)}
.eliah-topic-related-topics .eliah-topic-title-v42{display:block;min-width:0;text-align:left;font-size:clamp(15.5px,2vw,18px);line-height:1.22;font-weight:800;text-shadow:0 0 16px rgba(255,225,100,.15);overflow-wrap:anywhere}
.eliah-related-links .eliah-related-card.rel-static em{display:none!important}
@media(max-width:760px),(pointer:coarse){.eliah-topic-related-topics.eliah-topic-links-v42{margin:16px 0 18px;padding:13px 9px;border-radius:20px}.eliah-topic-related-topics .eliah-topic-chip-v42{min-height:46px;padding:9px 11px 9px 10px;border-radius:16px}.eliah-topic-related-topics .eliah-topic-title-v42{font-size:clamp(15.5px,4.1vw,18px)}} .eliah-related-grid{display:grid!important;gap:11px!important;max-width:860px!important;margin:0 auto!important;padding:0!important;list-style:none!important}
.eliah-related-card-v44,.eliah-related-card-v44:visited{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:860px!important;margin:0 auto!important;padding:12px 14px!important;border-radius:18px!important;text-decoration:none!important;color:#fff3ad!important;background:linear-gradient(135deg,rgba(255,238,150,.16),rgba(255,255,255,.055))!important;border:1px solid rgba(255,231,145,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.13)!important;line-height:1.28!important;text-align:left!important;box-sizing:border-box!important}
.eliah-related-card-v44:hover,.eliah-related-card-v44:focus-visible{transform:translate3d(0,-2px,0)!important;border-color:rgba(255,235,150,.46)!important;box-shadow:0 14px 34px rgba(255,213,80,.10),0 10px 28px rgba(0,0,0,.13)!important;outline:none!important}
.eliah-related-card-v44 .rel-date{flex:0 0 auto;min-width:74px;color:rgba(255,255,255,.82)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.015em!important;text-decoration:none!important;white-space:nowrap!important}
.eliah-related-card-v44 strong{display:block;min-width:0;color:#fff0a5!important;font-size:clamp(15.5px,2.1vw,18px)!important;font-weight:850!important;line-height:1.25!important;text-decoration:none!important;overflow-wrap:anywhere!important;text-shadow:0 0 14px rgba(255,225,110,.14)!important}
.eliah-related-card-v44 em,.eliah-related-card-v44 .rel-cta{display:none!important}
.eliah-topic-related-topics .eliah-topic-menu-v42--stack{display:grid!important;gap:11px!important;max-width:860px!important;margin:0 auto!important;padding:0!important}
.eliah-topic-related-topics .eliah-topic-chip-v42{display:flex!important;text-decoration:none!important}
@media(max-width:760px),(pointer:coarse){.eliah-related-card-v44{gap:10px!important;padding:11px 12px!important;border-radius:16px!important}.eliah-related-card-v44 .rel-date{min-width:64px!important;font-size:11px!important}.eliah-related-card-v44 strong{font-size:clamp(15.5px,4.2vw,18px)!important}.eliah-topic-related-topics.eliah-topic-links-v42{padding:13px 9px!important}} body.single .eliah-key-points,body.single-post .eliah-key-points,body[class*="single-eliah_"] .eliah-key-points,.eliah-content-page .eliah-key-points,#u-ovoj-objavi.eliah-topic-links-v42{max-width:820px!important;margin:18px auto 22px!important;padding:16px 12px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border:1px solid rgba(255,232,150,.16)!important;box-shadow:0 16px 45px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.12)!important;text-align:center!important;content-visibility:visible!important;contain:layout paint!important}
body.single .eliah-key-points h2,body[class*="single-eliah_"] .eliah-key-points h2,#u-ovoj-objavi.eliah-topic-links-v42 h2{margin:0 0 13px!important;color:#fff0a4!important;font-size:clamp(20px,2.7vw,27px)!important;text-align:center!important}
#u-ovoj-objavi .eliah-topic-menu-v42,.eliah-topic-related-topics .eliah-topic-menu-v42--stack{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;max-width:760px!important;margin:0 auto!important;padding:0!important}
#u-ovoj-objavi .eliah-topic-chip-v42,.eliah-topic-related-topics .eliah-topic-chip-v42{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:50px!important;padding:10px 13px 10px 11px!important;border-radius:18px!important;text-decoration:none!important;color:#fff4b5!important;background:linear-gradient(135deg,rgba(255,238,150,.13),rgba(255,255,255,.045))!important;border:1px solid rgba(255,231,145,.21)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 10px 28px rgba(0,0,0,.13)!important;overflow:hidden!important;text-align:left!important}
#u-ovoj-objavi .eliah-topic-chip-v42:before,.eliah-topic-related-topics .eliah-topic-chip-v42:before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:4px!important;background:linear-gradient(180deg,#fff0a1,#d7a72d)!important;opacity:.9!important}
#u-ovoj-objavi .eliah-topic-no-v42,.eliah-topic-related-topics .eliah-topic-no-v42{flex:0 0 auto!important;width:26px!important;height:26px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:900!important;color:#1c1a10!important;background:linear-gradient(180deg,#fff4aa,#d9ad39)!important;box-shadow:0 0 18px rgba(255,222,92,.2)!important}
#u-ovoj-objavi .eliah-topic-title-v42,.eliah-topic-related-topics .eliah-topic-title-v42{display:block!important;min-width:0!important;text-align:left!important;font-size:clamp(15.5px,2vw,18px)!important;line-height:1.22!important;font-weight:800!important;color:#fff4b5!important;text-decoration:none!important;overflow-wrap:anywhere!important}
.eliah-related-links{max-width:880px!important;margin:18px auto 22px!important;padding:16px 12px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.023))!important;border:1px solid rgba(255,232,150,.12)!important;box-shadow:0 16px 45px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;text-align:center!important}
.eliah-related-links h2{margin:0 0 14px!important;color:#fff0a4!important;font-size:clamp(20px,2.7vw,27px)!important;text-align:center!important}.eliah-related-section h3{margin:12px 0 10px!important;color:rgba(255,255,255,.92)!important;font-size:clamp(16px,2.2vw,20px)!important;text-align:center!important}.eliah-related-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;max-width:860px!important;margin:0 auto!important;padding:0!important;list-style:none!important}.eliah-related-card,.eliah-related-card:visited,.eliah-related-card-v44,.eliah-related-card-v44:visited{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;max-width:860px!important;margin:0 auto!important;padding:12px 14px!important;border-radius:18px!important;text-decoration:none!important;color:#fff3ad!important;background:linear-gradient(135deg,rgba(255,238,150,.16),rgba(255,255,255,.055))!important;border:1px solid rgba(255,231,145,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.13)!important;line-height:1.28!important;text-align:left!important;box-sizing:border-box!important;overflow:hidden!important}.eliah-related-card .rel-date{flex:0 0 auto!important;min-width:64px!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}.eliah-related-card strong,.eliah-related-card-v44 strong{display:block!important;min-width:0!important;color:#fff0a5!important;font-size:clamp(15.5px,2.1vw,18px)!important;font-weight:850!important;line-height:1.25!important;text-decoration:none!important;overflow-wrap:anywhere!important;text-align:left!important}.eliah-related-card em,.eliah-related-card .rel-cta,.eliah-related-card.rel-static em{display:none!important}
@media(max-width:760px),(pointer:coarse){body.single .eliah-key-points,body[class*="single-eliah_"] .eliah-key-points,#u-ovoj-objavi.eliah-topic-links-v42,.eliah-related-links,.eliah-topic-related-topics.eliah-topic-links-v42{margin:15px 0 18px!important;padding:13px 9px!important;border-radius:20px!important}#u-ovoj-objavi .eliah-topic-menu-v42,.eliah-topic-related-topics .eliah-topic-menu-v42--stack{gap:8px!important}#u-ovoj-objavi .eliah-topic-chip-v42,.eliah-topic-related-topics .eliah-topic-chip-v42{min-height:46px!important;padding:9px 11px 9px 10px!important;border-radius:16px!important}.eliah-related-card{gap:10px!important;padding:11px 12px!important;border-radius:16px!important}.eliah-related-card .rel-date{min-width:58px!important;font-size:11px!important}.eliah-related-card strong,#u-ovoj-objavi .eliah-topic-title-v42,.eliah-topic-related-topics .eliah-topic-title-v42{font-size:clamp(15.5px,4.2vw,18px)!important}} .panel.open .panel-post-content,
.eliah-content-page .panel-post-content,
.eliah-topic-article .eliah-topic-summary,
.about-text,
.about-extra-box .post-card{
max-width:min(820px,100%);
margin-left:auto;
margin-right:auto;
}
.panel.open .panel-post-content,
.eliah-content-page .panel-post-content,
.about-text.post-card .about-description,
.about-extra-box .post-card{
text-align:left!important;
color:rgba(255,255,255,.965)!important;
font-size:clamp(16px,1.8vw,19px)!important;
line-height:1.58!important;
letter-spacing:.012em;
text-shadow:0 1px 10px rgba(0,0,0,.18);
}
.panel.open .panel-post-content{
padding:clamp(14px,2.4vw,22px);
border-radius:22px;
background:
linear-gradient(180deg,rgba(9,22,42,.20),rgba(255,255,255,.035)),
radial-gradient(circle at 50% 0%,rgba(255,244,165,.095),transparent 62%);
border:1px solid rgba(255,255,255,.13);
box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 14px 36px rgba(0,0,0,.10);
}
.panel.open .panel-post-content p,
.eliah-content-page .panel-post-content p,
.about-text p,
.about-extra-box .post-card p{
margin:0 0 .58em!important;
line-height:inherit!important;
}
.panel.open .panel-post-content p + p,
.eliah-content-page .panel-post-content p + p,
.about-text p + p,
.about-extra-box .post-card p + p{
margin-top:.08em!important;
}
.panel.open .panel-post-content br,
.eliah-content-page .panel-post-content br{
line-height:1.15!important;
}
.panel.open .panel-post-content strong,
.panel.open .panel-post-content b,
.eliah-content-page .panel-post-content strong,
.eliah-content-page .panel-post-content b{
color:#fff8bf!important;
font-weight:900;
text-shadow:0 0 18px rgba(255,226,96,.18);
}
.panel.open .panel-post-content a,
.eliah-content-page .panel-post-content a,
.about-text a{
color:#fff2a4!important;
font-weight:850;
text-decoration-thickness:.075em;
text-underline-offset:.18em;
}
.panel.open .panel-post-content ul,
.panel.open .panel-post-content ol,
.eliah-content-page .panel-post-content ul,
.eliah-content-page .panel-post-content ol{
margin:.32em 0 .66em 1.25em!important;
padding:0!important;
display:grid;
gap:.28em;
}
.panel.open .panel-post-content li,
.eliah-content-page .panel-post-content li{
margin:0!important;
line-height:1.5!important;
}
.panel.open .panel-post-title,
.eliah-content-page .panel-post-title{
margin-bottom:clamp(12px,2vw,18px)!important;
}
@media(max-width:760px),(pointer:coarse){
.panel.open .panel-post-content,
.eliah-content-page .panel-post-content,
.about-text.post-card .about-description,
.about-extra-box .post-card{
font-size:clamp(15.6px,4.15vw,18px)!important;
line-height:1.48!important;
letter-spacing:.006em;
}
.panel.open .panel-post-content{
padding:14px 13px;
border-radius:18px;
background:
linear-gradient(180deg,rgba(8,20,38,.18),rgba(255,255,255,.032)),
radial-gradient(circle at 50% 0%,rgba(255,244,165,.075),transparent 65%);
}
.panel.open .panel-post-content p,
.eliah-content-page .panel-post-content p,
.about-text p,
.about-extra-box .post-card p{
margin-bottom:.48em!important;
}
.panel.open .panel-post-content p + p,
.eliah-content-page .panel-post-content p + p{
margin-top:.04em!important;
}
} .eliah-topic-summary-v47{
position:relative!important;
max-width:820px!important;
margin:18px auto 22px!important;
padding:clamp(18px,2.8vw,28px)!important;
border-radius:28px!important;
text-align:left!important;
background:
radial-gradient(circle at 18% 0%,rgba(255,244,170,.16),transparent 42%),
linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.04))!important;
border:1px solid rgba(255,234,150,.22)!important;
box-shadow:0 18px 50px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.15)!important;
overflow:hidden!important;
}
.eliah-topic-summary-v47:before{
content:"";position:absolute;inset:0 auto 0 0;width:5px;
background:linear-gradient(180deg,#fff3a4,#e2b33a 52%,rgba(255,243,164,.18));
box-shadow:0 0 24px rgba(255,224,92,.22);
}
.eliah-topic-summary-v47 .eliah-summary-kicker{
display:inline-flex;align-items:center;gap:8px;margin:0 0 8px 8px;padding:5px 10px;border-radius:999px;
color:#2b2411!important;background:linear-gradient(180deg,#fff5ac,#d9ad3e)!important;
font-size:12px!important;font-weight:900!important;letter-spacing:.06em;text-transform:uppercase;
box-shadow:0 7px 18px rgba(0,0,0,.10),0 0 22px rgba(255,224,92,.18);
}
.eliah-topic-summary-v47 h2{
margin:0 0 12px 8px!important;color:#fff4b7!important;
font-size:clamp(22px,3vw,31px)!important;line-height:1.14!important;text-align:left!important;
text-shadow:0 2px 18px rgba(0,0,0,.16),0 0 22px rgba(255,224,92,.16);
}
.eliah-topic-summary-v47 p{
margin:0 0 16px 8px!important;color:rgba(255,255,255,.965)!important;
font-size:clamp(17px,2.05vw,20px)!important;line-height:1.55!important;letter-spacing:.012em!important;
text-shadow:0 1px 10px rgba(0,0,0,.16);
}
.eliah-topic-summary-v47 .eliah-topic-main-link{
display:inline-flex!important;margin-left:8px!important;align-items:center;justify-content:center;
padding:10px 14px!important;border-radius:999px!important;text-decoration:none!important;
color:#28210f!important;background:linear-gradient(180deg,#fff4a8,#d8ae3f)!important;
font-weight:900!important;font-size:14px!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important;
}
@media(max-width:760px),(pointer:coarse){
.eliah-topic-summary-v47{margin:15px 0 18px!important;padding:17px 14px 18px 16px!important;border-radius:22px!important}
.eliah-topic-summary-v47 .eliah-summary-kicker{margin-left:5px!important;font-size:11px!important}
.eliah-topic-summary-v47 h2{margin-left:5px!important;font-size:clamp(20px,5.4vw,26px)!important}
.eliah-topic-summary-v47 p{margin-left:5px!important;font-size:clamp(16.5px,4.35vw,19px)!important;line-height:1.5!important}
.eliah-topic-summary-v47 .eliah-topic-main-link{margin-left:5px!important}
} .eliah-topic-summary-v47 p{
max-width:74ch!important;
white-space:pre-line!important;
line-height:1.62!important;
font-size:clamp(17px,2.05vw,20.5px)!important;
}
.eliah-topic-summary-v47 p + p{margin-top:.7em!important}
@media(max-width:760px),(pointer:coarse){
.eliah-topic-summary-v47 p{max-width:100%!important;line-height:1.54!important;font-size:clamp(16.8px,4.35vw,19px)!important}
} .eliah-read-progress{width:min(100%,820px);margin:14px auto 18px;padding:12px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026));border:1px solid rgba(255,232,150,.17);box-shadow:0 14px 34px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.10);box-sizing:border-box;text-align:left;content-visibility:visible!important;contain:layout paint}
.eliah-read-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.eliah-read-progress-label{font-size:clamp(13px,2vw,15px);font-weight:850;color:rgba(255,255,255,.88);letter-spacing:.015em;text-shadow:0 0 14px rgba(255,255,255,.12)}
.eliah-read-progress-percent{font-size:clamp(15px,2.4vw,20px);font-weight:950;color:#fff1a0;text-shadow:0 0 20px rgba(255,221,77,.28);white-space:nowrap}
.eliah-read-progress-track{position:relative;height:9px;border-radius:999px;background:rgba(7,18,45,.28);border:1px solid rgba(255,255,255,.10);overflow:hidden;box-shadow:inset 0 1px 5px rgba(0,0,0,.18)}
.eliah-read-progress-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;background:linear-gradient(90deg,#ffe87a,#fff4b0,#e4b83e);box-shadow:0 0 22px rgba(255,224,95,.42);transition:width .85s cubic-bezier(.2,.8,.2,1)}
.eliah-read-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);transform:translateX(-110%);animation:eliahReadShine 2.8s ease-in-out infinite}
.eliah-read-progress-note{margin:7px 0 0;color:rgba(255,255,255,.70);font-size:12px;font-weight:700;text-align:right}
.eliah-read-progress.is-complete{border-color:rgba(255,235,140,.34);box-shadow:0 16px 38px rgba(255,213,80,.08),0 14px 34px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.eliah-read-progress.is-complete .eliah-read-progress-label:after{content:" ✓";color:#fff1a0;font-weight:950}
@keyframes eliahReadShine{0%,38%{transform:translateX(-110%)}72%,100%{transform:translateX(110%)}}
@media(max-width:760px),(pointer:coarse){.eliah-read-progress{margin:12px 0 15px;padding:11px 12px;border-radius:18px}.eliah-read-progress-track{height:8px}.eliah-read-progress-note{text-align:left;font-size:11.5px}.eliah-read-progress-label{font-size:clamp(12.5px,3.7vw,14.5px)}} .eliah-read-progress[data-progress-version="v54"]{position:relative;overflow:hidden;border-color:rgba(255,232,150,.24);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.028));}
.eliah-read-progress[data-progress-version="v54"]:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,232,120,.16),transparent 38%);pointer-events:none;opacity:.85}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-head{position:relative;z-index:1}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-label{display:flex;align-items:center;gap:7px}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-label:before{content:"";width:8px;height:8px;border-radius:99px;background:#ffe67a;box-shadow:0 0 13px rgba(255,230,105,.65)}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-track{height:10px;background:rgba(8,16,38,.34)}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-count{color:#fff0a1;font-weight:900}
.eliah-read-progress.is-just-updated{animation:eliahReadPulseV53 .9s ease both}
.eliah-read-progress.is-empty .eliah-read-progress-note{opacity:.72}
@keyframes eliahReadPulseV53{0%{transform:scale(1);box-shadow:0 14px 34px rgba(0,0,0,.12)}35%{transform:scale(1.012);box-shadow:0 18px 44px rgba(255,221,92,.16),0 14px 34px rgba(0,0,0,.12)}100%{transform:scale(1);box-shadow:0 14px 34px rgba(0,0,0,.12)}}
@media(max-width:760px),(pointer:coarse){.eliah-read-progress[data-progress-version="v54"]{padding:12px 12px 13px}.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-track{height:9px}.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-head{gap:8px}} .eliah-read-progress[data-progress-version="v54"]{position:relative;overflow:hidden;border-color:rgba(255,232,150,.28);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));}
.eliah-read-progress[data-progress-version="v54"]:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,232,120,.18),transparent 42%);pointer-events:none;opacity:.9}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-head,.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-note,.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-track{position:relative;z-index:1}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-label{display:flex;align-items:center;gap:7px}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-label:before{content:"";width:8px;height:8px;border-radius:99px;background:#ffe67a;box-shadow:0 0 13px rgba(255,230,105,.7)}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-track{height:10px;background:rgba(8,16,38,.34)}
.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-count{color:#fff0a1;font-weight:900}
.eliah-read-progress.is-live-read .eliah-read-progress-fill{box-shadow:0 0 30px rgba(255,224,95,.65),0 0 14px rgba(255,255,255,.35)}
.eliah-read-progress.is-live-read .eliah-read-progress-percent{animation:eliahReadNumberV54 .75s ease both}
@keyframes eliahReadNumberV54{0%{transform:scale(.96);filter:brightness(1)}45%{transform:scale(1.08);filter:brightness(1.22)}100%{transform:scale(1);filter:brightness(1)}}
@media(max-width:760px),(pointer:coarse){.eliah-read-progress[data-progress-version="v54"]{padding:12px 12px 13px}.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-track{height:9px}.eliah-read-progress[data-progress-version="v54"] .eliah-read-progress-head{gap:8px}} .svjedocanstvo-link-card .svjedocanstvo-link-title-text{display:block;color:rgba(255,255,255,.94);font-size:clamp(15px,2vw,18px);line-height:1.32;font-weight:900;text-shadow:0 0 16px rgba(255,255,255,.10)}
.svjedocanstvo-read-state{justify-self:start;display:inline-flex!important;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:4px;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);color:rgba(255,255,255,.78)!important;font-size:11px!important;line-height:1!important;font-weight:950!important;letter-spacing:.025em;text-transform:uppercase;text-shadow:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
.svjedocanstvo-link-item.is-left .svjedocanstvo-read-state{justify-self:end}
.svjedocanstvo-read-state i{width:8px;height:8px;border-radius:999px;display:inline-block;background:rgba(255,255,255,.44);box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.svjedocanstvo-read-state.is-read{border-color:rgba(255,232,122,.48);background:linear-gradient(180deg,rgba(255,234,120,.22),rgba(255,255,255,.075));color:#fff2a4!important;box-shadow:0 0 22px rgba(255,218,73,.14),inset 0 1px 0 rgba(255,255,255,.16)}
.svjedocanstvo-read-state.is-read i{background:#ffe774;box-shadow:0 0 0 3px rgba(255,231,116,.12),0 0 13px rgba(255,226,89,.70)}
.svjedocanstvo-read-state.is-read b::before{content:"✓ ";font-weight:950}
.svjedocanstvo-link-card.is-read-post{border-color:rgba(255,232,122,.36);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055)),radial-gradient(circle at 50% 0%,rgba(255,235,120,.20),transparent 63%)}
.svjedocanstvo-link-card.is-unread-post .svjedocanstvo-link-title-text{color:rgba(255,255,255,.96)}
@media(max-width:760px),(pointer:coarse){.svjedocanstvo-read-state{margin-top:6px;padding:5px 8px;font-size:10.5px!important}.svjedocanstvo-link-item.is-left .svjedocanstvo-read-state{justify-self:start}} .eliah-read-progress[data-progress-version="v56"]{position:relative;overflow:hidden;border-color:rgba(255,232,150,.28);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));}
.eliah-read-progress[data-progress-version="v56"]:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,232,120,.18),transparent 42%);pointer-events:none;opacity:.9}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-head,.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-note,.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-track{position:relative;z-index:1}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-label{display:flex;align-items:center;gap:7px}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-label:before{content:"";width:8px;height:8px;border-radius:99px;background:#ffe67a;box-shadow:0 0 13px rgba(255,230,105,.7)}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-track{height:10px;background:rgba(8,16,38,.34)}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-count{color:#fff0a1;font-weight:900} .eliah-read-progress[data-progress-version="v56"]{position:relative;overflow:hidden;border-color:rgba(255,232,150,.32);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.032));}
.eliah-read-progress[data-progress-version="v56"]:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 18% 0%,rgba(255,232,120,.20),transparent 42%);pointer-events:none;opacity:.94}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-head,.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-note,.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-track{position:relative;z-index:1}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-label{display:flex;align-items:center;gap:7px}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-label:before{content:"";width:8px;height:8px;border-radius:99px;background:#ffe67a;box-shadow:0 0 13px rgba(255,230,105,.75)}
.svjedocanstvo-link-card.is-read-post .svjedocanstvo-read-state{border-color:rgba(255,232,122,.52)!important;background:linear-gradient(180deg,rgba(255,234,120,.24),rgba(255,255,255,.08))!important;color:#fff2a4!important;box-shadow:0 0 24px rgba(255,218,73,.16),inset 0 1px 0 rgba(255,255,255,.18)!important}
.svjedocanstvo-link-card.is-read-post .svjedocanstvo-read-state i{background:#ffe774!important;box-shadow:0 0 0 3px rgba(255,231,116,.13),0 0 14px rgba(255,226,89,.75)!important}
.svjedocanstvo-link-card.is-read-post .svjedocanstvo-read-state b::before{content:"✓ ";font-weight:950}
.svjedocanstvo-link-card.is-unread-post .svjedocanstvo-read-state b::before{content:""} .eliah-read-progress[data-progress-version="v56"],.eliah-read-progress[data-progress-version="v57"]{position:relative;overflow:hidden;border-color:rgba(255,232,150,.36);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035));}
.eliah-read-progress[data-progress-version="v56"] .eliah-read-progress-fill,.eliah-read-progress[data-progress-version="v57"] .eliah-read-progress-fill{transition:width .35s cubic-bezier(.2,.85,.2,1)!important}
.svjedocanstvo-link-card.is-read-post .svjedocanstvo-read-state,.svjedocanstvo-read-state.is-read{border-color:rgba(255,232,122,.64)!important;background:linear-gradient(180deg,rgba(255,234,120,.30),rgba(255,255,255,.10))!important;color:#fff2a4!important;box-shadow:0 0 26px rgba(255,218,73,.20),inset 0 1px 0 rgba(255,255,255,.18)!important}
.svjedocanstvo-link-card.is-read-post .svjedocanstvo-read-state i,.svjedocanstvo-read-state.is-read i{background:#ffe774!important;box-shadow:0 0 0 3px rgba(255,231,116,.16),0 0 15px rgba(255,226,89,.78)!important}
.svjedocanstvo-link-card.is-read-post{border-color:rgba(255,232,122,.46)!important;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06)),radial-gradient(circle at 50% 0%,rgba(255,235,120,.22),transparent 64%)!important} .svjedocanstvo-linkovi-shell::before,
.svjedocanstvo-linkovi-shell::after{
content:"";
position:absolute;
left:50%;
top:230px;
transform:translate(-50%,-50%);
pointer-events:none;
z-index:0;
}
.svjedocanstvo-linkovi-shell::before{
width:clamp(340px,46vw,640px);
height:clamp(340px,46vw,640px);
border-radius:50%;
opacity:.68;
background:
radial-gradient(circle,rgba(255,251,198,.72) 0%,rgba(255,232,105,.28) 20%,rgba(128,194,255,.13) 42%,rgba(255,255,255,0) 68%),
conic-gradient(from 0deg,transparent 0deg,rgba(255,246,170,.20) 20deg,transparent 40deg,transparent 70deg,rgba(120,190,255,.10) 92deg,transparent 112deg,transparent 165deg,rgba(255,230,120,.16) 188deg,transparent 212deg,transparent 286deg,rgba(255,255,255,.13) 306deg,transparent 334deg,transparent 360deg);
filter:blur(1.2px) saturate(1.25);
animation:svjedocanstvoDistantRays 18s linear infinite,svjedocanstvoDistantPulse 4.8s ease-in-out infinite;
}
.svjedocanstvo-linkovi-shell::after{
width:clamp(190px,21vw,300px);
height:clamp(260px,30vw,430px);
opacity:.66;
border-radius:40px;
background:
linear-gradient(180deg,rgba(255,255,240,.98),rgba(255,235,118,.88) 40%,rgba(255,190,62,.62) 100%) center/27% 100% no-repeat,
linear-gradient(90deg,rgba(255,255,236,.98),rgba(255,236,122,.88) 48%,rgba(255,192,64,.60) 100%) center 37%/100% 20% no-repeat;
filter:drop-shadow(0 0 22px rgba(255,241,150,.70)) drop-shadow(0 0 64px rgba(255,205,80,.42)) drop-shadow(0 0 118px rgba(105,178,255,.22));
mix-blend-mode:screen;
animation:svjedocanstvoDistantCross 4.4s ease-in-out infinite;
}
.svjedocanstvo-linkovi-head,
.svjedocanstvo-linkovi-shell .eliah-read-progress,
.svjedocanstvo-linkovi-line,
.svjedocanstvo-link-items,
.svjedocanstvo-link-more{
position:relative;
z-index:2;
}
.svjedocanstvo-linkovi-line{z-index:1;}
@keyframes svjedocanstvoDistantPulse{0%,100%{opacity:.58;filter:blur(1.3px) saturate(1.16)}50%{opacity:.82;filter:blur(.8px) saturate(1.32)}}
@keyframes svjedocanstvoDistantCross{0%,100%{opacity:.56;transform:translate(-50%,-50%) scale(.988)}50%{opacity:.78;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes svjedocanstvoDistantRays{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:760px),(pointer:coarse){
.svjedocanstvo-linkovi-shell::before{top:210px;width:340px;height:340px;opacity:.62;filter:blur(1.6px) saturate(1.16)}
.svjedocanstvo-linkovi-shell::after{top:210px;width:170px;height:240px;opacity:.58;filter:drop-shadow(0 0 20px rgba(255,241,150,.62)) drop-shadow(0 0 54px rgba(255,205,80,.28))}
}
@media(prefers-reduced-motion:reduce){.svjedocanstvo-linkovi-shell::before,.svjedocanstvo-linkovi-shell::after{animation:none!important}} .eliah-read-progress.is-compact-progress,
.eliah-read-progress[data-progress-version="v64"]{
display:grid!important;
grid-template-columns:1fr auto;
align-items:center;
gap:10px;
width:min(100%,820px);
margin:14px auto 18px;
padding:9px 12px;
border-radius:18px;
overflow:hidden;
}
.eliah-read-progress.is-compact-progress .eliah-read-progress-head,
.eliah-read-progress[data-progress-version="v64"] .eliah-read-progress-head{
display:flex!important;
justify-content:flex-end!important;
align-items:center!important;
order:2;
margin:0!important;
min-width:44px;
}
.eliah-read-progress.is-compact-progress .eliah-read-progress-track,
.eliah-read-progress[data-progress-version="v64"] .eliah-read-progress-track{
order:1;
width:100%;
height:10px;
margin:0!important;
}
.eliah-read-progress-label,
.eliah-read-progress-note,
.eliah-read-progress-count{
display:none!important;
visibility:hidden!important;
}
.eliah-read-progress.is-compact-progress .eliah-read-progress-percent,
.eliah-read-progress[data-progress-version="v64"] .eliah-read-progress-percent{
display:inline-block!important;
visibility:visible!important;
font-size:clamp(13px,2.4vw,17px);
line-height:1;
}
.eliah-read-progress.is-complete .eliah-read-progress-label:after{content:""!important;display:none!important} .eliah-category-seo-box{
position:relative;
z-index:2;
width:min(100%,820px);
margin:clamp(10px,2vw,16px) auto clamp(12px,2.2vw,18px);
padding:clamp(15px,2.5vw,22px) clamp(16px,3vw,26px);
border-radius:clamp(20px,3vw,28px);
border:1px solid rgba(255,232,150,.26);
background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.038)),radial-gradient(circle at 50% 0%,rgba(255,232,120,.14),transparent 62%);
box-shadow:0 18px 46px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.14);
text-align:left;
box-sizing:border-box;
}
.eliah-category-seo-box:before{
content:"";
position:absolute;
left:18px;
top:18px;
width:8px;
height:8px;
border-radius:999px;
background:#ffe67a;
box-shadow:0 0 16px rgba(255,230,105,.72);
}
.eliah-category-seo-box h2{
margin:0 0 9px;
padding-left:18px;
color:#fff2a5;
font-size:clamp(18px,3vw,26px);
line-height:1.15;
font-weight:950;
text-shadow:0 0 26px rgba(255,220,82,.22);
}
.eliah-category-seo-content,
.eliah-category-seo-content p{
color:rgba(255,255,255,.86)!important;
font-size:clamp(13.5px,2vw,16px)!important;
line-height:1.72!important;
}
.eliah-category-seo-content p{margin:0 0 .72em!important}
.eliah-category-seo-content p:last-child{margin-bottom:0!important}
@media(max-width:760px),(pointer:coarse){
.eliah-read-progress.is-compact-progress,.eliah-read-progress[data-progress-version="v64"]{margin:10px 0 14px;padding:8px 10px;gap:8px;border-radius:16px}
.eliah-read-progress.is-compact-progress .eliah-read-progress-track,.eliah-read-progress[data-progress-version="v64"] .eliah-read-progress-track{height:9px}
.eliah-category-seo-box{margin:10px 0 14px;padding:15px 14px;border-radius:22px}
.eliah-category-seo-box:before{left:14px;top:17px}
.eliah-category-seo-box h2{padding-left:17px;font-size:clamp(18px,5vw,23px)}
} .eliah-category-seo-box-v65{
overflow:hidden;
background:
linear-gradient(180deg,rgba(255,255,255,.125),rgba(255,255,255,.045)),
radial-gradient(circle at 18% 0%,rgba(255,239,142,.18),transparent 42%),
radial-gradient(circle at 88% 14%,rgba(118,184,255,.10),transparent 48%);
}
.eliah-category-seo-kicker,.eliah-author-kicker{
display:inline-flex;
align-items:center;
gap:6px;
margin:0 0 8px;
color:rgba(255,239,158,.82);
font-size:11px;
line-height:1;
letter-spacing:.11em;
text-transform:uppercase;
font-weight:950;
}
.eliah-category-seo-themes{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
margin-top:14px;
padding-top:12px;
border-top:1px solid rgba(255,255,255,.10);
color:rgba(255,255,255,.82);
font-size:12.5px;
line-height:1.35;
}
.eliah-category-seo-themes strong{color:#fff2a5;font-weight:950;margin-right:2px}
.eliah-category-seo-themes span{
display:inline-flex;
align-items:center;
padding:5px 9px;
border-radius:999px;
border:1px solid rgba(255,232,145,.20);
background:rgba(255,255,255,.065);
box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.eliah-author-box{
position:relative;
z-index:2;
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:clamp(13px,2.5vw,20px);
width:min(100%,820px);
margin:clamp(20px,4vw,34px) auto;
padding:clamp(16px,3vw,25px);
border-radius:clamp(22px,3vw,30px);
border:1px solid rgba(255,232,150,.28);
background:
linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.048)),
radial-gradient(circle at 0% 0%,rgba(255,229,104,.17),transparent 48%),
radial-gradient(circle at 100% 0%,rgba(98,172,255,.11),transparent 48%);
box-shadow:0 20px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.15);
text-align:left;
box-sizing:border-box;
}
.eliah-author-avatar{
width:clamp(50px,8vw,70px);
height:clamp(50px,8vw,70px);
border-radius:22px;
display:grid;
place-items:center;
color:#1b2450;
font-size:clamp(17px,3vw,25px);
font-weight:950;
letter-spacing:.04em;
background:linear-gradient(180deg,#fff8b7,#ffd65f);
box-shadow:0 0 22px rgba(255,224,97,.38), inset 0 1px 0 rgba(255,255,255,.75);
}
.eliah-author-box h2{
margin:0 0 4px;
color:#fff2a5;
font-size:clamp(20px,3vw,28px);
line-height:1.14;
font-weight:950;
text-shadow:0 0 28px rgba(255,220,82,.20);
}
.eliah-author-role{
margin:0 0 10px!important;
color:rgba(255,245,190,.84)!important;
font-size:clamp(13px,1.7vw,15px)!important;
line-height:1.5!important;
font-weight:800;
}
.eliah-author-bio,.eliah-author-bio p{
color:rgba(255,255,255,.86)!important;
font-size:clamp(13.5px,2vw,16px)!important;
line-height:1.72!important;
}
.eliah-author-bio p{margin:0 0 .72em!important}.eliah-author-bio p:last-child{margin-bottom:0!important}
.eliah-author-link{
display:inline-flex;
align-items:center;
margin-top:12px;
padding:8px 12px;
border-radius:999px;
border:1px solid rgba(255,232,150,.34);
color:#fff2a5!important;
text-decoration:none!important;
background:rgba(255,255,255,.07);
font-weight:900;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.eliah-author-link:hover,.eliah-author-link:focus-visible{border-color:rgba(255,235,135,.62);box-shadow:0 0 24px rgba(255,218,80,.16),inset 0 1px 0 rgba(255,255,255,.14);outline:none}
@media(max-width:760px),(pointer:coarse){
.eliah-category-seo-themes{gap:6px;font-size:11.5px}.eliah-category-seo-themes span{padding:5px 8px}
.eliah-author-box{grid-template-columns:1fr;gap:12px;margin:18px auto;padding:16px 14px;border-radius:22px}
.eliah-author-avatar{width:52px;height:52px;border-radius:18px}
} .eliah-read-progress-label,
.eliah-read-progress-note,
.eliah-read-progress-count,
.eliah-read-progress .screen-reader-text{
display:none!important;
visibility:hidden!important;
font-size:0!important;
line-height:0!important;
}
.eliah-read-progress[data-progress-version="v69"],
.eliah-read-progress.is-seo-silent-progress{
position:relative!important;
overflow:hidden!important;
display:grid!important;
grid-template-columns:auto 1fr!important;
align-items:center!important;
gap:10px!important;
padding:9px 11px!important;
margin:12px auto 16px!important;
border-radius:18px!important;
}
.eliah-read-progress[data-progress-version="v69"] .eliah-read-progress-head,
.eliah-read-progress.is-seo-silent-progress .eliah-read-progress-head{
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
min-width:46px!important;
}
.eliah-read-progress[data-progress-version="v69"] .eliah-read-progress-percent,
.eliah-read-progress.is-seo-silent-progress .eliah-read-progress-percent{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:44px!important;
font-size:clamp(13px,2vw,17px)!important;
font-weight:950!important;
}
.eliah-read-progress[data-progress-version="v69"] .eliah-read-progress-track,
.eliah-read-progress.is-seo-silent-progress .eliah-read-progress-track{
margin:0!important;
width:100%!important;
}
body.single .eliah-read-progress,
.eliah-single-page .eliah-read-progress,
.eliah-content-page.single .eliah-read-progress{
display:none!important;
}
@media(max-width:760px),(pointer:coarse){
.eliah-read-progress[data-progress-version="v69"],.eliah-read-progress.is-seo-silent-progress{margin:10px 0 14px!important;padding:8px 10px!important;gap:8px!important;border-radius:16px!important}
}