body,html{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:#e0eafc}.pro-wrapper{max-width:600px;margin:0 auto;padding:0 1em}.pro-navbar{display:flex;flex-direction:column;align-items:center;background:#4e4376;color:#fff;padding:1em .5em;border-radius:0 0 12px 12px}.pro-logo{font-size:2em;font-weight:700;margin-bottom:.5em}.pro-navlinks{display:flex;flex-direction:row;gap:1em;list-style:none;padding:0;margin:0;flex-wrap:wrap}.pro-navlinks li a{color:#fff;text-decoration:none;font-size:1.1em;padding:.5em .8em;border-radius:6px;transition:background .2s}.pro-navlinks li a:hover{background:#6a5acd}.pro-section{background:#fff;border-radius:12px;margin:1em 0;padding:1em;box-shadow:0 2px 8px #0000000f}.pro-title{font-size:2em;margin-bottom:.5em}.pro-subtitle{font-size:1.2em;margin-bottom:1em}.pro-cta{font-size:1.1em;padding:.7em 1.2em;border-radius:8px;border:none;background:#ffb347;color:#222;font-weight:700;cursor:pointer;margin-top:1em}.pro-joke-card{background:#f7f7fa;border-radius:8px;margin:.7em 0;padding:.7em;box-shadow:0 1px 4px #0000000a}.pro-footer{text-align:center;font-size:.95em;color:#666;margin:2em 0 1em}canvas{max-width:100%;height:auto;display:block}@media (max-width: 600px){.pro-wrapper{padding:0 .3em}.pro-title{font-size:1.5em}.pro-logo{font-size:1.3em}.pro-section{padding:.7em}.pro-cta{font-size:1em;padding:.5em 1em}.pro-joke-card{font-size:.98em;padding:.5em}.pro-navlinks{gap:.5em}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f6f8fa;margin:0;color:#222}.pro-wrapper{max-width:900px;margin:0 auto;background:#fff;box-shadow:0 8px 32px #3c3c781f;border-radius:18px;overflow:hidden}.pro-navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#2b5876,#4e4376);color:#fff;padding:1.2em 2em}.pro-logo{font-size:2em;font-weight:700;letter-spacing:2px}.pro-navlinks{list-style:none;display:flex;gap:2em;margin:0;padding:0}.pro-navlinks li a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s}.pro-navlinks li a:hover{color:gold}.pro-hero{background:linear-gradient(120deg,#e0eafc,#cfdef3);padding:3em 2em 2em;text-align:center}.pro-title{font-size:3em;font-weight:800;margin-bottom:.3em;color:#2b5876}.pro-subtitle{font-size:1.5em;color:#4e4376;margin-bottom:1.5em}.pro-cta{background:#2b5876;color:#fff;border:none;border-radius:8px;padding:.9em 2em;font-size:1.1em;font-weight:600;box-shadow:0 2px 8px #4e437655;cursor:pointer;transition:background .2s}.pro-cta:hover{background:gold;color:#2b5876}.pro-section{padding:2.5em 2em;border-bottom:1px solid #eaeaea}.pro-section:last-child{border-bottom:none}.pro-section h2{font-size:2em;color:#2b5876;margin-bottom:1em}.pro-section p,.pro-section a{font-size:1.1em;color:#444}.pro-jokes{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2em;align-items:start}.pro-joke-card{background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #2b587622;padding:1.5em;margin-bottom:1em;text-align:left}.pro-joke-card h3{color:#4e4376;margin-bottom:.5em}.pro-joke-card p{color:#222}.pro-frank-gif{display:block;margin:2em auto 0;max-width:320px;border-radius:16px;box-shadow:0 4px 16px #2b587655}.pro-contact a{color:#2b5876;text-decoration:underline}.pro-footer{background:#2b5876;color:#fff;text-align:center;padding:1.5em 2em;font-size:1em}} .card{padding:2em}.read-the-docs{color:#888}