:root{color-scheme:dark;--white:#fff;--muted:rgba(255,255,255,.65);--line:rgba(255,255,255,.18)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#fff;background:#061b39;min-height:100vh;-webkit-font-smoothing:antialiased}.background{position:fixed;inset:0;background:linear-gradient(180deg,rgba(2,13,33,.37),rgba(2,13,33,.24) 55%,rgba(2,13,33,.65)),url('achtergrond.png') center center/cover no-repeat;z-index:-1}.page{width:min(1200px,calc(100% - 64px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:780;letter-spacing:-1.9px;color:white;text-decoration:none}.brand span{color:#7ac9ff}.top-right{display:flex;align-items:center;gap:27px;font-size:13px;color:var(--muted)}.language{border:1px solid var(--line);padding:10px 14px;border-radius:9px;color:#fff;text-decoration:none;font-weight:650}.language span{opacity:.6}.hero{text-align:center;max-width:830px;margin:clamp(65px,10vh,126px) auto 105px;width:100%}.eyebrow,.section-overline{font-size:11px;letter-spacing:2.6px;font-weight:750;color:#b3dbff}.sparkle{font-size:18px;margin-right:7px}.hero h1{font-size:clamp(38px,5vw,66px);letter-spacing:-2.8px;font-weight:720;margin:19px 0 13px;line-height:1.13}.subtitle{font-size:17px;color:rgba(255,255,255,.75);margin:0 0 42px}.searchbar{height:74px;display:flex;align-items:center;padding:8px 9px 8px 23px;gap:16px;background:#fff;border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 60px rgba(0,9,30,.24);border-radius:16px;color:#5a687d}.searchbar>svg{width:23px;height:23px;flex-shrink:0}.searchbar input{min-width:0;flex:1;border:0;outline:0;font:inherit;font-size:16px;color:#1a2941;background:transparent}.searchbar input::placeholder{color:#8792a3}.submit{height:56px;padding:0 22px;border:0;border-radius:11px;background:#0c315f;color:white;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}.submit span{margin-left:12px;font-size:17px}.submit:hover{background:#164779}.selector-head{display:flex;justify-content:space-between;margin:27px 2px 14px;font-size:11px;letter-spacing:1.9px;font-weight:700;color:rgba(255,255,255,.78)}.hint{letter-spacing:0;font-weight:400;font-size:12px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.service{border:1px solid var(--line);background:rgba(255,255,255,.075);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:white;min-height:82px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.service:hover,.service:focus-visible{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.5)}.service.selected{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.service-icon{font-size:23px;line-height:1;font-weight:750}.gemini{color:#c7b9ff}.bing{font-weight:900;color:#80d7e7;font-size:27px}.youtube{color:#ff7474}.google{color:#9bd1ff}.search-note{font-size:12px;color:#cfe4ff;min-height:18px;margin:13px 0 0}.weather-panel{background:rgba(4,19,45,.48);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:31px 32px 20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 16px 60px rgba(0,9,30,.15);margin-bottom:75px}.weather-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:29px}.weather-heading h2{font-size:27px;letter-spacing:-.8px;font-weight:650;margin:9px 0 5px}.heading-muted{font-weight:400;color:rgba(255,255,255,.55)}.weather-location{font-size:12px;color:var(--muted);margin:0}.weather-meta{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.live-dot{height:7px;width:7px;border-radius:50%;background:#76d5ad;box-shadow:0 0 0 4px rgba(118,213,173,.1)}.weather-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.weather-day{min-height:148px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:17px 9px 14px;text-align:center}.weather-day:first-child{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.24)}.day-name{font-weight:650;font-size:12px}.day-date{font-size:11px;color:var(--muted);margin-top:5px}.day-icon{font-size:31px;line-height:1.3;margin:11px 0 8px}.day-temp{font-size:15px;font-weight:700}.day-temp span{color:var(--muted);font-weight:400}.day-rain{margin-top:7px;font-size:11px;color:#a9d9ff}.weather-loading{grid-column:1/-1;padding:50px 0;text-align:center;color:var(--muted)}.weather-footer{border-top:1px solid rgba(255,255,255,.13);margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}a{color:inherit}.footer{display:flex;justify-content:space-between;gap:20px;padding:0 0 32px;font-size:12px;color:var(--muted);margin-top:auto}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-links a:hover,.weather-footer a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.weather-days{grid-template-columns:repeat(4,minmax(0,1fr))}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{margin-top:70px;margin-bottom:80px}}@media(max-width:560px){.page{width:calc(100% - 30px)}.topbar{height:82px}.brand{font-size:26px}.top-right{gap:10px}.top-right #today{display:none}.hero{margin:55px auto 66px}.hero h1{letter-spacing:-1.7px}.subtitle{font-size:14px;margin-bottom:30px}.searchbar{height:65px;padding:6px 6px 6px 15px;gap:9px}.searchbar input{font-size:14px}.submit{height:51px;padding:0 13px}.submit span{display:none}.service{min-height:72px}.hint{display:none}.weather-panel{padding:23px 15px 18px;margin-bottom:48px}.weather-heading{align-items:flex-start;flex-direction:column;gap:15px}.weather-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.weather-day{min-height:130px}.weather-footer,.footer{flex-direction:column}.footer-links{gap:13px}}