:root{--email-link: #0056b3;--email-icon: #004080;--brand-blue: #002b6c;--brand-purple: #594a8e}@media (prefers-color-scheme: dark){:root{--email-link: #93c5fd;--email-icon: #60a5fa;--brand-blue: #9dc1ff;--brand-purple: #cbb8ff}}html{scroll-behavior:smooth;scroll-padding-top:5px}body{max-width:1200px;margin:auto;padding:1rem;box-sizing:border-box;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#e6ecf3,#fdfdfd);color:#222}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,#1f2937,#111827);color:#f9f9f9}}h1,h2,h3,p{word-wrap:break-word;line-height:1.4}.page-wrapper{max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box}.logo-header{display:flex;align-items:center;flex-wrap:wrap;background-color:#fff;padding:1rem 2rem;border-bottom:1px solid #e0e0e0}.logo-img{width:auto;max-width:180px;height:auto;margin-right:1rem;display:block}.logo-title{font-size:2.5rem;color:var(--brand-blue);margin:0}@media (max-width: 768px){.logo-header{flex-direction:column;align-items:center;text-align:center;padding:1rem}.logo-img{max-width:100px;margin-bottom:.5rem}.logo-title{font-size:1.5rem;line-height:1.2}}.main-layout{display:flex;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}.side-nav{min-width:182px;position:sticky;top:100px;align-self:flex-start;height:fit-content;display:block}@media (max-width: 768px){.main-layout{flex-direction:column}.side-nav{display:none}}.navbar{background-color:#e3ebf6;padding:1.5rem .75rem;display:flex;flex-direction:column;margin-top:2rem;gap:1rem;border-right:1px solid #d0d7e2;height:100%}.navbar button{background:none;border:none;color:var(--brand-blue);font-size:.95rem;text-align:left;cursor:pointer;padding:.5rem .75rem;border-radius:4px;transition:background-color .2s ease}.navbar button:hover,.navbar button.active{background-color:#dbe9f6;color:#0056b3}@media (prefers-color-scheme: dark){.navbar{background-color:#1f2937;border-right:1px solid #374151}.navbar button{color:#f0f4f8}.navbar button.active{background-color:#2d3a4f;color:#90cdf4}}.main-content{flex-grow:1;padding:2rem;margin:2rem;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 30px #00000014;font-size:.9rem;line-height:1.6}.main-content a{color:var(--brand-blue);transition:color .3s ease}.main-content a:hover{color:#003f8a;text-decoration:underline}@media (prefers-color-scheme: dark){.main-content{background:#1e1e1e99;color:#f0f0f0}.main-content a{color:#86b4dc}.main-content a:hover{color:#f0f4ff}}.image-wrapper{display:flex;justify-content:center;margin:1.5rem 0}.home-hero-img{max-width:100%;max-height:320px;object-fit:cover;border-radius:12px;box-shadow:0 2px 10px #0000001a}.footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;line-height:1.4;padding:1rem .75rem;background-color:#e3ebf6;font-size:.85rem;color:#444;border-top:1px solid #e0e0e0;box-sizing:border-box;overflow-x:hidden}.footer p{margin:0;padding:0}.footer a{color:var(--email-link);text-decoration:none}.footer .email-link,.footer .social-icons{width:auto;max-width:100%;justify-content:center}.footer .social-icons{display:flex;gap:1.5rem;margin-top:1rem}.footer .icon{font-size:22px;color:var(--email-icon);transition:transform .2s ease,color .3s ease}.footer .icon:hover{transform:scale(1.2)}.footer-note.secondary{font-size:.75rem;color:#444;margin-top:.25rem}@media (prefers-color-scheme: dark){.footer{background-color:#1e1e1e;color:#ccc;border-top:1px solid #333}.footer-note.secondary{color:#aaa}.footer .social-icons{color:#eee}}.mobile-nav{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#e3ebf6f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;padding:.75rem 1rem;border-radius:12px;box-shadow:0 6px 16px #0000001a;max-height:50vh;max-width:200px;width:100%;overflow-y:auto}.mobile-nav .navbar{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:0;margin:0;border:none;box-shadow:none;background:transparent;width:100%}.mobile-nav .navbar button{width:100%;text-align:left;padding:.5rem 1rem;font-size:1rem;background:none;border:none;color:var(--brand-blue);border-radius:4px;transition:background-color .2s ease}.mobile-nav .navbar button:hover{background-color:#002b6c14}@media (max-width: 900px){.mobile-nav{display:block}.mobile-nav .navbar{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.desktop-nav{display:none}.main-content{width:100%;max-width:600px;margin:1rem auto;padding:1rem;box-sizing:border-box;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 16px #00000014}}@media (min-width: 901px){.mobile-nav{display:none}.desktop-nav{display:flex}}@media (prefers-color-scheme: dark){.mobile-nav{background:#1f2937f2;color:#f0f4f8;border:1px solid #374151;box-shadow:0 4px 18px #0006}.mobile-nav .navbar button{color:#f0f4f8}.mobile-nav .navbar button.active{background-color:#2d3a4f;color:#90cdf4}.main-content{background:#11182799;color:#f0f4f8;box-shadow:0 4px 16px #0000004d}}.hamburger-container{display:none}@media (max-width: 768px){.hamburger-container{display:flex;align-items:center;justify-content:center;position:fixed;bottom:8.5rem;right:.75rem;z-index:1001;width:25px;height:25px;padding:.25rem;background-color:#94a3b8;color:#fff;border:1px solid var(--brand-blue);border-radius:6px;box-shadow:0 1px 4px #00000014;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:background-color .3s ease,transform .2s ease}.hamburger-container:hover{background-color:#5e81ac;transform:scale(1.05)}}.hamburger{width:20px;height:18px;display:flex;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0}.hamburger span{height:2px;width:100%;background-color:#2c2c2c;border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (prefers-color-scheme: dark){.hamburger span{background-color:#f0f4f8;box-shadow:0 0 4px #fff3}}.scroll-top-btn{position:fixed;bottom:5.5rem;right:.75rem;z-index:1000;width:36px;height:36px;background-color:#0056b3;color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.scroll-top-btn:hover{background-color:#003f8a}@media (prefers-color-scheme: dark){.scroll-top-btn{background-color:#fff;color:#222}.scroll-top-btn:hover{background-color:#ddd}}@keyframes dz-wiggle{0%{transform:rotate(0)}20%{transform:rotate(4deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes dz-sparkle{0%{box-shadow:none;transform:scale(1)}45%{box-shadow:0 0 6px 3px #ff09,0 0 12px 8px #ff06,0 0 18px 12px #ffff964d;transform:scale(1.1)}to{box-shadow:none;transform:scale(1)}}@keyframes dz-burstOut{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}}.scroll-top-btn.lifted{bottom:7.25rem}.hamburger.attention{animation:dz-wiggle 1s ease-in-out}.hamburger.sparkle{animation:dz-sparkle .9s ease-in-out;will-change:box-shadow,transform}.hamburger.sparkle{box-shadow:0 0 6px 3px #ffffb4cc,0 0 14px 9px #ffff6499,0 0 22px 14px #ffff5066}.hamburger-container.over-footer{background:#00000040}.starburst{position:absolute;bottom:1.5rem;right:1.5rem;width:8px;height:8px;background:#3b82f6;clip-path:polygon(50% 0%,61% 35%,100% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,0% 35%,39% 35%);opacity:.9;animation:dz-burstOut .8s ease-out forwards;pointer-events:none;z-index:1002;box-shadow:0 0 6px #3b82f6}@media screen and (orientation: portrait) and (max-width: 900px){.mobile-nav{display:flex}.desktop-nav{display:none}}@media screen and (orientation: landscape) and (max-width: 900px){.mobile-nav{display:flex}.desktop-nav{display:none}}@media screen and (min-width: 901px){.mobile-nav{display:none}.desktop-nav{display:flex}}a.icon-link{text-decoration:none}h2{color:var(--brand-blue)}h3{color:var(--brand-purple)}#root{max-width:1280px;margin:0 auto;padding:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.trademark{font-size:.4em;vertical-align:super;margin-left:2px;line-height:1}