@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 (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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}}.profile-overview{display:flex;flex-direction:column;gap:32px}.overview-section{background:var(--card-background, var(--background));border:1px solid var(--border);border-radius:12px;padding:24px}.overview-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.info-item p{margin:0;font-size:16px;color:var(--text);font-weight:500}.auth-provider{display:flex;align-items:center;gap:8px}.provider-icon{font-size:16px;line-height:1}.subscription-card{background:var(--background-hover);border-radius:8px;padding:20px}.subscription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.subscription-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text)}.plan-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-free{background:#e5e7eb;color:#374151}.badge-trial{background:#fef3c7;color:#92400e}.badge-pro{background:var(--gradient);color:#fff}.badge-enterprise{background:#1e293b;color:#fff}.subscription-content p{margin:0 0 16px;color:var(--text-muted)}.feature-list{list-style:none;padding:0;margin:0 0 20px}.feature-list li{padding:8px 0;color:var(--text);display:flex;align-items:center;gap:8px}.upgrade-button{width:100%;padding:12px 24px;background:var(--gradient);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.subscription-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:var(--text-muted);font-size:14px}.detail-item span:last-child{color:var(--text);font-weight:500}.status-active{color:#10b981}.status-canceled{color:#ef4444}.status-past_due{color:#f59e0b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--background-hover);border-radius:8px}.stat-icon{font-size:32px;line-height:1}.stat-content{flex:1}.stat-content h4{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--text-muted)}.stat-value{margin:0;font-size:20px;font-weight:600;color:var(--text)}@media (max-width: 768px){.overview-section{padding:20px}.info-grid{grid-template-columns:1fr}.subscription-header{flex-direction:column;align-items:flex-start;gap:8px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}}.subscription-manager{display:flex;flex-direction:column;gap:40px}.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){.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}}@media (prefers-color-scheme: dark){.status-active{background:#064e3b;color:#6ee7b7}.status-canceled{background:#7f1d1d;color:#fca5a5}.status-past_due{background:#78350f;color:#fde68a}}.device-manager{display:flex;flex-direction:column;gap:32px}.device-header{display:flex;flex-direction:column;gap:16px}.device-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text)}.device-description{margin:0;color:var(--text-muted);font-size:16px}.device-limit{color:var(--primary);font-weight:500}.device-limit-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:14px;color:#92400e}.warning-icon{font-size:18px;line-height:1}.empty-devices{text-align:center;padding:60px 20px;background:var(--card-background, var(--background));border:1px solid var(--border);border-radius:12px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-devices h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text)}.empty-devices p{margin:0;color:var(--text-muted)}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.device-card{background:var(--card-background, var(--background));border:2px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.device-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.device-card.current{border-color:var(--primary);background:var(--background-hover)}.device-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.device-header-card{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;position:relative}.device-icon{font-size:32px;line-height:1;flex-shrink:0}.device-info{flex:1;min-width:0}.device-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-details{margin:0;font-size:14px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-badge{position:absolute;top:0;right:0;padding:4px 8px;background:var(--gradient);color:#fff;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.device-metadata{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px}.metadata-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.metadata-label{color:var(--text-muted)}.metadata-value{color:var(--text);font-weight:500}.remove-device-button{width:100%;padding:8px 16px;background:none;border:1px solid #dc2626;border-radius:6px;color:#dc2626;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.remove-device-button:hover:not(:disabled){background:#dc2626;color:#fff}.remove-device-button:disabled{opacity:.5;cursor:not-allowed}.device-security-tips{background:var(--card-background, var(--background));border:1px solid var(--border);border-radius:12px;padding:24px}.device-security-tips h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text)}.device-security-tips ul{margin:0;padding-left:24px;list-style-type:disc}.device-security-tips li{margin-bottom:8px;color:var(--text-muted);font-size:14px;line-height:1.6}.device-security-tips li:last-child{margin-bottom:0}@media (max-width: 768px){.devices-grid{grid-template-columns:1fr}.device-card{padding:16px}.device-icon{font-size:28px}}@media (prefers-color-scheme: dark){.device-limit-warning{background:#451a03;border-color:#92400e;color:#fbbf24}}.help-section{display:flex;flex-direction:column;gap:48px}.help-category h2{margin:0 0 24px;font-size:24px;font-weight:600;color:var(--text)}.download-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.download-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ff5e1a1a;border:2px solid var(--primary);border-radius:8px;color:var(--primary);text-decoration:none;font-weight:600;font-size:16px;transition:all .2s}.download-button:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff5e1a4d}.download-button svg{width:20px;height:20px}.mobile-downloads{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.mobile-download-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0d;border:2px solid var(--border);border-radius:8px;transition:all .2s;text-decoration:none;color:var(--text);font-weight:600;font-size:16px}.mobile-download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.mobile-download-button.app-store{background:#000;border-color:#333;color:#fff}.mobile-download-button.app-store:hover{background:#111}.mobile-download-button.google-play{background:#000;border-color:#333;color:#fff}.mobile-download-button.google-play:hover{background:#111}.mobile-download-button.telegram{background:#08c;border-color:#08c;color:#fff}.mobile-download-button.telegram:hover{background:#07b}.mobile-download-button svg{width:20px;height:20px}.help-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.help-card{padding:24px;background:#ffffff05;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s}.help-card:hover{border-color:var(--primary);background:#ff5e1a0d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.help-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text)}.help-card p{margin:0;font-size:14px;color:var(--text-muted)}@media (max-width: 768px){.download-buttons{flex-direction:column}.download-button{width:100%;justify-content:center}.mobile-downloads{flex-direction:column;align-items:center}.help-options{grid-template-columns:1fr}}.profile-dashboard{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:100vh}.profile-dashboard-empty{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:18px;color:var(--text-muted)}.profile-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.profile-header-info{display:flex;align-items:center;gap:24px}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff}.profile-header-text h1{margin:0 0 4px;font-size:28px;font-weight:600;color:var(--text)}.profile-header-text p{margin:0;font-size:16px;color:var(--text-muted)}.logout-button{padding:10px 20px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:var(--background-hover);border-color:var(--primary)}.profile-tabs{display:flex;gap:8px;margin-bottom:32px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.profile-tab:hover:not(.active){background-color:var(--background-hover);color:var(--text)}.profile-tab.active{background:var(--gradient);border-color:transparent;color:#fff}.tab-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.tab-label{line-height:1}.profile-tab-content{animation:fadeIn .3s ease-out}@media (max-width: 768px){.profile-dashboard{padding:24px 16px}.profile-dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.profile-header-info{flex-direction:column;align-items:flex-start;text-align:left}.profile-avatar{width:64px;height:64px}.profile-header-text h1{font-size:24px}.logout-button{align-self:flex-end}.profile-tabs{padding-bottom:8px}.profile-tab{padding:10px 16px;font-size:13px}}@media (max-width: 480px){.profile-header-info{gap:16px}.profile-avatar{width:56px;height:56px}.profile-header-text h1{font-size:20px}.profile-header-text p{font-size:14px}.profile-tab{padding:8px 12px}.tab-label{display:none}}
