:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--safe-left: env(safe-area-inset-left, 0);--safe-right: env(safe-area-inset-right, 0);--touch-min: 44px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;min-height:calc(100vh - var(--safe-top) - var(--safe-bottom));padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-loader{--app-loader-size: 52px;width:100%;min-height:220px;display:grid;place-items:center}.app-loader--compact{--app-loader-size: 36px;min-height:108px}.app-loader-spinner{width:var(--app-loader-size);height:var(--app-loader-size);position:relative;border-radius:999px;border:2px solid rgba(148,163,184,.18);border-top-color:#60a5faf2;animation:app-loader-spin .8s linear infinite}.app-loader-dot{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:8px;height:8px;margin:-4px;border-radius:999px;background:#60a5faf2;box-shadow:0 0 14px #60a5fa47;animation:app-loader-pulse 1s ease-in-out infinite}@keyframes app-loader-spin{to{transform:rotate(360deg)}}@keyframes app-loader-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}h1{font-size:clamp(1.5rem,5vw + 1rem,3.2rem);line-height:1.2;margin:0 0 .25em}button{border-radius:8px;border:1px solid transparent;padding:.65em 1.25em;min-height:var(--touch-min);font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s,background-color .2s;-webkit-tap-highlight-color:transparent}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{min-height:100vh;min-height:calc(100dvh - var(--safe-top, 0) - var(--safe-bottom, 0));display:flex;flex-direction:column;box-sizing:border-box}.payment-result{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0e0e10;color:#f0f0f0;padding:1rem}.payment-result-card{text-align:center;max-width:480px;width:100%;padding:3rem 2rem;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.payment-result-icon{font-size:3rem;margin-bottom:1rem}.payment-result-card.success .payment-result-icon{color:#4ade80}.payment-result-card.cancel .payment-result-icon{color:#f87171}.payment-result-card h1{font-size:1.5rem;margin:0 0 .5rem}.payment-result-card p{color:#aaa;margin:.25rem 0 1.5rem}.payment-result-amount{font-size:1.1rem;font-weight:600;color:#f0f0f0!important}.payment-result-card .btn{display:inline-block;padding:.75rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;border:none;font-size:.95rem}.payment-result-card .btn-primary{background:#6c63ff;color:#fff}.payment-result-card .btn-secondary{background:#ffffff1a;color:#f0f0f0}.pricing-page{min-height:100vh;background:#0e0e10;color:#f0f0f0;padding:2rem 1rem 4rem}.pricing-header{text-align:center;max-width:600px;margin:0 auto 2.5rem}.pricing-header h1{font-size:2rem;margin:0 0 .5rem}.pricing-header p{color:#aaa;margin:0}.pricing-back{display:inline-block;color:#888;text-decoration:none;margin-bottom:1.5rem;font-size:.9rem}.pricing-back:hover{color:#f0f0f0}.pricing-error{text-align:center;color:#f87171;margin-bottom:1.5rem}.pricing-loading{width:100%;padding:0;margin:0}.pricing-current-plan{max-width:600px;margin:0 auto 2rem}.pricing-current-card{background:#6c63ff14;border:1px solid rgba(108,99,255,.25);border-radius:12px;padding:1.5rem 2rem;text-align:center}.pricing-current-card h2{margin:0 0 .5rem;font-size:1.2rem}.pricing-current-card p{margin:.25rem 0;color:#ccc}.pricing-status-active{color:#4ade80;text-transform:capitalize}.pricing-canceling{color:#fbbf24;font-style:italic}.pricing-current-card .btn-danger{margin-top:1rem;background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3);padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600}.pricing-current-card .btn-danger:hover{background:#f8717140}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;align-items:stretch}.pricing-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem 1.5rem;position:relative;display:flex;flex-direction:column;transition:border-color .2s}.pricing-card:hover{border-color:#ffffff26}.pricing-card.popular{border-color:#6c63ff80;background:#6c63ff0f}.pricing-card.current{border-color:#4ade8066}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#6c63ff;color:#fff;padding:.25rem 1rem;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pricing-badge.current-badge{background:#4ade80;color:#0e0e10}.pricing-plan-name{font-size:1.25rem;margin:.5rem 0 .75rem}.pricing-price{font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.pricing-price .pricing-period{font-size:1rem;font-weight:400;color:#888}.pricing-desc{color:#aaa;font-size:.9rem;margin:0 0 1.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;flex:1}.pricing-features li{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.9rem;color:#ccc}.pricing-check{color:#4ade80;flex-shrink:0}.pricing-cta{width:100%;padding:.75rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.pricing-cta.btn-primary{background:#6c63ff;color:#fff}.pricing-cta.btn-primary:hover:not(:disabled){background:#5a52e0}.pricing-cta.btn-secondary{background:#ffffff14;color:#f0f0f0}.pricing-cta.btn-secondary:hover:not(:disabled){background:#ffffff24}.pricing-cta:disabled{opacity:.5;cursor:not-allowed}.pricing-period{color:#888;font-size:.85rem}@media (max-width: 800px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}@media (min-width: 801px) and (max-width: 1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}