:root{--dark:#142231;--dark2:#1d3347;--blue:#35a7e8;--green:#38c77a;--red:#ff6470;--gold:#f2c94c;--orange:#e58a32;--winter:#6eb5e7;--spring:#62c879;--summer:#f2c94c;--autumn:#e58a32;--bg:#f2f5f7;--card:#fff;--text:#263238;--muted:#687785;--border:#e2e8ed}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit}header{background:linear-gradient(135deg,#101d29,#172d40);color:#fff}.header-inner{max-width:1200px;margin:auto;padding:24px 25px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,490px);gap:38px;align-items:start}.site-title h1{font-size:2rem;letter-spacing:1px}.site-title>p{color:#b8c7d4;font-size:.95rem}.price-panel{margin-top:18px;background:rgba(7,17,26,.30);border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:14px 15px 10px}.price-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.price-title{font-size:.76rem;letter-spacing:1px;font-weight:700;color:#d7e5ef}.price-sub{font-size:.67rem;color:#7892a5}.area-select{background:#1b3346;color:#fff;border:1px solid #456174;border-radius:6px;padding:5px 8px;font-weight:700;font-size:.75rem}.chart-wrap{position:relative;height:210px;margin-top:8px}.chart-wrap svg{display:block;width:100%;height:100%;overflow:visible}.chart-tooltip{display:none;position:absolute;pointer-events:none;z-index:4;background:#07131d;border:1px solid #456174;border-radius:7px;padding:7px 9px;color:#fff;font-size:.69rem;line-height:1.45;box-shadow:0 4px 14px #0007;white-space:nowrap}.price-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.stat{background:rgba(255,255,255,.055);border-radius:7px;padding:6px;text-align:center}.stat-label{font-size:.57rem;color:#7f98aa;text-transform:uppercase}.stat-value{font-size:.82rem;font-weight:700}.stat-time{font-size:.59rem;color:#90a7b7}.price-note{display:flex;justify-content:space-between;gap:10px;margin-top:6px;font-size:.58rem;color:#657e90}.price-note a{color:#7697ac}.info-panel{width:490px;max-width:100%}.weather-row{display:flex;justify-content:flex-end;align-items:center;gap:12px}.weather-icon{font-size:2.4rem}.weather-main{text-align:right}.weather-top,.weather-bottom{display:flex;justify-content:flex-end;align-items:baseline;gap:8px}.weather-place{font-size:.9rem;font-weight:700;color:#d9e7f0;letter-spacing:1px}.weather-temp{font-size:1.35rem;font-weight:700;text-decoration:none}.weather-bottom{font-size:.82rem;color:#9fb4c5}.clock{color:#fff;font-weight:700}.weather-source{display:block;text-align:right;color:#70889a;font-size:.67rem}.calendar-info{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff1f;text-align:right}.date-main{font-size:.95rem;font-weight:700}.date-extra{font-size:.77rem;color:#91a7b8}.sun-panel{margin-top:13px}.sun-arc{position:relative;height:48px;margin:0 40px;overflow:hidden}.sun-arc-line{position:absolute;left:0;right:0;bottom:-23px;height:62px;border:2px solid #ffffff47;border-bottom:0;border-radius:160px 160px 0 0}#sun-marker{position:absolute;left:50%;bottom:17px;font-size:1.35rem;transform:translateX(-50%);transition:left 1s}.sun-times{display:flex;justify-content:space-between;color:#b8c9d6;font-size:.74rem}.sun-time strong{color:#fff}.day-length{color:#8199aa;font-size:.69rem}.year-panel{margin-top:16px;padding-top:13px;border-top:1px solid #ffffff1f}.year-panel-top{display:flex;justify-content:space-between;margin-bottom:20px}.year-title,.year-day{font-size:.74rem;font-weight:700}.year-title{color:#c8d8e4;letter-spacing:1px}.year-track-area{position:relative;height:64px}.year-track{position:absolute;left:0;right:0;top:21px;height:8px;border-radius:10px;background:linear-gradient(to right,var(--winter) 0 21.5%,var(--spring) 21.5% 47.1%,var(--summer) 47.1% 72.9%,var(--autumn) 72.9% 97.2%,var(--winter) 97.2%)}.season-marker{position:absolute;top:14px;transform:translateX(-50%);text-align:center}.season-line{height:22px;width:2px;margin:auto;background:#ffffffad}.season-label{position:absolute;top:30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.53rem;color:#8299aa}.season-label span{display:block;font-size:.72rem}#today-marker{position:absolute;top:13px;transform:translateX(-50%);z-index:10}.today-dot{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--blue);box-shadow:0 0 0 3px #35a7e82e,0 0 10px #35a7e8b3}.today-label{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:.61rem;font-weight:700;white-space:nowrap}nav{background:var(--dark2);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0003}.nav-inner{max-width:1200px;margin:auto;display:flex;flex-wrap:wrap;padding:0 15px}nav a{display:block;padding:15px 16px;color:#fff;text-decoration:none;font-size:.95rem}nav a:hover{background:#168bd2}.hero{background:linear-gradient(135deg,#142231f7,#168bd2e0);color:#fff;padding:75px 25px}.hero-inner,main{max-width:1200px;margin:auto}.hero-content{max-width:760px}.hero-label{color:#9fdcff;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.hero h2{font-size:3rem;line-height:1.15;margin-bottom:20px}.hero p{font-size:1.15rem;color:#e4edf4}.hero-button{display:inline-block;margin-top:30px;background:#fff;color:var(--dark);padding:12px 22px;text-decoration:none;border-radius:6px;font-weight:700}main{padding:45px 25px}section{margin-bottom:55px}.section-header{margin-bottom:25px}.section-header h2{font-size:1.8rem;color:var(--dark)}.section-header p{color:var(--muted)}.energy-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.energy-card,.category{background:#fff;border-radius:10px;padding:25px;border:1px solid var(--border);box-shadow:0 3px 10px #0000000a}.energy-icon,.category-icon{font-size:1.7rem;margin-bottom:8px}.energy-card h3{font-size:.85rem;text-transform:uppercase;color:var(--muted)}.energy-value{font-size:1.8rem;font-weight:700;color:var(--dark)}.energy-description{font-size:.85rem;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category{text-decoration:none;transition:.2s}.category:hover{transform:translateY(-4px);box-shadow:0 8px 22px #00000017}.category h3{color:var(--dark)}.category p{color:var(--muted);font-size:.94rem}.category-more{display:inline-block;margin-top:15px;color:#168bd2;font-weight:700;font-size:.9rem}.featured{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.featured-image{min-height:320px;background:linear-gradient(135deg,#183448,#248fc4);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px}.featured-image span{font-size:4rem}.featured-content{padding:40px}.featured-content small{color:#168bd2;font-weight:700;text-transform:uppercase}.featured-content h3{font-size:1.8rem;margin:8px 0 15px;color:var(--dark)}.featured-content p{color:var(--muted)}.forum-box{padding:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#1d3347,#146998)}.forum-box p{max-width:700px;color:#d7e8f1}.forum-status{margin-top:18px;display:inline-block;border:1px solid #ffffff66;padding:8px 14px;border-radius:5px;font-size:.9rem}footer{background:var(--dark);color:#b7c5d0;padding:45px 25px 25px}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer h3{color:#fff}footer a{display:block;color:#b7c5d0;text-decoration:none;margin-bottom:6px}.copyright{max-width:1200px;margin:35px auto 0;padding-top:20px;border-top:1px solid #344757;font-size:.85rem;text-align:center}.forecast-panel{margin-top:14px;padding-top:12px;border-top:1px solid #ffffff1f}.forecast-title{font-size:.7rem;font-weight:700;letter-spacing:1px;color:#c8d8e4;margin-bottom:7px}.forecast-days{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.forecast-day{position:relative;text-align:center;padding:6px 3px;border-radius:7px;background:#ffffff08;cursor:default}.forecast-day:hover,.forecast-day:focus{background:#ffffff12;outline:none}.forecast-name{font-size:.58rem;color:#91a7b8;font-weight:700}.forecast-icon{font-size:1.45rem;line-height:1.3;margin:2px 0}.forecast-temp{font-size:.66rem;color:#fff;font-weight:700}.forecast-rain{font-size:.57rem;color:#79bfe7}.forecast-popup{display:none;position:absolute;z-index:60;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:215px;text-align:left;background:#081824;border:1px solid #496377;border-radius:9px;padding:10px 11px;color:#dce9f1;box-shadow:0 7px 20px #0008;font-size:.66rem;line-height:1.55}.forecast-day:hover .forecast-popup,.forecast-day:focus .forecast-popup{display:block}.forecast-popup strong{display:block;color:#fff;font-size:.75rem;margin-bottom:4px}.forecast-popup-grid{display:grid;grid-template-columns:1fr auto;gap:1px 8px}.forecast-source{margin-top:5px;text-align:right;font-size:.53rem;color:#617d91}@media(max-width:900px){.header-inner{grid-template-columns:1fr}.info-panel{width:100%}.weather-row,.weather-top,.weather-bottom{justify-content:flex-start}.weather-main,.calendar-info,.weather-source{text-align:left}.energy-overview,.categories{grid-template-columns:1fr 1fr}.featured{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.header-inner{padding:20px 18px}.chart-wrap{height:190px}.price-stats{grid-template-columns:1fr 1fr 1fr}.hero{padding:55px 20px}.hero h2{font-size:2.2rem}main{padding:30px 18px}.energy-overview,.categories,.footer-grid{grid-template-columns:1fr}.featured-content{padding:28px}.season-label{font-size:.46rem}.sun-arc{margin:0 28px}}