@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');:root{font-family:Nunito,system-ui,sans-serif;color:#19345f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#5aaef3 0%,#8fd7ff 49%,#e6f7ff 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.sun{position:absolute;top:11%;right:17%;width:230px;height:230px;border-radius:50%;background:#fff8cb;filter:blur(12px);opacity:.48;box-shadow:0 0 120px 65px #fff9c6}.cloud{position:absolute;width:290px;height:92px;border-radius:100px;background:rgba(255,255,255,.67);filter:blur(3px);box-shadow:65px -32px 0 14px rgba(255,255,255,.67),145px -15px 0 3px rgba(255,255,255,.67),95px 15px 0 10px rgba(255,255,255,.67);animation:drift 45s linear infinite}.cloud-a{top:17%;left:-25%;animation-duration:53s}.cloud-b{top:42%;left:-35%;transform:scale(.72);animation-duration:71s;animation-delay:-26s;opacity:.75}.cloud-c{top:72%;left:-40%;transform:scale(1.3);animation-duration:62s;animation-delay:-38s}.cloud-d{top:28%;left:-30%;transform:scale(.5);animation-duration:39s;animation-delay:-15s}@keyframes drift{from{translate:-30vw 0}to{translate:155vw 0}}.particle{position:absolute;color:white;opacity:.75;animation:fall linear infinite;user-select:none}@keyframes fall{from{transform:translate3d(0,-12vh,0) rotate(0)}to{transform:translate3d(90px,110vh,0) rotate(70deg)}}.app{max-width:1180px;margin:auto;padding:22px 24px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 22px;border:3px solid rgba(255,255,255,.85);border-radius:28px;background:rgba(255,255,255,.55);box-shadow:0 9px 0 rgba(54,125,202,.12),0 15px 40px rgba(25,87,157,.13);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px;font-family:Fredoka,system-ui;font-size:29px;font-weight:700;letter-spacing:-1px;text-shadow:1px 2px white}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 1px white)}.gold{color:#ffae2b;text-shadow:1px 2px #fff}nav{display:flex;gap:9px}nav a,.button{font-family:Fredoka,system-ui;font-weight:600;border:2px solid #fff;background:#f6fbff;color:#254c83;padding:11px 21px;border-radius:99px;box-shadow:0 5px 0 #9ac3f0;transition:transform .18s,background .18s;cursor:pointer}nav a:hover,.button:hover{transform:translateY(-3px);background:#fff}nav a.active{background:#2c7dd1;color:white;box-shadow:0 5px 0 #1c59a2}main{flex:1}.hero{text-align:center;padding:74px 10px 46px}.hero-logo{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 7px 0 rgba(255,255,255,.7))}.eyebrow{font-family:Fredoka;font-weight:600;color:#255d9a;letter-spacing:2px;text-transform:uppercase;font-size:14px}.hero h1,.page-heading h1{font-family:Fredoka,system-ui;font-size:clamp(46px,7vw,88px);line-height:1.02;margin:12px 0 16px;color:white;-webkit-text-stroke:2px #2660a2;text-shadow:0 6px 0 #245b9e,0 12px 25px #3e85c3}.hero h1 span{color:#ffca4c}.hero p,.page-heading p{font-size:18px;font-weight:800;color:#255c96;max-width:620px;margin:0 auto}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:0 auto 70px}.category-card,.post-card,.article,.empty{background:rgba(255,255,255,.88);border:4px solid white;border-radius:34px;box-shadow:0 9px 0 #9dc8ed,0 20px 35px #4b99cc2b}.category-card{padding:32px;display:flex;align-items:center;gap:20px;transition:transform .2s}.category-card:hover,.post-card:hover{transform:translateY(-5px)}.category-icon{font-size:55px;filter:drop-shadow(0 3px 0 #a5c3e9)}h2,h3{font-family:Fredoka;margin:0}.category-card h2{font-size:30px}.category-card p{margin:7px 0 0;color:#58749a;font-weight:700}.arrow{margin-left:auto;font-size:30px;color:#4488cf}.page-heading{text-align:center;padding:62px 0 28px}.page-heading h1{font-size:clamp(43px,6vw,65px)}.toolbar{max-width:880px;margin:0 auto 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.search{width:min(100%,420px);border:3px solid white;border-radius:18px;background:#ffffffd9;padding:13px 18px;outline:none;color:#244b7d;box-shadow:0 5px 0 #9dc8ed}.search:focus{border-color:#297ccf}.count{font-weight:900;color:#2a6199}.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:880px;margin:0 auto 80px}.post-card{padding:25px;transition:transform .2s;display:block}.post-card .icon{font-size:35px}.post-card h2{font-size:25px;margin:9px 0}.post-card p{color:#5b7495;font-weight:700;line-height:1.55;margin:0 0 16px}.tag{display:inline-block;background:#e0f0ff;color:#3974af;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:900;text-transform:uppercase}.post-card .read{display:block;margin-top:17px;color:#2878c9;font-weight:900}.article{max-width:860px;margin:54px auto 75px;padding:clamp(24px,5vw,56px)}.back{font-weight:900;color:#347fc3}.article h1{font:700 clamp(32px,5vw,50px) Fredoka;margin:20px 0 10px}.article .summary{color:#6381a0;font-size:18px;font-weight:800}.article hr{border:0;border-top:2px solid #e4eff9;margin:28px 0}.content{font-size:17px;line-height:1.85;color:#314e70;overflow-wrap:anywhere}.content h2{font-size:28px;margin:28px 0 8px;color:#214e86}.content h3{font-size:22px;margin:20px 0 6px;color:#214e86}.content p{margin:10px 0}.content ul,.content ol{padding-left:28px}.content a{color:#166ac2;text-decoration:underline}.content blockquote{margin:18px 0;padding:8px 20px;border-left:5px solid #77b9ee;background:#eaf6ff;border-radius:8px}.content code{background:#eaf1f8;padding:2px 5px;border-radius:5px}.empty{max-width:880px;margin:0 auto 60px;padding:38px;text-align:center;font-weight:800}footer{text-align:center;color:#2b669b;font-size:13px;font-weight:900;padding:25px}@media(max-width:680px){.app{padding:12px}.topbar{flex-direction:column;padding:12px;gap:12px}.brand{font-size:25px}.brand img{width:42px;height:42px}nav{width:100%;justify-content:center}nav a{padding:9px 15px;font-size:14px}.hero{padding:54px 5px 35px}.home-grid,.posts{grid-template-columns:1fr;gap:16px}.category-card{padding:22px}.toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.article{margin-top:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Photographic-style cloudscape with slow drifting atmospheric layers */
body{background:#77c7f2 url("assets/realistic-clouds.webp") center center / cover fixed no-repeat}
.sky{background:linear-gradient(180deg,rgba(33,115,202,.12),rgba(223,245,255,.12))}
.cloud{width:450px;height:135px;background:rgba(255,255,255,.21);filter:blur(23px);box-shadow:100px -34px 26px 20px rgba(255,255,255,.22),230px -14px 38px 15px rgba(255,255,255,.18),150px 26px 30px 16px rgba(255,255,255,.20)}
.brand{font-family:Fredoka,'Arial Rounded MT Bold',system-ui,sans-serif;font-size:clamp(29px,3vw,40px);font-weight:700;letter-spacing:-1.6px;-webkit-text-stroke:1.3px #245c9c;paint-order:stroke fill;color:#fff;text-shadow:0 3px 0 #387bc3,0 5px 0 #1a5191,0 7px 9px #2b75b77d}
.brand .gold{color:#ffd45c;-webkit-text-stroke:1.1px #a96315;text-shadow:0 3px 0 #e19a25,0 5px 0 #ad6a18}
@media(max-width:680px){body{background-attachment:scroll;background-position:center center}.brand{font-size:31px}}