body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{width:100%;overflow-x:hidden}*,:after,:before{box-sizing:border-box}.navRow{padding:10px 20px}.togglePill{padding:4px;margin-right:16px}.togglePill button{padding:10px 24px;min-width:140px}@keyframes clickEffect{0%{transform:scale(1)}10%{transform:scale(.96)}20%{transform:scale(1)}to{transform:scale(1)}}.click-animate{animation:clickEffect 2.8s ease-in-out infinite;display:inline-block;transform-origin:center}@media (max-width:768px){.navRow{padding:4px 12px}.togglePill{padding:2px;margin-right:8px}.togglePill button{padding:8px 14px;min-width:110px;font-size:.95rem}.logo{height:48px;margin-right:8px}}.menuBtn{display:none}.navDesktop{display:flex}.logo{height:120px}@media (max-width:768px){.navDesktop{display:none!important}.menuBtn{display:block!important}.logo{height:60px}}.heroTitle{white-space:nowrap}.mobile-break-1,.mobile-break-2{display:none}@media (max-width:768px){.heroTitle{white-space:normal;line-height:1.25}.mobile-break-1,.mobile-break-2{display:block;height:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:white}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.typing-effect{position:relative;display:inline-block;padding:0 .35em;margin:0 .15em;border-radius:.4em;vertical-align:baseline}.typing-effect:before{border-radius:.45em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);z-index:0}.typing-effect:after,.typing-effect:before{content:"";position:absolute;inset:.18em -.35em .08em -.35em}.typing-effect:after{background:rgba(136,52,253,.25);transform:scaleX(0);transform-origin:left;animation:autofill-fill .9s ease forwards;animation-delay:1s;border-radius:.45em;z-index:1}.typing-effect .typing-text{position:relative;top:.35em;z-index:2;display:inline-block;white-space:nowrap;overflow:hidden;width:0;animation:typing 1.2s steps(8) forwards;animation-delay:.8s;animation-fill-mode:forwards}.typing-effect .typing-text:after{content:"|";margin-left:2px;animation:blink .8s infinite}@keyframes typing{0%{width:0}to{width:8ch}}@keyframes blink{50%{opacity:0}}@keyframes autofill-fill{to{transform:scaleX(1)}}@media (min-width:769px){.typing-effect{padding:0 .22em;margin:0 .32em}.typing-effect:after,.typing-effect:before{inset:.18em -.22em .08em -.22em}}.underline-animate{position:relative;display:inline-block;white-space:nowrap;padding-bottom:12px}.underline-animate:after{content:"";position:absolute;left:50%;transform:translateX(-50%) scaleX(0);transform-origin:center;width:400%;height:30px;bottom:-8px;background:linear-gradient(90deg,#C13584,#8834FD);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40'><path d='M30 24 Q200 -10 370 24' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/></svg>") center /100% 100% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40'><path d='M30 24 Q200 -10 370 24' fill='none' stroke='black' stroke-width='5' stroke-linecap='round'/></svg>") center /100% 100% no-repeat;animation:penSwipe .45s cubic-bezier(.2,.8,.2,1) forwards}@keyframes penSwipe{0%{transform:translateX(-50%) scaleX(0)}to{transform:translateX(-50%) scaleX(1)}}.padelBanner{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff;font-size:.75rem;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:all .2s ease}.padelBanner:hover{opacity:.9;transform:scale(1.05)}@media (max-width:768px){.underline-animate{padding-bottom:8px}.underline-animate:after{bottom:-14px;height:26px}}