:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#f8fff8;background:#000;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.scene{isolation:isolate;background:radial-gradient(circle at 50% 58%,#1844372e,#0000 0 32%),radial-gradient(circle at 68% 42%,#225c741f,#0000 0 28%),#000;place-items:center;animation:28s ease-in-out infinite alternate slow-drift;display:grid;position:fixed;inset:0;transform:scale(1.018)}.scene:before{content:"";z-index:-1;opacity:.88;filter:blur(2.6px)saturate(1.7)contrast(1.22);mix-blend-mode:color-dodge;transform-origin:50% 58%;background:radial-gradient(circle at 44% 58%,#f4fff638,#0000 0 13%,#beefd914 18%,#0000 37%),radial-gradient(circle at 62% 44%,#c6edff29,#0000 0 9%,#ffffff0f 15%,#0000 34%),repeating-radial-gradient(circle at 50% 58%,#ffffff2e 0 1px,#0000 2px 34px);animation:6.8s cubic-bezier(.28,0,.16,1) infinite broad-ripple;position:absolute;inset:-12%}.scene:after{content:"";opacity:.96;mix-blend-mode:hard-light;filter:blur(1.4px)saturate(1.35);background:linear-gradient(110deg,#0000 0 24%,#ffffff1c 34%,#0000 44% 100%),radial-gradient(circle at 50% 56%,#0000 0 24%,#ffffff24 28%,#0000 35%),linear-gradient(#071a1514,#00040675);animation:4.8s ease-in-out infinite alternate surface-swell;position:absolute;inset:0}.nav{z-index:4;letter-spacing:0;text-transform:none;align-items:center;gap:clamp(10px,3vw,34px);font-family:inherit;font-size:clamp(15px,1.6vw,18px);font-weight:500;display:flex;position:fixed;top:54px;left:50%;transform:translate(-50%)}.nav a,.nav button{cursor:pointer;font:inherit;color:#f8fff8b8;text-shadow:0 6px 22px #000000bf;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;transition:color .18s,text-shadow .18s,transform .18s;display:inline-flex}.nav a:hover,.nav a:focus-visible,.nav button:hover,.nav button:focus-visible{color:#fff;text-shadow:0 0 18px #a0ffe2c7,0 8px 28px #000000e6;outline:none;transform:translateY(-1px)}.ripples{z-index:1;opacity:1;filter:blur(.55px)saturate(1.6)contrast(1.2);mix-blend-mode:color-dodge;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shockwave{z-index:1;pointer-events:none;opacity:.62;filter:blur(2px)saturate(1.8);mix-blend-mode:screen;transform-origin:50% 58%;background:repeating-radial-gradient(circle at 50% 58%,#0000 0 28px,#e6ffec42 31px 34px,#0000 40px 76px),repeating-radial-gradient(circle at 47% 61%,#0000 0 54px,#85f5ff29 58px 62px,#0000 70px 124px);animation:3.4s ease-in-out infinite shock-pulse;position:absolute;inset:-10%}.grain{z-index:2;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.title{z-index:3;text-align:center;width:min(88vw,760px);padding:0 24px;position:relative}.title h1{letter-spacing:0;text-shadow:0 12px 44px #00000080;margin:0;font-size:clamp(40px,9vw,112px);font-weight:700;line-height:.92}.title p{color:#f8fff8d1;text-shadow:0 8px 26px #00000073;max-width:540px;margin:18px auto 0;font-size:clamp(15px,2.3vw,19px);line-height:1.75}.blog-window{z-index:8;-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#080e0de0;border:1px solid #e8fff133;border-radius:8px;grid-template-rows:auto minmax(0,1fr);height:min(72vh,720px);display:grid;position:fixed;inset:min(120px,12vh) max(20px,50vw - 480px) auto;overflow:hidden;box-shadow:0 28px 90px #00000085,inset 0 1px #ffffff1f}.blog-window__bar{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:16px 18px 14px 22px;display:flex}.blog-window__bar p{margin:0;font-size:18px;font-weight:700}.blog-window__bar span{color:#f8fff894;margin-top:3px;font-size:13px;display:block}.blog-window__bar button{color:#f8fff8cc;cursor:pointer;min-height:38px;font:inherit;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:0 14px}.blog-window__content{grid-template-columns:minmax(180px,260px) minmax(0,1fr);min-height:0;display:grid}.blog-list{border-right:1px solid #ffffff1a;align-content:start;gap:8px;min-height:0;padding:16px;display:grid;overflow-y:auto}.blog-list p{color:#f8fff8a8;margin:0;font-size:14px}.blog-list button{color:#f8fff8b8;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:5px;padding:12px;display:grid}.blog-list button:hover,.blog-list button:focus-visible,.blog-list button.is-active{color:#fff;background:#daffe81a;border-color:#c2ffdc33;outline:none}.blog-list strong{font-size:14px;line-height:1.4}.blog-list time{color:#f8fff880;font-size:12px}.blog-article{min-width:0;min-height:0;padding:clamp(20px,4vw,42px);overflow-y:auto}.blog-article h2{letter-spacing:0;margin:0;font-size:clamp(24px,3vw,38px);line-height:1.18}.blog-article time{color:#f8fff88f;margin-top:12px;font-size:14px;display:block}.blog-article__body{color:#f8fff8d6;white-space:pre-wrap;margin-top:28px;font-size:clamp(15px,1.7vw,17px);line-height:2}@keyframes slow-drift{0%{filter:saturate(1.06)contrast(1.03)}to{filter:saturate(1.2)contrast(1.08)}}@keyframes broad-ripple{0%{opacity:.2;transform:scale(.78)rotate(-2deg)}48%{opacity:.95}to{opacity:.12;transform:scale(1.52)rotate(2deg)}}@keyframes surface-swell{0%{filter:blur(.4px)contrast(1.08);transform:translate(-3%,2%)scale(1.04)skew(-1deg)}to{filter:blur(3px)contrast(1.26);transform:translate(3%,-2%)scale(1.14)skew(1deg)}}@keyframes shock-pulse{0%{opacity:.28;transform:scale(.82)rotate(0)}42%{opacity:.78}to{opacity:.18;transform:scale(1.34)rotate(5deg)}}@media (max-width:640px){.nav{justify-content:center;gap:14px;width:auto;font-size:24px;top:36px}.nav a,.nav button{min-width:76px;min-height:54px;padding:0 10px}.title{width:min(86vw,420px);padding:22px 20px}.blog-window{height:auto;inset:104px 14px 24px}.blog-window__content{grid-template-columns:1fr}.blog-list{border-bottom:1px solid #ffffff1a;border-right:0;gap:8px;display:flex;overflow:auto hidden}.blog-list button{min-width:180px}}@media (prefers-reduced-motion:reduce){.scene,.scene:before,.scene:after,.shockwave{animation:none}.ripples{display:none}}