html,body,#app{height:100%;margin:0;padding:0;background:#f8fafc;color:#222;font-family:Inter,Segoe UI,Arial,sans-serif}html,body,#app{min-height:100vh;margin:0;padding:0;background:#f8fafc;color:#222;font-family:Inter,Segoe UI,Arial,sans-serif;box-sizing:border-box}*{box-sizing:inherit}.container{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.navbar{display:flex;gap:1.5rem;padding:1rem 2vw;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #e0e7ef22;font-weight:500}.nav-item{color:#0ea5e9;text-decoration:none;transition:color .2s}.nav-item:hover{color:#0369a1}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 1rem}h1{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;color:#0ea5e9;letter-spacing:.01em}.lead{font-size:1.1rem;color:#334155;margin-bottom:1.5rem;text-align:center}.cta{background:linear-gradient(90deg,#0ea5e9,#38bdf8);color:#fff;padding:.7em 1.5em;border-radius:2em;font-weight:600;margin-bottom:2rem;box-shadow:0 2px 8px #0ea5e933;text-align:center}.sponsor{width:100%;max-width:420px;margin:0 auto;background:#fff;border-radius:1.2em;box-shadow:0 2px 16px #0ea5e91a;padding:2rem 1.5rem 1.5rem;margin-bottom:2rem}.sponsor h2{font-size:1.2rem;color:#0ea5e9;margin-bottom:1rem}.github-sponsor-cta{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.github-sponsor-cta a{display:flex;align-items:center;background:linear-gradient(90deg,#24292f,#57606a);color:#fff;font-weight:700;font-size:1.08rem;padding:.85em 1.7em;border-radius:2em;box-shadow:0 2px 12px #24292f22;text-decoration:none;transition:background .2s,box-shadow .2s,transform .1s;min-width:0;max-width:100%;word-break:break-all}.github-sponsor-cta a:hover{background:linear-gradient(90deg,#57606a,#24292f);box-shadow:0 4px 18px #24292f33;transform:translateY(-2px) scale(1.03)}.github-icon{flex-shrink:0}.qrcodes{display:flex;flex-direction:column;gap:2.2rem;align-items:center;justify-content:center;margin-top:1.2rem}.qrcode-block{display:flex;flex-direction:column;align-items:center;width:75%;max-width:75%}.qrcode-block img{width:100%;height:auto;aspect-ratio:1 / 1;max-width:100%;object-fit:contain;border-radius:.7em;background:#f1f5f9;margin-bottom:.7em;border:1.5px solid #e0e7ef;box-shadow:0 2px 12px #0ea5e933;transition:width .2s,height .2s}footer{text-align:center;font-size:.95em;color:#64748b;padding:1.2em 0 .5em;background:none}.footer-links{margin-bottom:.3em}.footer-links a{color:#0ea5e9;margin:0 .5em;font-size:.95em;text-decoration:underline}@media(max-width:600px){.sponsor{padding:1.2rem .5rem 1rem}.github-sponsor-cta a{font-size:.98rem;padding:.7em;min-width:0;width:100%;justify-content:center}.qrcodes{flex-direction:column;gap:1.2rem}h1{font-size:1.3rem}}