@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Pacifico&display=swap";:root{--font-display: "Manrope", "Inter", system-ui, -apple-system, sans-serif;--font-body: "Manrope", "Inter", system-ui, -apple-system, sans-serif;--background: #fffaf5;--surface-1: #fff3e0;--surface-2: #ffe0b2;--text-strong: #212121;--text-muted: #616161;--border-soft: #ffddb0;--border-strong: #ffca7a;--accent: #f57c00;--accent-light: #ffb74d;font-family:var(--font-body);line-height:1.6;font-weight:500;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);color:var(--text-strong)}a{color:inherit}#root{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(circle at 20% 18%,rgba(245,124,0,.08),transparent 26%),radial-gradient(circle at 82% 8%,rgba(255,183,77,.12),transparent 24%),var(--background)}.page{max-width:1400px;margin:0 auto;padding:0 28px 40px;min-height:100vh;display:flex;flex-direction:column}main{display:grid;gap:18px;flex:1 0 auto}.hero{display:grid;grid-template-columns:1fr;gap:88px;align-items:start;padding:18px 0 32px}.copy{min-width:0}.visual{display:grid;justify-content:center}.session-expired-banner{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;text-align:center;font-size:14px;font-weight:500}@media(min-width:900px){.hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:end;gap:48px}.visual{justify-content:flex-end}}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:24px 0 12px;border-top:1px solid var(--border-soft);color:var(--text-muted)}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--text-strong)}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.footer-badges{display:flex;gap:10px}.store-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--border-strong);background:#fffdf8;font-family:var(--font-body);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.store-badge small{display:block;font-size:11px;color:var(--text-muted)}.store-badge strong{font-size:14px;color:var(--text-strong)}.store-badge .icon{font-size:18px}.store-badge:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px}.brand-mark{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:.6px;color:var(--accent)}.brand-mark img{height:34px;width:auto;display:block}.sign-out-link{background:none;border:none;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--text-strong);cursor:pointer;padding:4px 0}.sign-out-link:hover{color:var(--text-muted)}.offer-banner{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:18px;padding:8px 16px;text-align:center;color:var(--text-strong);width:100%;max-height:min-content;margin:6px 0;box-shadow:0 14px 28px #00000008;display:flex;flex-direction:column;align-items:center;gap:2px}.offer-headline{font-weight:700;font-size:15px;margin:0}.offer-subline{margin:0;opacity:.8;font-size:12px}.qr-panel{display:grid;gap:16px;justify-items:center}.qr-stack{position:relative;display:inline-block}.qr-card{width:260px;min-height:260px;border-radius:18px;border:1px solid var(--border-soft);background:#fff;box-shadow:0 18px 40px #f57c001a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;font-family:inherit;position:relative;overflow:hidden}.qr-image{width:220px;height:220px;object-fit:contain;flex-shrink:0}.qr-timer{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:10}.timer-icon{font-size:16px}.qr-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px;width:100%;box-sizing:border-box}.qr-loader{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #f57c00;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qr-expired-icon,.qr-error-icon{font-size:48px}.qr-state-content h3{margin:0;font-size:16px;font-weight:600;color:#333;word-wrap:break-word;max-width:100%}.qr-state-content p{margin:0;font-size:13px;color:#666;max-width:100%;word-wrap:break-word;line-height:1.4}.qr-retry-button{background:#f57c00;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.qr-retry-button:hover{background:#e67100}.qr-retry-button:active{transform:scale(.98)}.steps h2{font-size:22px;font-weight:700;color:var(--text-strong);margin:0 0 14px}.steps ol{list-style:decimal;padding-left:18px;display:grid;gap:10px;color:var(--text-strong)}.steps li{line-height:1.6;font-size:15px}.inline-logo{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:text-bottom;background:url("data:image/svg+xml,%3csvg%20width='638'%20height='780'%20viewBox='0%200%20638%20780'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M318.536%20780C494.459%20780%20637.072%20637.386%20637.072%20461.464C637.072%20285.541%20494.459%20142.928%20318.536%20142.928C142.613%20142.928%200%20285.541%200%20461.464C0%20637.386%20142.613%20780%20318.536%20780Z'%20fill='%23FF771F'/%3e%3cpath%20d='M511.797%20268.054C519.309%20235.949%20519.812%20202.426%20513.265%20170.08C506.718%20137.735%20493.298%20107.433%20474.044%2081.5212C454.789%2055.6093%20430.216%2034.782%20402.226%2020.6512C374.237%206.52045%20343.582%20-0.534775%20312.633%200.0315889C281.685%200.597953%20251.274%208.77072%20223.753%2023.9173C196.232%2039.0639%20172.34%2060.7782%20153.926%2087.3794C135.512%20113.981%20123.07%20144.755%20117.562%20177.322C112.055%20209.888%20113.63%20243.373%20122.165%20275.185L197.805%20251.983C192.599%20232.58%20191.638%20212.156%20194.997%20192.292C198.357%20172.429%20205.946%20153.658%20217.177%20137.432C228.409%20121.207%20242.982%20107.963%20259.768%2098.724C276.554%2089.4854%20295.103%2084.5005%20313.98%2084.155C332.857%2083.8096%20351.555%2088.1129%20368.627%2096.7319C385.699%20105.351%20400.687%20118.054%20412.431%20133.859C424.176%20149.664%20432.361%20168.146%20436.354%20187.876C440.347%20207.605%20440.041%20228.052%20435.459%20247.634L511.797%20268.054Z'%20fill='%23FF771F'/%3e%3cpath%20d='M318.481%20671.498C419.801%20671.498%20501.937%20589.362%20501.937%20488.043C501.937%20386.723%20419.801%20304.587%20318.481%20304.587C217.161%20304.587%20135.025%20386.723%20135.025%20488.043C135.025%20589.362%20217.161%20671.498%20318.481%20671.498Z'%20fill='white'/%3e%3ccircle%20cx='236.388'%20cy='487.959'%20r='23.6786'%20fill='%23FF771F'/%3e%3ccircle%20cx='318.315'%20cy='487.959'%20r='23.6786'%20fill='%23FF771F'/%3e%3ccircle%20cx='400.244'%20cy='487.959'%20r='23.6786'%20fill='%23FF771F'/%3e%3cpath%20d='M314.123%20332.506C326.659%20325.269%20325.087%20299.078%20310.612%20274.008C296.138%20248.938%20274.243%20234.482%20261.708%20241.719C249.172%20248.956%20250.744%20275.146%20265.219%20300.216C279.693%20325.286%20301.588%20339.743%20314.123%20332.506Z'%20fill='white'/%3e%3cpath%20d='M313.953%20329.655C323.801%20335.341%20341.003%20323.983%20352.375%20304.287C363.746%20284.591%20364.981%20264.015%20355.133%20258.33C345.285%20252.644%20328.083%20264.001%20316.712%20283.697C305.34%20303.393%20304.105%20323.969%20313.953%20329.655Z'%20fill='white'/%3e%3cpath%20d='M318.478%20330.786C326.922%20330.786%20333.766%20321.008%20333.766%20308.946C333.766%20296.884%20326.922%20287.106%20318.478%20287.106C310.035%20287.106%20303.19%20296.884%20303.19%20308.946C303.19%20321.008%20310.035%20330.786%20318.478%20330.786Z'%20fill='white'/%3e%3c/svg%3e") center/contain no-repeat}.steps strong{font-weight:700}.subscription-title{font-size:22px;font-weight:700;color:var(--text-strong);margin:8px 0 0}.subscription-status-message{padding:48px 20px;text-align:center;color:var(--text-muted, #666);font-size:15px}.subscription-already-pro{max-width:420px;margin:32px auto 0;padding:24px;background:var(--surface, #fff);border-radius:16px;text-align:center;box-shadow:0 4px 16px #0000000a}.subscription-already-pro p{margin:0 0 20px;color:var(--text-strong);font-size:15px;line-height:1.5}.mock-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:12px;text-align:center;font-size:14px;font-weight:600;box-shadow:0 4px 12px #667eea33}.subscription-layout{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}@media(min-width:900px){.subscription-layout{grid-template-columns:1fr 340px;gap:48px}}.feature-table{display:flex;flex-direction:column}.feature-table-header{display:grid;grid-template-columns:1fr 72px 72px;align-items:center;padding:0 0 12px;border-bottom:1px solid #eee}.feature-table--three-plans .feature-table-header{grid-template-columns:1fr 72px 72px 72px}.plan-col{display:flex;justify-content:center;align-items:center}.plan-pill{padding:4px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px}.plan-pill--free{background:transparent;color:var(--text-muted)}.plan-pill--basic{background:#e0e7ff;color:#3730a3}.plan-pill--pro{background:#212121;color:#fff}.feature-row{display:grid;grid-template-columns:1fr 72px 72px;align-items:center;padding:16px 0;border-bottom:1px solid #f5f5f5}.feature-table--three-plans .feature-row{grid-template-columns:1fr 72px 72px 72px}.feature-info{display:flex;align-items:center;gap:12px}.feature-icon{width:32px;height:32px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.feature-title{font-size:15px;font-weight:600;color:var(--text-strong);line-height:1.3}.feature-desc{font-size:13px;color:var(--text-muted);line-height:1.3}.cell-dash{color:#ccc;font-size:18px;font-weight:500}.cell-check{display:flex;align-items:center;justify-content:center}.cell-text{font-size:15px;font-weight:600;color:var(--text-strong)}.plan-selector{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 24px #0000000a}.plan-selector-title{font-size:16px;font-weight:600;color:var(--text-strong);margin:0 0 4px}.plan-option{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;text-align:left;font-family:var(--font-body);transition:border-color .15s ease,background .15s ease}.plan-option:hover{border-color:#bbb}.plan-option--active{border-color:#212121;background:#212121;color:#fff}.plan-option--active .plan-option-sub{color:#ffffffb3}.plan-option--active .plan-option-badge{background:#fff3;color:#fff}.plan-radio{width:20px;height:20px;border-radius:50%;border:2px solid #bbb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-option--active .plan-radio{border-color:#fff}.plan-radio-dot{width:10px;height:10px;border-radius:50%;background:#bbb}.plan-option--active .plan-radio-dot{background:#fff}.plan-option-details{display:flex;flex-direction:column;flex:1;min-width:0}.plan-option-price{font-size:15px;font-weight:700}.plan-option-sub{font-size:12px;color:var(--text-muted)}.plan-option-badge{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;background:#f0f0f0;color:var(--text-strong);white-space:nowrap;flex-shrink:0}.plan-option-badge--highlight{background:var(--accent);color:#fff}.plan-option--active .plan-option-badge--highlight{background:#fff3;color:#fff}.plan-cta{width:100%;padding:16px;border-radius:14px;border:none;background:#212121;color:#fff;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;margin-top:4px;transition:background .15s ease,transform .1s ease}.plan-cta:hover{background:#333}.plan-cta:active{transform:scale(.98)}.plan-cta:disabled{opacity:.6;cursor:not-allowed}.plan-cta--secondary{background:transparent;color:#212121;border:1.5px solid #d0d0d0}.plan-cta--secondary:hover{background:#f5f5f5}.subscription-already-pro .plan-cta{display:block;text-align:center;text-decoration:none;margin-bottom:10px}.subscription-already-pro .plan-cta:last-child{margin-bottom:0}.error-message{padding:12px;border-radius:8px;background:#fee;color:#c33;font-size:13px;text-align:center}.success-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 0}.success-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:48px 40px;max-width:480px;text-align:center;box-shadow:0 8px 32px #0000000f;display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon{width:72px;height:72px;border-radius:50%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;margin-bottom:8px}.success-icon--loading{background:var(--accent);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.success-title{font-size:26px;font-weight:700;color:var(--text-strong);margin:0}.success-message{font-size:15px;color:var(--text-muted);line-height:1.6;margin:0}.success-session{font-size:12px;color:var(--text-muted);margin:8px 0 0;font-family:monospace}.success-actions{margin-top:16px;display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.success-button{padding:14px 32px;border-radius:12px;background:#212121;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:background .15s ease,transform .1s ease;display:inline-block}.success-button:hover{background:#333;transform:translateY(-1px)}.success-button:active{transform:scale(.98)}.success-button--secondary{background:transparent;color:#212121;border:1px solid #d0d0d0}.success-button--secondary:hover{background:#f5f5f5}.legal-page{max-width:800px;margin:0 auto;padding:40px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#333;line-height:1.6}.legal-page h1{font-size:2rem;font-weight:700;color:#ff6316;margin-bottom:4px}.legal-page .last-updated{color:#888;font-size:.9rem;margin-bottom:32px}.legal-page section{margin-bottom:24px}.legal-page h2{font-size:1.2rem;font-weight:600;color:#222;margin-bottom:8px}.legal-page p{font-size:1rem;color:#555;margin:0}