:root{--bg:#0a1020;--bg2:#101936;--text:#eff4ff;--muted:#aebbd4;--line:rgba(203,213,255,.14);--card:rgba(20,31,60,.61);--accent:#a78bfa;--blue:#67d7ff;--shadow:0 18px 55px rgba(0,0,0,.25)}
:root[data-theme="light"]{--bg:#eaf0ff;--bg2:#dce8ff;--text:#152141;--muted:#52617c;--line:rgba(36,57,105,.16);--card:rgba(255,255,255,.66);--accent:#705bd0;--blue:#147fae;--shadow:0 18px 45px rgba(49,64,114,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 6% 3%,rgba(131,88,255,.3),transparent 27rem),radial-gradient(circle at 94% 23%,rgba(56,195,255,.17),transparent 30rem),linear-gradient(145deg,var(--bg),var(--bg2));font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.container{width:min(1140px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:10;background:var(--text);color:var(--bg);padding:.6rem 1rem;border-radius:.6rem}.skip-link:focus{top:1rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:28px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--accent),var(--blue));color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(119,106,238,.4)}.brand strong,.brand small{display:block}.brand small{font-size:.76rem;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:12px}.local-clock{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.icon-button,.text-button,.footer button{font:inherit;color:inherit;cursor:pointer}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:var(--card);border-radius:50%;font-size:1.2rem}.hero{padding:62px 0 40px;max-width:760px}.eyebrow,.card-kicker{margin:0 0 .45rem;color:var(--blue);font-size:.75rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.hero h1{font-size:clamp(2.8rem,7vw,5.75rem);line-height:.98;letter-spacing:-.065em;margin:0}.hero-copy{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:580px;margin:1.35rem 0}.update-status{font-size:.88rem;color:var(--muted);display:flex;align-items:center;gap:.5rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58d6a0;box-shadow:0 0 0 4px rgba(88,214,160,.13)}.dashboard{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:24px;min-width:0;transition:transform .25s ease,border-color .25s ease}.card:hover{transform:translateY(-3px);border-color:rgba(170,180,255,.34)}.weather-card{grid-column:span 6}.finance-card,.crypto-card{grid-column:span 3}.world-time-card,.service-card{grid-column:span 6}.card-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start}.card h2{margin:0;font-size:1.15rem;letter-spacing:-.02em}.weather-icon,.card-symbol{font-size:2rem;color:var(--blue);line-height:1}.weather-main{display:flex;align-items:baseline;gap:14px;margin:27px 0 20px}.weather-main strong{font-size:3.7rem;letter-spacing:-.08em;line-height:.8}.weather-main span{color:var(--muted)}.stats-grid,.service-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.stats-grid div,.service-details div{padding-top:13px;border-top:1px solid var(--line)}dt{font-size:.76rem;color:var(--muted)}dd{margin:.22rem 0 0;font-weight:650;font-variant-numeric:tabular-nums}.forecast{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.forecast div{padding:10px 5px;background:rgba(255,255,255,.045);border-radius:12px;text-align:center;font-size:.78rem}.forecast span,.forecast strong{display:block}.forecast span{color:var(--muted)}.forecast strong{margin-top:3px}.text-button{border:0;background:transparent;padding:0;margin-top:18px;color:var(--blue);font-size:.88rem;text-decoration:underline;text-underline-offset:3px}.card-message{min-height:1.35em;margin:15px 0 0;color:var(--muted);font-size:.8rem}.rate-list,.crypto-list,.world-times{margin-top:23px}.rate-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.rate-list span,.crypto-list span,.world-times span{color:var(--muted)}.rate-list strong{font-variant-numeric:tabular-nums}.crypto-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.7rem;padding:9px 0;border-bottom:1px solid var(--line)}.crypto-list span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crypto-list small{font-size:.72rem;color:var(--muted)}.crypto-list strong{font-size:.9rem;font-variant-numeric:tabular-nums;text-align:right}.crypto-list em{grid-column:2;color:#61d6a4;font-style:normal;font-size:.78rem;text-align:right}.crypto-list em.negative{color:#ff8496}.coin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:5px;color:#fff;font-size:.75rem}.bitcoin{background:#f59e0b}.ethereum{background:#7182ec}.tether{background:#28a98b}.world-times{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.world-times div{padding:12px;border-radius:12px;background:rgba(255,255,255,.045)}.world-times span,.world-times time{display:block}.world-times time{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.status-pulse{width:11px;height:11px;background:#58d6a0;border-radius:50%;box-shadow:0 0 0 6px rgba(88,214,160,.13);animation:pulse 2s infinite}.service-state{display:flex;gap:10px;align-items:center;margin:27px 0 22px}.service-details{grid-template-columns:1fr 1fr}.footer{display:flex;justify-content:space-between;gap:1rem;padding:26px 0 34px;margin-top:30px;border-top:1px solid var(--line);color:var(--muted);font-size:.87rem}.footer nav{display:flex;gap:16px}.footer button{padding:0;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px}dialog{max-width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;background:var(--bg2);color:var(--text);box-shadow:var(--shadow);padding:28px}dialog::backdrop{background:rgba(1,5,17,.65);backdrop-filter:blur(4px)}dialog h2{margin:0 30px 10px 0}.modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:var(--text);font-size:1.8rem;cursor:pointer}.noscript{position:fixed;bottom:0;width:100%;padding:12px;text-align:center;background:#182650;color:#fff;font-size:.88rem}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(88,214,160,0)}}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:800px){.weather-card,.finance-card,.crypto-card,.world-time-card,.service-card{grid-column:span 12}.crypto-list>div{padding:11px 0}}@media(max-width:540px){.container{width:min(100% - 28px,1140px)}.topbar{padding:18px 0}.local-clock{display:none}.hero{padding:48px 0 32px}.card{padding:19px}.stats-grid{grid-template-columns:repeat(3,1fr)}.forecast{grid-template-columns:repeat(4,1fr)}.footer{flex-direction:column;margin-top:22px}.world-times{gap:8px}.crypto-list strong{font-size:.84rem}}
.weather-icon{position:relative;display:block;width:52px;height:42px;color:#83dfff;filter:drop-shadow(0 6px 8px rgba(60,177,255,.22))}.weather-icon::before,.weather-icon::after{content:"";position:absolute}.weather-icon[data-condition="clear"]::before{width:25px;height:25px;right:5px;top:3px;border-radius:50%;background:#ffd36a;box-shadow:0 0 0 5px rgba(255,211,106,.12),0 -11px 0 -9px #ffd36a,0 11px 0 -9px #ffd36a,11px 0 0 -9px #ffd36a,-11px 0 0 -9px #ffd36a}.weather-icon[data-condition="partly"]::before{width:23px;height:23px;right:2px;top:0;border-radius:50%;background:#ffd36a;box-shadow:0 0 0 4px rgba(255,211,106,.12)}.weather-icon[data-condition="partly"]::after,.weather-icon[data-condition="cloud"]::before,.weather-icon[data-condition="rain"]::before,.weather-icon[data-condition="snow"]::before,.weather-icon[data-condition="storm"]::before,.weather-icon[data-condition="fog"]::before{width:35px;height:15px;left:2px;bottom:5px;border-radius:15px;background:#b9d8fa;box-shadow:11px -8px 0 -2px #b9d8fa,22px 0 0 -2px #b9d8fa}.weather-icon[data-condition="rain"]::after{width:3px;height:10px;left:11px;bottom:-4px;background:#67d7ff;box-shadow:10px 3px 0 #67d7ff,20px 0 0 #67d7ff;transform:skewX(-18deg)}.weather-icon[data-condition="snow"]::after{width:5px;height:5px;left:9px;bottom:-2px;border-radius:50%;background:#fff;box-shadow:11px 4px 0 #fff,22px 0 0 #fff}.weather-icon[data-condition="storm"]::after{width:12px;height:18px;left:21px;bottom:-8px;background:#ffd36a;clip-path:polygon(44% 0,100% 0,55% 42%,85% 42%,0 100%,36% 54%,10% 54%)}.weather-icon[data-condition="fog"]::after{width:42px;height:2px;left:0;bottom:2px;background:#b9d8fa;box-shadow:6px 7px 0 #b9d8fa,1px 14px 0 #b9d8fa}