.energy-card-pro{isolation:isolate;overflow:hidden;padding:1.25rem;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--energy-color)),var(--surface));transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.energy-card-pro:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--energy-color) 38%,var(--border));box-shadow:0 20px 45px rgba(2,6,23,.12),0 0 0 1px color-mix(in srgb,var(--energy-color) 10%,transparent)}
.energy-card-pro::before{width:4px;background:linear-gradient(180deg,var(--energy-color),color-mix(in srgb,var(--energy-color) 35%,transparent))}
.energy-card-glow{position:absolute;z-index:-1;top:-70px;right:-55px;width:155px;height:155px;border-radius:50%;background:var(--energy-color);opacity:.095;filter:blur(8px);pointer-events:none}
.energy-card-pro .energy-card-head{position:relative;align-items:center}.energy-card-pro .energy-icon{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--energy-color) 24%,transparent);border-radius:12px;box-shadow:inset 0 0 18px color-mix(in srgb,var(--energy-color) 8%,transparent)}
.energy-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.energy-card-pro .energy-icon svg{width:23px;height:23px;filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--energy-color) 28%,transparent))}
.energy-card-kicker{display:block;margin-bottom:.22rem;color:var(--muted);font-size:.52rem;font-weight:750;letter-spacing:.075em;text-transform:uppercase}.energy-card-pro h3{font-size:.76rem}
.energy-status{display:flex;align-items:center;gap:.3rem;margin-left:auto;align-self:flex-start;padding:.28rem .42rem;border:1px solid color-mix(in srgb,#10b981 25%,var(--border));border-radius:999px;background:color-mix(in srgb,#10b981 8%,transparent);color:#10b981;font-size:.52rem;font-weight:750}.energy-status i{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.11)}
.energy-card-pro .energy-price{margin:1.25rem 0 .3rem;font-size:clamp(1.45rem,2.55vw,2rem);font-weight:800;letter-spacing:-.045em}.energy-card-pro .energy-secondary{padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.energy-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;margin-top:.85rem}.energy-card-footer .price-movement{margin:0;padding:.34rem .48rem;border-radius:7px;background:var(--surface2);font-weight:650}.energy-card-footer .energy-updated{margin:0;text-align:right;line-height:1.35}
.related-country-grid{grid-template-columns:repeat(3,1fr)}.related-country-grid a{position:relative;min-height:66px;padding:.72rem .8rem;border-radius:12px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 65%,var(--surface)));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.related-country-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,6,23,.09)}
.related-country-grid .related-country-flag{width:30px;height:21px;border-radius:3px}.related-country-copy{display:block;min-width:0}.related-country-copy strong{display:block;overflow:hidden;color:var(--text);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.related-country-copy small{display:block;margin-top:.25rem;color:var(--muted);font-size:.55rem;font-weight:550}.related-arrow{margin-left:auto;color:var(--muted);transition:transform .18s ease}.related-country-grid a:hover .related-arrow{transform:translateX(2px);color:var(--energy-color,#34d399)}
@media(max-width:700px){.energy-card-pro{padding:.82rem}.energy-card-pro .energy-icon{width:32px;height:32px}.energy-status{display:none}.energy-card-pro .energy-price{margin:.8rem 0 .22rem}.energy-card-footer{align-items:flex-start;flex-direction:column}.energy-card-footer .energy-updated{text-align:left}.related-country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.related-country-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.energy-card-pro,.related-country-grid a,.related-arrow{transition:none}}