@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--ink: #0F0F0F;--paper: #FFFFFF;--accent: #FF5E1A;--gray-1: #F5F5F5;--gray-2: #E5E5E5;--gray-3: #999999;--gray-4: #666666;--gray-5: #333333;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition: .2s ease}@media (prefers-color-scheme: dark){:root{--ink: #FAFAFA;--paper: #0A0A0A;--accent: #FF7A3C;--gray-1: #1A1A1A;--gray-2: #2A2A2A;--gray-3: #666666;--gray-4: #999999;--gray-5: #CCCCCC}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family);font-size:16px;line-height:1.5;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--paper);color:var(--ink);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media (max-width: 480px){.container{padding:0 var(--space-sm)}}@media (min-width: 768px){.container{padding:0 var(--space-lg)}}.text-hero{font-size:clamp(3rem,10vw,7rem);font-weight:900;letter-spacing:-.04em;line-height:.9}.text-display{font-size:clamp(2rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.text-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.01em;line-height:1.2}.text-lead{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:400;line-height:1.5}.text-body{font-size:1rem;font-weight:400;line-height:1.6}.text-small{font-size:.875rem;font-weight:400;line-height:1.5}.text-mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.text-muted{color:var(--gray-3)}.text-accent{color:var(--accent)}.bg-accent{background-color:var(--accent);color:var(--paper)}.bg-muted{background-color:var(--gray-1)}.bg-ink{background-color:var(--ink);color:var(--paper)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-xs)}.gap-2{gap:var(--space-sm)}.gap-3{gap:var(--space-md)}.gap-4{gap:var(--space-lg)}.gap-5{gap:var(--space-xl)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mt-6{margin-top:var(--space-2xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.mb-6{margin-bottom:var(--space-2xl)}.py-1{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-2{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-3{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-4{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-5{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.py-6{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.py-7{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.px-1{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-2{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-3{padding-left:var(--space-md);padding-right:var(--space-md)}.px-4{padding-left:var(--space-lg);padding-right:var(--space-lg)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:1rem;font-weight:600;text-decoration:none;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:var(--transition);white-space:nowrap}.button:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.button-accent{background:var(--accent);border-color:var(--accent);color:var(--paper)}.button-accent:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ff5e1a4d}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.card{background:var(--paper);border:1px solid var(--gray-2);padding:var(--space-lg);transition:var(--transition)}.card:hover{border-color:var(--gray-3);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.section{padding:var(--space-3xl) 0;position:relative}@media (max-width: 768px){.section{padding:var(--space-2xl) 0}}.grid{display:grid;gap:var(--space-lg)}@media (max-width: 768px){.grid{gap:var(--space-md)}}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.transform-box{position:relative;padding:var(--space-lg);border:2px solid var(--gray-2);background:var(--gray-1)}.transform-arrow{display:flex;align-items:center;justify-content:center;padding:var(--space-lg) 0;font-size:2rem;color:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cursor-blink{animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.shimmer{background:linear-gradient(90deg,var(--gray-3) 0%,var(--gray-2) 20%,var(--gray-3) 40%,var(--gray-3) 100%);background-size:200% 100%;animation:shimmer 1s ease-out;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.interactive-demo{margin:var(--space-2xl) 0}.testimonial-card{transition:transform .3s ease,box-shadow .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#ff8c42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.parallax-slow{transform:translateY(calc(var(--scroll) * -.2))}.parallax-fast{transform:translateY(calc(var(--scroll) * -.5))}.speech-bubble{position:relative;background:var(--gray-1);padding:var(--space-lg);border-radius:8px;margin-bottom:var(--space-md)}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:30px;width:20px;height:20px;background:var(--gray-1);transform:rotate(45deg);border-right:1px solid var(--gray-2);border-bottom:1px solid var(--gray-2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.sound-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:60px;margin:0 auto}.sound-bar{width:4px;background:currentColor;animation:soundWave .5s ease-in-out infinite}.sound-bar:nth-child(1){animation-delay:0s;height:20px}.sound-bar:nth-child(2){animation-delay:.1s;height:30px}.sound-bar:nth-child(3){animation-delay:.2s;height:40px}.sound-bar:nth-child(4){animation-delay:.3s;height:50px}.sound-bar:nth-child(5){animation-delay:.4s;height:40px}.sound-bar:nth-child(6){animation-delay:.5s;height:30px}.sound-bar:nth-child(7){animation-delay:.6s;height:20px}@keyframes soundWave{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.underline-link{text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 2px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s ease}.underline-link:hover{background-size:100% 2px}*:focus{outline:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 768px){.hide-mobile{display:none}.testimonials-grid{grid-template-columns:1fr!important}.text-hero{font-size:clamp(2.5rem,12vw,3.5rem)}.text-display{font-size:clamp(1.75rem,8vw,2.5rem)}.section{padding:var(--space-xl) 0}.container{padding:0 var(--space-sm)}}@media (min-width: 769px){.hide-desktop{display:none}.interactive-demo{margin:var(--space-xl) 0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-1)}::-webkit-scrollbar-thumb{background:var(--gray-3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gray-4)}.login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.login-modal-content{background:var(--background);border-radius:16px;padding:40px;max-width:480px;width:90%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:var(--text-muted);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.login-modal-close:hover{background-color:var(--background-hover);color:var(--text)}.login-modal-header{text-align:center;margin-bottom:32px}.login-modal-header h2{font-size:24px;font-weight:600;color:var(--text);margin:0 0 8px;line-height:1.3}.login-modal-header p{font-size:16px;color:var(--text-muted);margin:0;line-height:1.5}.login-modal-error{background-color:#fee;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;text-align:center}.login-modal-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;border:1px solid var(--border);border-radius:8px;background-color:var(--background);color:var(--text);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.oauth-button:hover:not(:disabled){background-color:var(--background-hover);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.oauth-button:active:not(:disabled){transform:translateY(0);box-shadow:none}.oauth-button:disabled{opacity:.5;cursor:not-allowed}.oauth-icon{width:20px;height:20px;flex-shrink:0}.oauth-button.google:hover:not(:disabled){border-color:#4285f4}.oauth-button.github:hover:not(:disabled){border-color:var(--text)}.oauth-button.apple:hover:not(:disabled){border-color:var(--text)}.login-modal-footer{text-align:center}.login-modal-footer p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5}@media (max-width: 640px){.login-modal-content{padding:32px 24px;margin:16px}.login-modal-header h2{font-size:20px}.login-modal-header p{font-size:14px}.oauth-button{padding:10px 20px;font-size:14px}}@media (prefers-color-scheme: dark){.login-modal-content{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}}.header-container{position:fixed;top:2rem;right:2rem;z-index:100}@media (max-width: 768px){.header-container{top:1.5rem;right:1.5rem}}.header-button{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.75rem 1.5rem;color:#fff;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:none;font-family:inherit}@media (max-width: 768px){.header-button{padding:.8rem 1.4rem;font-size:.9rem;min-height:44px;min-width:44px}}.header-button:hover{border-color:#ff5e1a4d;background:#ffffff14}.header-button--dark{background:#000c;box-shadow:0 2px 10px #0000004d}.header-button--dark:hover{background:#000000e6}.header-button--signin{border-color:#ff5e1a80;color:var(--accent);font-weight:600}.header-button--signin.header-button--dark{border-color:#ffffff4d;color:#fff}.header-icon{flex-shrink:0}.footer{padding:2rem 0;border-top:1px solid var(--gray-2);background:var(--paper)}@media (max-width: 768px){.footer{padding:2.5rem 0}}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:1.5rem;text-align:center}@media (max-width: 768px){.footer-content{gap:2rem}}.footer-brand{text-align:center}.footer-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600;color:var(--text)}@media (max-width: 768px){.footer-title{font-size:1.4rem;margin-bottom:.75rem}}.footer-tagline{font-size:1rem;color:var(--text-muted);line-height:1.5;max-width:400px;margin:0 auto}@media (max-width: 768px){.footer-tagline{font-size:1.1rem;max-width:350px;line-height:1.6}}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.footer-nav{gap:2rem;flex-direction:row}}.footer-link{font-size:1rem;color:var(--text-muted);text-decoration:none;transition:all .2s ease;padding:.5rem;border-radius:6px}@media (max-width: 768px){.footer-link{font-size:1.1rem;padding:.75rem 1rem;min-height:44px;display:flex;align-items:center}}.footer-link:hover{background:#ffffff0d;color:var(--text);text-decoration:none}.footer-copyright{text-align:center;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}@media (max-width: 768px){.footer-copyright{margin-top:2rem;padding-top:2rem}}.footer-copyright-text{font-size:1rem;color:var(--text-muted);line-height:1.5}@media (max-width: 768px){.footer-copyright-text{font-size:1.05rem}}.device-limit-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;padding:20px}.device-limit-card{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:48px;max-width:480px;width:100%;text-align:center}.device-limit-icon{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.device-limit-title{color:#fff;font-size:28px;font-weight:600;margin:0 0 24px}.device-limit-message{margin-bottom:32px}.device-limit-message p{color:#fffc;font-size:16px;line-height:1.5;margin:0 0 24px}.device-limit-message strong{color:#ff5e1a;font-weight:600}.device-limit-stats{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.device-count{color:#ff5e1a;font-size:32px;font-weight:700}.device-separator{color:#ffffff4d;font-size:24px;font-weight:300}.device-max{color:#fff9;font-size:32px;font-weight:700}.device-label{color:#ffffff80;font-size:14px;font-weight:500;margin-left:4px}.device-limit-explanation{margin-bottom:32px}.device-limit-explanation p{color:#fff9;font-size:14px;line-height:1.4;margin:0}.device-limit-manage-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.device-limit-manage-btn:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-1px)}@media (max-width: 768px){.device-limit-container{padding:16px}.device-limit-card{padding:32px 24px}.device-limit-title{font-size:24px}.device-limit-icon svg{width:40px;height:40px}.device-count,.device-max{font-size:28px}}.connect-desktop-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0a;padding:20px}.connect-desktop-card{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:48px;max-width:500px;width:100%}.connect-desktop-header{text-align:center;margin-bottom:32px}.connect-desktop-icon{font-size:64px;margin-bottom:16px}.connect-desktop-title{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px}.connect-desktop-subtitle{color:#ffffff80;font-size:16px;line-height:1.5;margin:0 0 24px}.connect-desktop-user{color:#ff5e1a;font-size:15px;margin:12px 0 0}.connect-desktop-login-btn{background:#ff5e1a;color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.connect-desktop-login-btn:hover{background:#ff4d00;transform:translateY(-1px)}.connect-desktop-login-section{margin-top:32px}.connect-desktop-login-text{color:#fffc;font-size:16px;margin:0 0 24px;text-align:center}.connect-desktop-login-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.connect-desktop-oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.connect-desktop-oauth-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.oauth-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:600;font-size:14px}.google-icon{background:#4285f4;color:#fff}.github-icon{background:#333;color:#fff}.connect-desktop-login-note{color:#fff9;font-size:14px;margin:0;text-align:center;line-height:1.4}.connect-desktop-code-section{margin-bottom:32px}.connect-desktop-label{display:block;color:#fffc;font-size:14px;font-weight:500;margin-bottom:12px}.connect-desktop-code-container{display:flex;gap:12px;align-items:stretch;margin-bottom:16px}.connect-desktop-code{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:18px;font-weight:600;color:#ff5e1a;letter-spacing:2px;text-align:center;-webkit-user-select:all;-moz-user-select:all;user-select:all}.connect-desktop-copy-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:8px;padding:0 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:88px;flex-shrink:0}.connect-desktop-copy-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#fff}.connect-desktop-copy-btn.copied{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.connect-desktop-instructions{text-align:center;margin-top:0}.connect-desktop-instruction-text{color:#fffc;font-size:15px;font-weight:500;margin:0 0 6px;line-height:1.4}.connect-desktop-expire{color:#fff6;font-size:13px;margin:0}.connect-desktop-loading{text-align:center;padding:32px 0}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff5e1a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.connect-desktop-loading p{color:#fff9;font-size:14px;margin:0}.connect-desktop-error{background:#ff00000d;border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:16px;text-align:center}.connect-desktop-error p{color:#ff6b6b;margin:0 0 16px}.connect-desktop-retry-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;padding:8px 20px;font-size:14px;cursor:pointer;transition:all .2s}.connect-desktop-retry-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.connect-desktop-help{margin-top:24px;text-align:center}.connect-desktop-help details{background:none;border:none;padding:0}.connect-desktop-help summary{color:#fff6;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s;display:inline-block;font-weight:400}.connect-desktop-help summary:hover{color:#fff9}.connect-desktop-help ol{margin:16px auto 0;padding:0;color:#fff9;font-size:14px;line-height:1.6;list-style:none;text-align:left;max-width:280px}.connect-desktop-help li{margin-bottom:8px;position:relative;padding-left:20px}.connect-desktop-help li:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:0;color:#fff6;font-weight:500}.connect-desktop-help ol{counter-reset:step-counter}@media (max-width: 768px){.connect-desktop-container{padding:20px 16px;align-items:center;justify-content:center;min-height:100vh}.connect-desktop-card{padding:32px 20px 24px;border-radius:12px;margin:0;width:100%;max-width:400px}.connect-desktop-header{margin-bottom:24px}.connect-desktop-icon{font-size:48px;margin-bottom:12px}.connect-desktop-title{font-size:24px;margin:0 0 6px}.connect-desktop-user{font-size:14px;margin:8px 0 0}.connect-desktop-code-section{margin-bottom:24px}.connect-desktop-code-container{flex-direction:column;gap:8px}.connect-desktop-code{font-size:16px;letter-spacing:1px;padding:14px}.connect-desktop-copy-btn{align-self:stretch;padding:12px 16px;min-width:auto}.connect-desktop-instructions{margin-top:16px}.connect-desktop-instruction-text{font-size:14px}.connect-desktop-help{margin-top:20px}.connect-desktop-help ol{max-width:none;margin:12px 0 0}.connect-desktop-help li{font-size:13px;margin-bottom:6px}.connect-desktop-container>div:first-child{top:1.5rem!important;left:1.5rem!important}.connect-desktop-container>div:first-child img,.connect-desktop-container>div:first-child div{height:48px!important;font-size:32px!important;font-weight:700!important}}.profile-page{min-height:100vh;background:#0a0a0a;color:#fff}.profile-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.profile-page-header{position:sticky;top:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);z-index:100}.profile-page-container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.profile-page-container{padding:0 1.25rem}}.profile-page-header-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.profile-page-header-left{display:flex;align-items:center;gap:1rem}.profile-page-logo{font-size:1.5rem;font-weight:800;color:#ff5e1a;text-decoration:none;transition:opacity .2s;letter-spacing:-.5px}.profile-page-logo:hover{opacity:.8}.profile-page-nav{display:flex;gap:.5rem}.profile-page-nav-item{padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s;font-size:.95rem}.profile-page-nav-item:hover{background:#ffffff0d;color:#fff}.profile-page-nav-item.active{background:#ff5e1a1a;border-color:#ff5e1a4d;color:#ff5e1a}.profile-page-user{display:flex;align-items:center;gap:1rem}.profile-page-email{color:#ffffffb3;font-size:.9rem}.profile-page-logout{background:none;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:.8125rem;padding:.375rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.profile-page-logout:hover{color:#fff;border-color:#fff6;background:#ffffff0d}.profile-page-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffff80;cursor:pointer;transition:all .2s}.profile-page-close:hover{background:#ffffff1a;color:#fff}.profile-page-body{padding:3rem 0 5rem}@media (min-width: 769px){.profile-page-body .profile-page-container{display:flex;justify-content:center}.profile-page-sections{width:100%;max-width:800px}}.profile-page-sections{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:900px;margin:0 auto;box-sizing:border-box}.profile-section-unified{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:100%;box-sizing:border-box}.profile-section-unified:hover{border-color:#ffffff1f;background:#ffffff08}.profile-section-title{color:#fffffff2;font-size:1.5rem;font-weight:600;margin:0 0 2rem;text-align:left;letter-spacing:-.01em}.profile-page-section{animation:fadeIn .3s ease}.profile-page-section-title{font-size:1.8rem;font-weight:600;margin-bottom:2rem;color:#fff}.profile-downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.profile-download-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;text-align:center;transition:all .2s}.profile-download-card:hover{background:#ffffff0d;border-color:#ffffff1f}.profile-download-icon{font-size:3rem;margin-bottom:1rem}.profile-download-card h3{font-size:1.3rem;margin-bottom:.5rem}.profile-download-version{color:#fff9;font-size:.9rem;margin-bottom:.25rem}.profile-download-req{color:#ffffff80;font-size:.85rem;margin-bottom:1.5rem}.profile-download-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff5e1a,#ff8a4c);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.profile-download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff5e1a4d}.profile-download-size{margin-top:1rem;color:#fff6;font-size:.85rem}.profile-download-instructions{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.profile-download-instructions h3{margin-bottom:1rem;color:#fff}.profile-download-steps{display:flex;flex-direction:column;gap:.75rem;color:#ffffffb3;font-size:.95rem}.profile-download-steps strong{color:#fff;margin-right:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.profile-page-container{padding:0 1rem}.profile-page-header-content{flex-direction:row;height:auto;padding:.75rem 0;justify-content:space-between;align-items:center}.profile-page-header-left{flex-direction:row;align-items:center;gap:.75rem;flex:1}.profile-page-email{font-size:.8rem!important;opacity:.7;margin-left:auto;margin-right:.5rem}.profile-page-nav,.profile-page-desktop-only{display:none!important}.profile-page-mobile-only{display:flex!important}.profile-page-back{background:transparent!important;border:none!important;color:#fff!important;padding:8px!important;cursor:pointer!important;transition:all .2s ease!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:4px!important}.profile-page-back:hover{color:#ff5e1a!important;background:#ff5e1a1a!important;transform:translate(-2px)!important}.profile-page-back svg{width:28px!important;height:28px!important}.profile-page-mobile-menu{position:relative}.profile-page-dots{background:transparent!important;border:none!important;color:#fff!important;padding:6px 8px!important;font-size:22px!important;cursor:pointer!important;transition:all .2s ease!important;font-weight:700!important;line-height:1!important;border-radius:6px!important;outline:none!important}.profile-page-dots:hover{color:#ff5e1a!important;background:#ff5e1a1a!important;transform:scale(1.05)!important}.profile-page-dots:focus{color:#fff!important;background:transparent!important;outline:none!important}.profile-page-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#000000e6;border:1px solid rgba(255,255,255,.2);border-radius:12px;min-width:200px;z-index:1000;overflow:hidden;box-shadow:0 8px 24px #0006}.profile-page-dropdown-item{display:block;width:100%;padding:12px 16px;background:transparent;border:none;color:#fffc;text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px}.profile-page-dropdown-item:hover{background:#ffffff1a;color:#fff}.profile-page-dropdown-item.active{background:#ff5e1a33;color:#ff5e1a}.profile-page-dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0}.profile-page-user{flex-direction:column;gap:.75rem;align-items:center}.profile-page-email{font-size:.85rem;text-align:center}.profile-page-logout,.profile-page-close{padding:.5rem 1rem}.profile-page-body{padding:2rem 0 3rem}.profile-page-section-title{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.profile-downloads-grid{grid-template-columns:1fr}}.profile-page-desktop-only{display:flex}.profile-page-mobile-only{display:none}.profile-devices-section{margin-top:3rem}.profile-devices-section h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.profile-billing-section{margin-top:3rem}.profile-billing-section h3{font-size:1.5rem;font-weight:600;color:#fffffff2;margin-bottom:1.5rem}.billing-history-placeholder{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2rem;text-align:center;color:#fff9}.subscription-manager{display:flex;flex-direction:column;gap:2rem;width:100%;box-sizing:border-box}.subscription-skeleton{display:flex;flex-direction:column;gap:20px}.skeleton-header{margin-bottom:8px}.skeleton-title{height:24px;width:200px;background:linear-gradient(90deg,var(--gray-2) 25%,var(--gray-1) 50%,var(--gray-2) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-card{background:var(--surface);border-radius:12px;padding:24px;border:1px solid var(--gray-2);display:flex;flex-direction:column;gap:16px}.skeleton-row{height:16px;background:linear-gradient(90deg,var(--gray-2) 25%,var(--gray-1) 50%,var(--gray-2) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-row:nth-child(1){width:60%}.skeleton-row:nth-child(2){width:80%}.skeleton-row:nth-child(3){width:40%}.skeleton-buttons{display:flex;gap:12px;margin-top:8px}.skeleton-button{height:40px;width:120px;background:linear-gradient(90deg,var(--gray-2) 25%,var(--gray-1) 50%,var(--gray-2) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.current-subscription h2{margin:0 0 20px;font-size:24px;font-weight:600;color:var(--text)}.subscription-info-card{background:var(--card-background, var(--background));border:1px solid var(--border);border-radius:12px;padding:24px}.subscription-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.subscription-info-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text)}.subscription-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-active{background:#d1fae5;color:#065f46}.status-canceled{background:#fee2e2;color:#991b1b}.status-past_due{background:#fef3c7;color:#92400e}.subscription-info-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:var(--text-muted);font-size:14px}.info-row span:last-child{color:var(--text);font-weight:500}.info-row.warning{color:#dc2626}.cancel-button{width:100%;padding:10px 20px;background:none;border:1px solid #dc2626;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover:not(:disabled){background:#dc2626;color:#fff}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.plans-section h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text)}.plans-description{margin:0 0 32px;color:var(--text-muted);font-size:16px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.plan-card{position:relative;background:var(--card-background, var(--background));border:2px solid var(--border);border-radius:12px;padding:24px;transition:all .2s}.plan-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.plan-card.current{border-color:var(--primary);background:var(--background-hover)}.plan-card.recommended{border-color:var(--primary)}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.plan-header{text-align:center;margin-bottom:24px}.plan-header h3{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:36px;font-weight:700;color:var(--text)}.price-period{font-size:16px;color:var(--text-muted)}.price-custom{font-size:24px;font-weight:600;color:var(--text)}.plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.plan-features li{display:flex;align-items:flex-start;gap:8px;color:var(--text);font-size:14px;line-height:1.5}.feature-icon{color:#10b981;font-weight:600;flex-shrink:0;margin-top:1px}.plan-button{width:100%;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--gradient);color:#fff}.plan-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.plan-button:disabled{opacity:.5;cursor:not-allowed}.plan-button.current{background:#e5e7eb;color:#6b7280}.billing-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:var(--text)}.billing-placeholder{background:var(--card-background, var(--background));border:1px solid var(--border);border-radius:12px;padding:40px;text-align:center}.billing-placeholder p{margin:0;color:var(--text-muted)}@media (max-width: 768px){.subscription-manager{gap:24px}.plans-grid{grid-template-columns:1fr}.subscription-info-header{flex-direction:column;align-items:flex-start;gap:12px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.subscription-status{margin-bottom:20px;padding:16px}.subscription-status h3{font-size:16px;margin-bottom:12px}.status-card{padding:12px}.status-row{padding:6px 0;flex-direction:column;align-items:flex-start;gap:2px}.status-label{font-size:13px}.status-value{font-size:14px}.subscription-actions{flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.btn-change-plan,.btn-cancel{padding:14px 20px;font-size:16px}}.billing-history{margin-top:32px}.history-grid{display:grid;gap:16px}.history-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;transition:all .2s ease}.history-item:hover{background:#ffffff0d;border-color:#ffffff1f}.item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.item-row:last-child{padding-bottom:0}.item-label{color:#fff9;font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px;width:35%;flex-shrink:0}.item-value{color:#ffffffe6;font-weight:500;font-size:14px;text-align:right;flex:1}.payment-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block;text-transform:capitalize}.status-paid,.status-succeeded{background:#22c55e33;color:#22c55e}.status-pending{background:#fbbf2433;color:#fbbf24}.status-failed{background:#ef444433;color:#ef4444}@media (max-width: 768px){.item-label{width:30%;font-size:12px}.item-value{font-size:13px}.history-item{padding:16px}}.free-user-upgrade{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:2.25rem;text-align:center;margin-top:2rem;transition:all .3s ease}.free-user-upgrade:hover{background:#ffffff08;border-color:#ffffff1a}.free-user-upgrade h3{color:#fffffff2;font-size:1.125rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.01em}.free-user-upgrade p{color:#ffffffa6;font-size:.925rem;margin-bottom:1.75rem;line-height:1.6;max-width:300px;margin-left:auto;margin-right:auto}.btn-upgrade-minimal{background:#ff5e1a1f;border:1px solid rgba(255,94,26,.25);border-radius:8px;color:#ff5e1af2;padding:10px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-block;width:auto}.btn-upgrade-minimal:hover{background:#ff5e1a2e;border-color:#ff5e1a66;color:#ff5e1a;transform:translateY(-1px)}.btn-upgrade-from-trial-minimal{background:#ff5e1a26;border:1px solid rgba(255,94,26,.3);border-radius:8px;color:#ff5e1af2;padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-block;width:auto}.btn-upgrade-from-trial-minimal:hover{background:#ff5e1a38;border-color:#ff5e1a73;color:#ff5e1a;transform:translateY(-1px)}.btn-upgrade{background:linear-gradient(135deg,#ff5e1a,#ff8a4c);border:none;border-radius:8px;color:#fff;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff5e1a4d}@media (prefers-color-scheme: dark){.status-active{background:#064e3b;color:#6ee7b7}.status-canceled{background:#7f1d1d;color:#fca5a5}.status-past_due{background:#78350f;color:#fde68a}}.subscription-status{margin-bottom:30px;padding:20px;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff}.subscription-status h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#fffffff2}.status-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:20px;width:100%;box-sizing:border-box}.status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.status-row:last-child{border-bottom:none}.status-label{font-size:14px;opacity:.9;color:#fff}.status-value{font-size:15px;font-weight:600;color:#fff}.status-value.status-active{color:#4ade80}.status-value.status-canceled{color:#f87171}.status-value.status-past_due{color:#fbbf24}.cancel-notice{margin-top:10px;padding:10px;background:#f8717133;border-radius:6px;text-align:center;font-size:14px;border:1px solid rgba(248,113,113,.3);color:#fff}.subscription-actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.btn-change-plan{flex:1;padding:12px 24px;background:#ffffff0a;color:#fff;border:1px solid rgba(255,94,26,.2);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-change-plan:hover{background:#ff5e1a1a;border-color:#ff5e1a66;transform:translateY(-2px)}.btn-cancel{flex:1;padding:12px 24px;background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{color:#f87171;border-color:#f8717180;background:#f871710d}.btn-back{margin-bottom:20px;padding:10px 20px;background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-back:hover{color:#ffffffe6;border-color:#fff3}.billing-history{margin-top:40px;padding:20px;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:12px}.billing-history h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#fffffff2}.loading-history{text-align:center;color:#fff9;padding:20px}.no-history{text-align:center;color:#fff6;padding:30px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px}.history-table{width:100%;overflow-x:auto}.history-table table{width:100%;border-collapse:collapse}.history-table th{text-align:left;padding:12px;border-bottom:2px solid rgba(255,255,255,.08);color:#ffffff80;font-size:13px;font-weight:600;text-transform:uppercase}.history-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.05);color:#ffffffe6;font-size:14px}.history-table tbody tr:hover{background:#ffffff05}.history-table tbody tr:last-child td{border-bottom:none}.payment-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block;margin-left:auto!important}.payment-status.status-paid,.payment-status.status-succeeded{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.payment-status.status-pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.payment-status.status-failed{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.trial-status{width:100%;box-sizing:border-box}.trial-status h3{margin:0 0 1rem;font-size:20px;font-weight:600;color:#fffffff2}.trial-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:2rem;width:100%;box-sizing:border-box;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;margin:0 auto}.trial-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;text-align:center;width:100%}.trial-icon-elegant{color:#ff5e1acc;animation:trial-glow 3s ease-in-out infinite}.trial-pulse-icon{animation:subtle-pulse 2.5s ease-in-out infinite}@keyframes trial-glow{0%,to{color:#ff5e1a99;filter:drop-shadow(0 0 4px rgba(255,94,26,.2))}50%{color:#ff5e1ae6;filter:drop-shadow(0 0 8px rgba(255,94,26,.3))}}@keyframes subtle-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.trial-info{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.trial-title{font-size:1.125rem;font-weight:600;color:#fffffff2;margin-bottom:.375rem;letter-spacing:-.01em}.trial-countdown{display:flex;align-items:baseline;justify-content:center;gap:.5rem;color:#ffffffb3;flex-wrap:wrap}.days-number{font-size:1.75rem;font-weight:700;color:#ff5e1ae6}.days-text{font-size:.95rem;opacity:.8}.trial-end-date{font-size:.85rem;color:#ffffff80;opacity:.9;font-weight:500}.trial-active-text{font-size:.95rem;color:#fffc;font-weight:500}.trial-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:#fffc}.feature-item svg{width:16px;height:16px;color:#48bb78}.trial-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;align-items:center}.btn-upgrade-from-trial{background:#ff5e1a26;border:1px solid rgba(255,94,26,.3);border-radius:8px;color:#ff5e1af2;padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-upgrade-from-trial:hover{background:#ff5e1a38;border-color:#ff5e1a73;color:#ff5e1a;transform:translateY(-1px)}.trial-note{margin:0;font-size:.875rem;color:#fff9;opacity:.8;text-align:center;width:100%}.free-plan-restrictions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1.25rem;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.restriction-item{display:flex;align-items:center;gap:.875rem;color:#fff9;padding:.5rem 0}.restriction-icon-svg{color:#fff6;transition:all .3s ease;flex-shrink:0}.restriction-item:hover .restriction-icon-svg{color:#ff5e1a99;transform:scale(1.1)}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:confirmationFadeIn .15s ease-out}.confirmation-modal-content{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0;max-width:400px;width:calc(100% - 2rem);max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:confirmationSlideIn .2s ease-out}.confirmation-modal-header{padding:24px 24px 0}.confirmation-modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.confirmation-modal-body{padding:16px 24px 24px}.confirmation-modal-message{color:#fffc;font-size:14px;line-height:1.5;margin:0}.confirmation-modal-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirmation-modal-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;min-width:80px}.confirmation-modal-cancel{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.confirmation-modal-cancel:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.confirmation-modal-confirm.primary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.confirmation-modal-confirm.primary:hover{background:#ffffff26;border-color:#ffffff4d}.confirmation-modal-confirm.danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.confirmation-modal-confirm.danger:hover{background:#ef444426;border-color:#ef444466}@keyframes confirmationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmationSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.confirmation-modal-content{margin:1rem;width:calc(100% - 2rem)}.confirmation-modal-actions{flex-direction:column-reverse}.confirmation-modal-btn{width:100%}}.billing-history-loading,.billing-history-error,.billing-history-empty{text-align:center;padding:2rem}.billing-history-loading .spinner{width:40px;height:40px;border:3px solid var(--gray-3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.billing-history-error button{margin-top:1rem;padding:.5rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.billing-history-error button:hover{background:var(--accent-hover)}.billing-history-empty p{margin:.5rem 0}.billing-history-empty .text-muted{color:var(--text-muted);font-size:.875rem}.billing-history-table{overflow-x:auto}.billing-history-table table{width:100%;border-collapse:collapse}.billing-history-table th{text-align:left;padding:.75rem;font-weight:600;color:var(--text-muted);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-2)}.billing-history-table td{padding:1rem .75rem;border-bottom:1px solid var(--gray-2);color:var(--text)}.billing-history-table tbody tr:last-child td{border-bottom:none}.billing-history-table tbody tr:hover{background:var(--gray-1)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#22c55e1a;color:#22c55e}.badge-warning{background:#fbbf241a;color:#fbbf24}.badge-danger{background:#ef44441a;color:#ef4444}.badge-info{background:#3b82f61a;color:#3b82f6}.badge-default{background:var(--gray-2);color:var(--text-muted)}.invoice-link{color:var(--accent);text-decoration:none;font-weight:500;transition:opacity .2s}.invoice-link:hover{opacity:.8;text-decoration:underline}.text-muted{color:var(--text-muted)}@media (max-width: 768px){.billing-history{padding:1rem;margin-top:.75rem}.billing-history-table{font-size:.875rem}.billing-history-table th,.billing-history-table td{padding:.5rem}.billing-history-table th:last-child,.billing-history-table td:last-child{display:none}}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-overlay-content{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;background:#0a0a0a;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.profile-overlay-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;background:#0a0a0a;border-bottom:1px solid rgba(255,255,255,.08)}.profile-overlay-brand{font-size:2rem;font-weight:900;color:#ff5e1a;letter-spacing:-.02em}.profile-overlay-close{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease}.profile-overlay-close:hover{background:#ffffff0d;border-color:#fff3;color:#fff;transform:rotate(90deg)}.profile-overlay-body{padding:3rem;max-width:900px;margin:0 auto}.profile-overlay-section{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.05)}.profile-overlay-section:last-child{border-bottom:none}.profile-overlay-greeting{color:#fff9;font-size:1rem;margin:0}.profile-overlay-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.profile-downloads-description{color:#fff9;margin-bottom:1.5rem;font-size:.95rem}.profile-downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.profile-download-button{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.profile-download-button:hover{background:#ff5e1a1a;border-color:#ff5e1a4d;transform:translateY(-2px)}.profile-download-icon{font-size:2.5rem;margin-bottom:.75rem}.profile-download-label{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.profile-download-size{font-size:.85rem;color:#ffffff80}.profile-help-links{display:flex;gap:2rem;flex-wrap:wrap}.profile-help-link{color:#ff5e1a;text-decoration:none;font-size:1rem;transition:opacity .2s ease}.profile-help-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.profile-overlay-header{padding:1.5rem}.profile-overlay-brand{font-size:1.5rem}.profile-overlay-close{width:40px;height:40px}.profile-overlay-body{padding:1.5rem}.profile-overlay-section{margin-bottom:2rem;padding-bottom:2rem}.profile-overlay-section-title{font-size:1.25rem}.profile-downloads-grid{grid-template-columns:1fr}.profile-download-button{flex-direction:row;padding:1.25rem;text-align:left}.profile-download-icon{font-size:1.75rem;margin-bottom:0;margin-right:1rem}.profile-download-label{flex:1}}.pricing-container{max-width:1200px;margin:0 auto;padding:2rem}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.billing-toggle span{color:#fff9;font-size:.95rem;transition:color .2s}.billing-toggle span.active{color:#fff;font-weight:500}.save-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:linear-gradient(135deg,#ff5e1a,#ff8a4c);border-radius:12px;font-size:.75rem;color:#fff;font-weight:600}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:#ff5e1a;border-color:#ff5e1a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px)}.early-bird-banner{background:linear-gradient(135deg,#ff5e1a1a,#ff8a4c0d);border:1px solid rgba(255,94,26,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.early-bird-icon{font-size:1.5rem}.early-bird-text{color:#fff;font-weight:500}.early-bird-discount{padding:.25rem .75rem;background:#ff5e1a33;border-radius:20px;color:#ff8a4c;font-size:.85rem;font-weight:600}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.pricing-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;position:relative;transition:all .3s ease}.pricing-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.pricing-card.popular{border-color:#ff5e1a4d;background:#ff5e1a0d}.pricing-card.current{border-color:#4caf504d}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff5e1a,#ff8a4c);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.plan-description{color:#fff9;font-size:.9rem;margin:0}.plan-price{text-align:center;margin-bottom:2rem}.price-free{font-size:2.5rem;font-weight:700;color:#fff}.price-original{text-decoration:line-through;color:#fff6;font-size:1.2rem;margin-bottom:.25rem}.price-current{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-current .currency{font-size:1.5rem;color:#ffffffb3}.price-current .amount{font-size:3rem;font-weight:700;color:#fff}.price-current .period{font-size:.9rem;color:#fff9}.annual-total{margin-top:.5rem;font-size:.85rem;color:#ffffff80}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#fffc;font-size:.95rem}.feature-check{width:20px;height:20px;color:#4caf50;flex-shrink:0}.plan-action{text-align:center}.btn-subscribe,.btn-current,.btn-downgrade{width:100%;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-subscribe{background:linear-gradient(135deg,#ff5e1a,#ff8a4c);color:#fff}.btn-subscribe:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff5e1a4d}.btn-current{background:#4caf5033;border:1px solid rgba(76,175,80,.3);color:#4caf50;cursor:default}.btn-downgrade{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9}.btn-downgrade:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.cancel-anytime{margin:.75rem 0 0;font-size:.8rem;color:#fff6}.usage-notice{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;text-align:center}.usage-bar{width:100%;max-width:300px;height:8px;background:#ffffff1a;border-radius:4px;margin:0 auto 1rem;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#ff5e1a,#ff8a4c);border-radius:4px;transition:width .3s ease}.usage-notice p{margin:0;color:#ffffffb3;font-size:.9rem}.pricing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff5e1a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pricing-error{text-align:center;padding:3rem;color:#ffffffb3}@media (max-width: 768px){.pricing-container{padding:1rem}.pricing-cards{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:2rem 1.5rem}.billing-toggle{flex-direction:column;gap:1.5rem}.early-bird-banner{flex-direction:column;text-align:center;padding:1.5rem}.card-button{padding:1rem 1.5rem!important;font-size:1rem!important;min-height:48px;touch-action:manipulation}.card-button:hover{transform:none}.toggle-switch{width:64px;height:32px}.toggle-slider:before{height:24px;width:24px;left:4px;bottom:3px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(32px)}.card-price{font-size:2.5rem!important}.card-title{font-size:1.5rem!important}.card-features li{font-size:.95rem;padding:.5rem 0}.pricing-card .card-header{margin-bottom:1.5rem}.pricing-card .card-features{margin:1.5rem 0}.usage-notice{padding:1.25rem;margin-top:1.5rem}.payment-status{margin-left:auto!important;float:right!important}.history-table td{display:flex!important;justify-content:space-between!important}.history-table .payment-status{margin-left:auto!important;align-self:flex-end!important}}.paywall-page{min-height:100vh;background:#0a0a0a;color:#fff}.paywall-page-container{max-width:1200px;margin:0 auto;padding:0 2rem}.paywall-page-header{background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.paywall-page-header-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.paywall-page-header-left{display:flex;align-items:center;gap:1rem}.paywall-page-back{background:transparent;border:none;color:#fff;padding:12px;cursor:pointer;transition:all .2s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.paywall-page-back:hover{color:#ff5e1a;background:#ff5e1a1a;transform:translate(-2px)}.paywall-page-back svg{width:24px;height:24px}.paywall-page-logo{font-size:1.5rem;font-weight:800;color:#ff5e1a;text-decoration:none;transition:opacity .2s}.paywall-page-logo:hover{opacity:.8}.paywall-page-email{color:#ffffffb3;font-size:.9rem}.paywall-page-body{padding:3rem 0}.paywall-page-section{text-align:center}.paywall-page-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#ff5e1a,#ff8a4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.paywall-page-subtitle{font-size:1.2rem;color:#ffffffb3;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.paywall-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a;color:#fff;gap:1rem}@media (max-width: 768px){.paywall-page-container{padding:0 1rem}.paywall-page-header-left{gap:.5rem}.paywall-page-title{font-size:2rem}.paywall-page-subtitle{font-size:1rem;margin-bottom:2rem}.paywall-page-body{padding:2rem 0}}