:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.user-indicator{display:flex;align-items:center;gap:.5rem;margin-left:.75rem}.user-avatar{position:relative;display:flex;align-items:center}.avatar-circle{width:32px;height:32px;border-radius:50%;background:var(--landing-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;text-transform:uppercase;overflow:hidden}.avatar-circle .profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.online-status{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#10b981;border:2px solid rgba(0,0,0,.8);border-radius:50%;animation:pulse-green 2s infinite}.user-name{color:#fff!important;font-size:.8rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@media (max-width: 768px){.nav-links,.nav-auth{display:none}.mobile-menu-toggle{display:flex}.user-indicator{gap:.25rem}.user-name{display:none}}@media (max-width: 480px){.nav-container{padding:1rem}.brand-text{font-size:1.25rem}}.hero{width:100%;background:var(--primary-gradient);color:var(--color-white);padding:4rem 0 6rem;text-align:center;position:relative;overflow:hidden;box-sizing:border-box}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="none"><path d="M0,0 C150,100 350,0 500,50 C650,100 850,0 1000,50 L1000,0 Z" fill="rgba(255,255,255,0.1)"/></svg>') repeat-x;background-size:1000px 100px;animation:wave 20s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-1000px)}}.hero-content{position:relative;z-index:1}.logo{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-badges{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}.hero-counter{margin:2rem 0;display:flex;justify-content:center}.hero-search{margin:2.5rem 0;max-width:600px;margin-left:auto;margin-right:auto}.hero-title-animate{display:inline-block;min-height:1.2em}.hero-text-static{display:inline-block}.hero-text-rotate{background:var(--landing-orange);color:#fff;padding:.25rem .75rem;border-radius:.5rem;overflow:hidden;display:inline-flex;justify-content:center;align-items:center}.hero p{font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:2.5rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-features{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;opacity:.95}.feature-icon{font-size:1.2rem}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-white);color:var(--color-primary);padding:1rem 2rem;border:none;border-radius:var(--radius-xl);font-weight:600;font-size:1.1rem;font-family:inherit;box-shadow:var(--shadow-xl);transition:all .3s ease;margin-bottom:1rem;cursor:pointer}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040}.hero-note{font-size:.9rem;opacity:.8;margin-top:1rem}@media (max-width: 768px){.hero{padding:2rem 0 3rem}.hero-badges{gap:1rem;margin:1.5rem 0}.hero-features{gap:1.5rem;margin-bottom:2rem}.feature{font-size:.9rem}}.automation-counter{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.counter-content{display:flex;flex-direction:column;align-items:center;gap:4px}.automation-counter.small .counter-number{font-size:18px;font-weight:700;color:#1e293b}.automation-counter.small .counter-label{font-size:11px;color:#64748b}.automation-counter.normal .counter-number{font-size:28px;font-weight:800;color:#1e293b;line-height:1}.automation-counter.normal .counter-label{font-size:14px;color:#64748b;font-weight:500;text-align:center}.automation-counter.large .counter-number{font-size:48px;font-weight:900;color:#1e293b;line-height:1;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.automation-counter.large .counter-label{font-size:18px;color:#64748b;font-weight:600;text-align:center;margin-top:8px}.automation-counter.loading .counter-content{opacity:.7}.counter-loading{display:flex;flex-direction:column;align-items:center;gap:8px}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.automation-counter.small .spinner{width:16px;height:16px}.automation-counter.large .spinner{width:32px;height:32px;border-width:3px}.automation-counter.error .counter-content{color:#ef4444}.counter-error{display:flex;flex-direction:column;align-items:center;gap:4px}.counter-error svg{opacity:.7}.counter-updated{font-size:10px;color:#9ca3af;font-weight:400;margin-top:2px;opacity:.8}.automation-counter.large .counter-updated{font-size:12px;margin-top:4px}.counter-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);border-radius:50%;animation:pulse 2s infinite;pointer-events:none}.compact-counter{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 12px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.compact-counter:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.compact-counter .counter-number{color:#3b82f6!important;font-weight:700}.hero-counter{background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:32px 40px;box-shadow:0 10px 25px -5px #0000001a;text-align:center;position:relative;overflow:hidden}.hero-counter:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.hero-counter .counter-content{gap:8px}.stats-counter{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;text-align:center;position:relative}.stats-counter .counter-number{color:#0f172a!important}.stats-counter .counter-label{color:#475569!important}@media (max-width: 768px){.automation-counter.large .counter-number{font-size:36px}.automation-counter.large .counter-label{font-size:16px}.hero-counter{padding:24px 28px}.stats-counter{padding:16px 20px}}@media (max-width: 480px){.automation-counter.large .counter-number{font-size:32px}.automation-counter.large .counter-label{font-size:14px}.automation-counter.normal .counter-number{font-size:24px}.automation-counter.normal .counter-label{font-size:13px}.hero-counter{padding:20px 24px}}@keyframes pulse{0%{opacity:.4;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.counter-number{transition:all .3s ease;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.counter-pulse,.spinner{animation:none}.counter-number{transition:none}}@media (prefers-contrast: high){.automation-counter.large .counter-number{background:none;-webkit-text-fill-color:initial;color:#000}.compact-counter,.hero-counter,.stats-counter{border-width:2px;border-color:#000}}.advanced-search{position:relative;width:100%;max-width:800px;margin:0 auto}.search-form{display:flex;flex-direction:column;gap:16px}.search-input-container{display:flex;align-items:center;gap:12px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:0 16px;transition:all .2s ease;min-height:52px}.search-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#9ca3af;margin-right:12px;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:16px;color:#374151;background:transparent;padding:14px 0}.search-input::placeholder{color:#9ca3af}.clear-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;margin-left:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-button:hover{background-color:#f3f4f6;color:#6b7280}.search-loading{margin-left:8px;display:flex;align-items:center}.search-loading .spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.filters-toggle{background:#fff;border:2px solid #e5e7eb;color:#6b7280;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:52px;height:52px}.filters-toggle:hover{border-color:#d1d5db;color:#374151}.filters-toggle.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.search-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:0 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:52px;white-space:nowrap}.search-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px -5px #3b82f666}.search-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.filters-panel{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;animation:slideDown .2s ease-out}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group label{font-weight:600;color:#374151;font-size:14px}.filter-group select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;cursor:pointer;transition:border-color .2s ease}.filter-group select:focus{outline:none;border-color:#3b82f6}.suggestions-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;max-height:400px;overflow-y:auto;animation:slideDown .2s ease-out}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.suggestions-section{padding:12px 0}.suggestions-section:not(:last-child){border-bottom:1px solid #f1f5f9}.suggestions-header{padding:8px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.suggestions-list{display:flex;flex-direction:column}.suggestion-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.suggestion-item:hover{background-color:#f9fafb;color:#1f2937}.suggestion-icon{color:#9ca3af;flex-shrink:0}.suggestion-item:hover .suggestion-icon{color:#6b7280}.suggestion-item.recent .suggestion-icon{color:#f59e0b}.suggestion-item.popular .suggestion-icon{color:#10b981}.search-count{margin-left:auto;background:#f3f4f6;color:#6b7280;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}@media (max-width: 768px){.search-input-container{flex-direction:column;gap:12px}.search-input-wrapper{width:100%}.filters-toggle,.search-button{width:100%;justify-content:center}.filters-grid{grid-template-columns:1fr;gap:12px}.suggestions-dropdown{left:-10px;right:-10px}}@media (max-width: 640px){.search-input{font-size:16px}.search-input-wrapper{min-height:48px;padding:0 12px}.filters-toggle,.search-button{min-height:48px}.suggestion-item{padding:14px 16px;font-size:16px}}@media (hover: none) and (pointer: coarse){.suggestion-item{padding:16px;min-height:48px}.clear-button{padding:8px;min-width:36px;min-height:36px}.filters-toggle,.search-button,.search-input-wrapper{min-height:56px}}.simple-automation-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;transition:all .2s ease;height:100%;display:flex;flex-direction:column}.simple-automation-card:hover{background:#ffffff0a;border-color:#ff6b354d;transform:translateY(-2px)}.card-content{margin-bottom:1rem;flex-grow:1}.services-section{margin-bottom:1rem}.services-label{font-size:.8rem;color:#a1a1aa;margin-bottom:.5rem;font-weight:500}.services-list{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.service-icon{width:28px;height:28px;background:#ffffff1a;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff}.service-more{font-size:.75rem;color:#a1a1aa;font-weight:500}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.card-price{font-size:.9rem;font-weight:600;color:var(--landing-orange)}.card-actions{display:flex;align-items:center;gap:.75rem}.card-download{padding:.5rem 1rem;background:var(--landing-orange);border:1px solid var(--landing-orange);border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.card-download:hover{background:#e55a2b;border-color:#e55a2b;transform:translateY(-1px)}@media (max-width: 768px){.simple-automation-card{padding:1.25rem}.card-actions{flex-direction:column;gap:.5rem;width:100%}.card-action,.card-download{width:100%;text-align:center}}.catalog-hero{background:var(--landing-black);color:#fff;padding:4rem 0 3rem;text-align:center;position:relative;box-sizing:border-box}.catalog-hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 2rem}.hero-header{margin-bottom:2rem}.catalog-title{font-size:clamp(2rem,4vw,3rem);font-weight:600;margin-bottom:0;line-height:1.2;color:#fff}.modern-search-container{max-width:500px;margin:0 auto}.modern-search-bar{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.modern-search-bar.focused{border-color:var(--landing-orange);background:#ffffff1a}.search-icon{color:#fff9;flex-shrink:0}.modern-search-bar.focused .search-icon{color:#ff6b35}.search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-weight:400}.search-input::placeholder{color:#fff9}.clear-search{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.clear-search:hover{color:#fff;background:#ffffff1a}@media (max-width: 768px){.catalog-hero{padding:4rem 0 3rem}.catalog-hero-content{padding:0 1rem}.hero-header{margin-bottom:2rem}.catalog-stats{gap:1.5rem;margin-bottom:2rem}.stat-number{font-size:1.5rem}.modern-search-bar{padding:.625rem 1.25rem}.search-input{font-size:.9rem}.quick-suggestions{gap:.5rem}.suggestion-pill{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.catalog-hero{padding:3rem 0 2rem}.catalog-stats{flex-direction:column;gap:1rem}.stat-divider{width:40px;height:2px}}.catalog{width:100%;background:var(--landing-black);position:relative;min-height:100vh;color:#fff}.catalog .container{max-width:1200px;margin:0 auto;padding:2rem}.results-count{text-align:center;margin-bottom:3rem;font-size:1.1rem;font-weight:500;color:#fffc}.premium-notice{display:block;font-size:.9rem;color:var(--landing-orange);margin-top:.5rem;font-weight:400}.no-results{text-align:center;padding:4rem 2rem;color:#ffffffb3}.no-results p{font-size:1.2rem;margin-bottom:2rem}.no-results .btn{margin-top:1rem}@media (max-width: 768px){.automations-grid{grid-template-columns:1fr;gap:1.5rem}}.subscription-cta{margin-top:3rem;padding:3rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);text-align:center;position:relative;overflow:hidden}.subscription-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,107,53,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,140,66,.1) 0%,transparent 50%);pointer-events:none}.cta-content{position:relative;z-index:1}.cta-content h3{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:#fffc;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.feature{padding:1rem;background:#ffffff0d;border-radius:12px;color:#ffffffe6;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature:hover{background:#ffffff1a;transform:translateY(-2px)}.cta-pricing{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.price-option{padding:1.5rem 2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);min-width:140px;transition:all .3s ease}.price-option.premium{background:#ff6b351a;border-color:#ff6b354d;transform:scale(1.05)}.price-label{font-size:.875rem;color:#ffffffb3;margin-bottom:.5rem}.price-value{font-size:1.5rem;font-weight:700;color:#fff}.price-value span{font-size:.875rem;color:#fff9}.btn-subscribe{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-subscribe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.btn-subscribe:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b3566}.btn-subscribe:hover:before{opacity:1}@media (max-width: 768px){.subscription-cta{padding:2rem 1rem}.cta-content h3{font-size:1.5rem}.cta-features{grid-template-columns:1fr}.cta-pricing{flex-direction:column;gap:1rem}.price-option.premium{transform:none}}.google-auth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;margin:20px 0;background-color:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.google-auth-button:hover{background-color:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-auth-button svg{width:20px;height:20px}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.auth-modal{background:var(--landing-black-soft);border-radius:16px;width:90%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,107,53,.2);animation:slideUp .3s ease-out}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid rgba(255,107,53,.1);margin-bottom:24px}.auth-modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff}.auth-modal-close{background:none;border:none;color:#a1a1aa;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.auth-modal-close:hover{background-color:#ff6b351a;color:var(--landing-orange)}.auth-modal-body{padding:0 24px 24px}.auth-error-banner{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center}.auth-error-banner:before{content:"⚠️";margin-right:8px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#fff;font-size:14px}.form-group input{padding:12px 16px;border:2px solid rgba(255,107,53,.2);border-radius:8px;font-size:16px;transition:all .2s ease;background-color:var(--landing-black-light);color:#fff}.form-group input:focus{outline:none;border-color:var(--landing-orange);box-shadow:0 0 0 3px #ff6b351a;background-color:#ff6b350d}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;font-size:13px;font-weight:500}.auth-submit-btn{background:linear-gradient(135deg,var(--landing-orange) 0%,#e55a2b 100%);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;min-height:52px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px -5px #ff6b3566}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:flex;align-items:center;gap:12px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;margin:24px 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ff6b3533}.auth-divider span{padding:0 16px;color:#a1a1aa;font-size:14px;background:var(--landing-black-soft)}.auth-switch{text-align:center}.auth-switch p{margin:0;color:#a1a1aa;font-size:14px}.auth-switch-btn{background:none;border:none;color:var(--landing-orange);font-weight:600;cursor:pointer;text-decoration:underline;font-size:14px;transition:color .2s ease}.auth-switch-btn:hover{color:#e55a2b}@media (max-width: 640px){.auth-modal{width:95%;margin:20px;max-height:calc(100vh - 40px)}.auth-modal-header{padding:20px 20px 0}.auth-modal-body{padding:0 20px 20px}.auth-modal-header h2{font-size:22px}.form-group input{font-size:16px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}.modal.active{opacity:1}.modal-content{background:var(--color-white);border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary)}.modal-subtitle{color:var(--color-text-secondary)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);transition:color .2s ease;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{color:var(--color-text-primary);background:var(--color-gray-100)}.pricing-option{border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;cursor:pointer;transition:all .2s ease}.pricing-option:hover,.pricing-option.selected{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pricing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pricing-name{font-weight:600;font-size:1.1rem}.pricing-price{font-weight:700;font-size:1.2rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-description{color:var(--color-text-secondary);font-size:.9rem}.details-modal{max-width:600px}.automation-header-modal{display:flex;align-items:center;gap:1rem;text-align:left}.automation-icon-large{font-size:3rem;flex-shrink:0}.details-content{margin-bottom:2rem}.detail-section{margin-bottom:1.5rem}.detail-section h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.detail-section p{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.5}.steps-list,.use-cases-list{margin:0;padding-left:1.25rem}.steps-list li,.use-cases-list li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.4}.modal-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-gray-200);padding-top:1.5rem;gap:1rem}.price-highlight{display:flex;align-items:center;gap:.5rem}.price-label{color:var(--color-text-secondary);font-weight:500}.price-value{font-size:1.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.purchase-modal{max-width:700px;max-height:85vh;overflow-y:auto}.purchase-content{margin-bottom:2rem}.purchase-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:1rem;transition:all .2s ease}.purchase-item.main-item{background:#3b82f60d;border-color:var(--color-primary)}.purchase-item.upsell-item{cursor:pointer}.purchase-item.upsell-item:hover{border-color:var(--color-primary);background:#3b82f605}.purchase-item.selected{border-color:var(--color-primary);background:#3b82f60d}.item-checkbox{margin-right:.5rem}.item-checkbox input{width:1.2rem;height:1.2rem;accent-color:var(--color-primary)}.item-info{display:flex;align-items:center;gap:1rem;flex:1}.item-icon{font-size:2rem;flex-shrink:0}.item-details h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.item-details p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.item-price{font-size:1.1rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.upsells-section{margin:2rem 0}.upsells-title{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.upsells-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1rem}.purchase-summary{background:var(--color-gray-50);padding:1.5rem;border-radius:var(--radius-md);margin-top:1.5rem}.summary-line{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--color-text-primary)}.total-price{font-size:1.3rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.savings-note{margin-top:.75rem;color:var(--color-success);font-size:.875rem;text-align:center}.security-note{text-align:center;font-size:.8rem;color:var(--color-text-light);margin-top:.75rem}.success-modal{max-width:550px}.success-content{margin-bottom:2rem}.success-message,.next-steps{margin-bottom:1.5rem}.success-message h4,.next-steps h4{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.success-message ul{list-style:none;padding:0;margin:0}.success-message li{padding:.5rem 0;color:var(--color-text-secondary);border-bottom:1px solid var(--color-gray-100)}.success-message li:last-child{border-bottom:none}.next-steps p{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.4}@media (max-width: 768px){.modal-content{margin:1rem;padding:1.5rem}.details-modal,.purchase-modal,.success-modal{max-width:none}.automation-header-modal{flex-direction:column;text-align:center;gap:.5rem}.automation-icon-large{font-size:2.5rem}.modal-footer{flex-direction:column;gap:1rem}.purchase-item{flex-direction:column;align-items:flex-start;gap:.75rem}.item-info{width:100%}.item-price{align-self:flex-end}}.benefits{background:var(--color-gray-50);padding:4rem 0}.catalog-page .benefits{background:var(--landing-black)}.benefits h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem;color:var(--color-text-primary)}.catalog-page .benefits h2{color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-card{background:var(--color-white);padding:2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:transform .2s ease}.catalog-page .benefit-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.benefit-card:hover{transform:translateY(-2px)}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.catalog-page .benefit-title{color:#fff}.benefit-description{color:var(--color-text-secondary)}.catalog-page .benefit-description{color:#d1d5db}@media (max-width: 768px){.benefits-grid{grid-template-columns:1fr}}.footer{background:var(--landing-black);color:var(--color-white);padding:3rem 0 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-link{color:#d1d5db;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative}.footer-link:hover{color:#fff}.footer-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--landing-orange);transition:width .2s ease}.footer-link:hover:after{width:100%}.footer-copyright{color:#a1a1aa;font-size:.8rem;margin-top:1.5rem}@media (max-width: 768px){.footer-links{flex-direction:column;gap:1rem}}.user-menu{position:relative;display:inline-block}.user-menu-trigger{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:200px}.user-menu-trigger:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0;overflow:hidden}.user-avatar.large{width:48px;height:48px;font-size:18px}.user-avatar .profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.user-name{font-weight:600;color:#1e293b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-plan{font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px;line-height:1;margin-top:2px}.user-plan.premium{background-color:#fef3c7;color:#d97706}.user-plan.trial{background-color:#ddd6fe;color:#7c3aed}.user-plan.warning{background-color:#fee2e2;color:#dc2626}.user-plan.free{background-color:#f3f4f6;color:#6b7280}.chevron{color:#6b7280;transition:transform .2s ease;flex-shrink:0}.chevron.rotate{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;min-width:280px;overflow:hidden;animation:slideDown .2s ease-out}.user-menu-header{padding:20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.user-details{flex:1;min-width:0}.user-details .user-name{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:2px;max-width:none}.user-email{font-size:13px;color:#64748b;margin-bottom:8px;word-break:break-all}.subscription-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.subscription-badge.premium{background-color:#fef3c7;color:#d97706}.subscription-badge.trial{background-color:#ddd6fe;color:#7c3aed}.subscription-badge.warning{background-color:#fee2e2;color:#dc2626}.subscription-badge.free{background-color:#f3f4f6;color:#6b7280}.user-menu-divider{height:1px;background:#e5e7eb;margin:0}.user-menu-section{padding:8px 0}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:none;border:none;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.user-menu-item:hover{background-color:#f9fafb;color:#1f2937}.user-menu-item.logout{color:#dc2626}.user-menu-item.logout:hover{background-color:#fef2f2;color:#b91c1c}.user-menu-item svg{flex-shrink:0;opacity:.7}.user-menu-item:hover svg{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.user-menu-trigger{min-width:160px;padding:6px 10px}.user-menu-trigger .user-info{display:none}.user-menu-dropdown{right:0;left:auto;min-width:260px}.user-menu-header{padding:16px}.user-menu-item{padding:14px 16px;font-size:16px}}.chat-widget{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-trigger{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #3b82f64d;transition:all .3s ease;position:relative}.chat-trigger:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f666}.chat-trigger:active{transform:translateY(0)}.chat-error-indicator{position:absolute;top:8px;right:8px;width:12px;height:12px;background:#ef4444;border:2px solid white;border-radius:50%;animation:pulse 2s infinite}.chat-window{width:380px;height:500px;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.chat-window.minimized{height:60px}.chat-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-title{display:flex;align-items:center;gap:12px}.chat-avatar{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-info{display:flex;flex-direction:column;gap:2px}.chat-name{font-weight:600;font-size:14px}.chat-status{font-size:12px;opacity:.8;position:relative;padding-left:12px}.chat-status:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.chat-controls{display:flex;gap:8px}.chat-control-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.chat-control-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f9}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-welcome{display:flex;flex-direction:column;gap:20px}.welcome-message{text-align:center;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:1px solid #bae6fd}.welcome-message h3{margin:0 0 8px;color:#0c4a6e;font-size:18px}.welcome-message p{margin:0;color:#075985;font-size:14px;line-height:1.5}.chat-suggestions{display:flex;flex-direction:column;gap:12px}.suggestions-title{font-weight:600;color:#374151;font-size:14px}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-btn{background:#fff;border:2px solid #e5e7eb;color:#374151;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:13px;line-height:1.4;text-align:left;transition:all .2s ease}.suggestion-btn:hover{border-color:#3b82f6;background:#f8fafc;color:#1e40af}.messages-list{display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;gap:8px}.message.user{align-items:flex-end}.message.assistant{align-items:flex-start}.message.system{align-items:center}.message-content{max-width:280px;padding:12px 16px;border-radius:16px;position:relative}.message.user .message-content{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#f1f5f9;color:#374151;border-bottom-left-radius:4px}.message.system .message-content{background:#fef3c7;color:#92400e;border-radius:8px;font-size:13px;max-width:100%;text-align:center}.message.error .message-content{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.message-text{font-size:14px;line-height:1.5;word-wrap:break-word}.message-time{font-size:11px;opacity:.7;margin-top:4px}.message.user .message-time{text-align:right}.message.assistant .message-time{text-align:left}.message.loading .message-content{background:#f1f5f9;padding:16px}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.escalate-btn{background:#f59e0b;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;margin-top:8px;transition:background-color .2s ease}.escalate-btn:hover{background:#d97706}.escalation-panel{background:#fffbeb;border-top:1px solid #fed7af;padding:16px 20px;flex-shrink:0}.escalation-content p{margin:0 0 12px;color:#92400e;font-size:14px}.escalation-actions{display:flex;gap:8px}.escalation-actions .btn-secondary,.escalation-actions .btn-primary{padding:8px 16px;font-size:13px;border-radius:6px}.chat-input-container{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px;flex-shrink:0}.chat-input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:8px;transition:border-color .2s ease}.chat-input-wrapper:focus-within{border-color:#3b82f6}.chat-input{flex:1;border:none;outline:none;resize:none;font-size:14px;color:#374151;background:transparent;min-height:20px;max-height:100px;line-height:1.5;padding:4px 8px}.chat-input::placeholder{color:#9ca3af}.send-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:36px;height:36px}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-auth-notice{margin-top:8px;font-size:12px;color:#6b7280;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media (max-width: 768px){.chat-widget{bottom:16px;right:16px}.chat-window{width:calc(100vw - 32px);max-width:380px;height:400px}.chat-trigger{width:56px;height:56px}.chat-messages{padding:16px}.chat-input-container{padding:12px 16px}.message-content{max-width:calc(100vw - 120px)}}@media (max-width: 480px){.chat-window{width:calc(100vw - 16px);height:350px;bottom:80px;right:8px}.chat-trigger{bottom:16px;right:16px}.message-content{max-width:calc(100vw - 80px)}}.landing-hero{position:relative;width:100%;min-height:100vh;background:var(--landing-black);color:#fff;display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;max-width:800px;margin:0 auto;padding:4rem 2rem}.hero-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:4rem}.logo-icon{font-size:2rem}.logo-text{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.5px}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#fff}.hero-title .flex{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.5rem}.hero-title .whitespace-pre{white-space:pre}.hero-title .overflow-hidden{overflow:hidden}.title-main{color:#fff;font-size:inherit}.title-rotating{background:var(--landing-orange);color:#fff;padding:.25rem .75rem;border-radius:.5rem;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;font-size:inherit}.hero-subtitle{font-size:1.2rem;line-height:1.6;color:#a1a1aa;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400}.subtitle-highlight{color:var(--landing-orange);font-weight:500}.hero-stats{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:3rem;opacity:.8}.stat-number{font-size:1.5rem;font-weight:600;color:#fff;line-height:1}.stat-label{font-size:.8rem;color:#fff;font-weight:400}.hero-stat-number{font-size:1.5rem;font-weight:600;color:#fff!important;line-height:1}.hero-stat-label{font-size:.8rem;color:#fff!important;font-weight:400}.stat-divider{width:1px;height:20px;background:#333}.hero-actions{display:flex;justify-content:center;margin-bottom:4rem}.btn-hero-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;background:var(--landing-orange);color:#fff}.btn-hero-primary:hover{background:#e55a2b;transform:translateY(-1px)}.btn-icon{transition:transform .2s ease}.btn-hero-primary:hover .btn-icon{transform:translate(2px)}.hero-features{display:flex;justify-content:center;gap:2rem;opacity:.7}.feature-item{display:flex;align-items:center;gap:.5rem}.feature-icon{font-size:1rem}.feature-text{font-size:.9rem;color:#a1a1aa;font-weight:400}@media (max-width: 768px){.hero-content{padding:3rem 1.5rem}.hero-logo{margin-bottom:3rem}.hero-stats{gap:2rem}.hero-features{flex-direction:column;gap:1rem;align-items:center}}@media (max-width: 480px){.hero-stats{flex-direction:column;gap:1.5rem}.stat-divider{display:none}}.about-section{padding:5rem 0;background:var(--landing-black-soft);color:#fff}.about-header{text-align:center;margin-bottom:4rem}.about-title{font-size:2.5rem;font-weight:600;margin-bottom:1rem;line-height:1.2;color:#fff}.about-subtitle{font-size:1.1rem;line-height:1.6;color:#a1a1aa;max-width:600px;margin:0 auto;font-weight:400}.about-subtitle strong{color:var(--landing-orange);font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease}.feature-card:hover{background:#ffffff0a;border-color:#ff6b354d;transform:translateY(-2px)}.feature-icon{font-size:2rem;margin-bottom:1rem;display:block}.feature-title{font-size:1.2rem;font-weight:600;margin-bottom:.75rem;color:#fff;line-height:1.3}.feature-description{font-size:.95rem;line-height:1.5;color:#a1a1aa;margin:0}.key-numbers{margin-bottom:3rem}.numbers-container{display:flex;justify-content:center;align-items:center;gap:3rem;opacity:.8}.number-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.number-value{font-size:1.5rem;font-weight:600;color:#fff;line-height:1}.number-label{font-size:.8rem;color:#a1a1aa;font-weight:400}.number-divider{width:1px;height:20px;background:#333}.about-cta{text-align:center}.cta-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:#fff}.cta-description{font-size:1rem;color:#a1a1aa;margin-bottom:2rem;font-weight:400}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;background:var(--landing-orange);color:#fff}.cta-button:hover{background:#e55a2b;transform:translateY(-1px)}.btn-arrow{transition:transform .2s ease}.cta-button:hover .btn-arrow{transform:translate(2px)}@media (max-width: 768px){.about-section{padding:4rem 0}.about-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.numbers-container{flex-direction:column;gap:2rem}.number-divider{display:none}}.featured-automations{padding:3rem 0;background:var(--landing-black);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.featured-header{text-align:center;margin-bottom:3rem}.featured-title{font-size:2.5rem;font-weight:600;margin-bottom:1rem;line-height:1.2;color:#fff}.title-highlight{color:var(--landing-orange)}.featured-subtitle{font-size:1.1rem;line-height:1.6;color:#a1a1aa;max-width:600px;margin:0 auto;font-weight:400}.featured-subtitle strong{color:var(--landing-orange);font-weight:500}.automations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.automation-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;transition:all .2s ease}.automation-card:hover{background:#ffffff0a;border-color:#ff6b354d;transform:translateY(-2px)}.card-badges{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.card-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:12px;font-weight:500}.badge-popular{background:#ff6b3533;color:var(--landing-orange)}.badge-platform{background:#ffffff1a;color:#a1a1aa}.badge-category{background:#ffffff0d;color:#a1a1aa}.card-content{margin-bottom:1rem}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#fff;line-height:1.3}.card-description{font-size:.9rem;line-height:1.5;color:#a1a1aa;margin-bottom:1rem}.card-metadata{display:flex;align-items:center;justify-content:space-between}.card-time{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#a1a1aa}.card-difficulty{font-size:.8rem;color:var(--landing-orange);font-weight:500}.card-action{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease}.card-action:hover{background:#ffffff0d;border-color:var(--landing-orange);color:var(--landing-orange)}.featured-footer{text-align:center}.footer-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:#fff}.footer-content p{font-size:1rem;color:#a1a1aa;margin-bottom:2rem;font-weight:400}.footer-cta{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;background:var(--landing-orange);color:#fff}.footer-cta:hover{background:#e55a2b;transform:translateY(-1px)}.footer-stats{display:flex;justify-content:center;align-items:center;gap:3rem;margin-top:2rem;opacity:.8}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:1.25rem;font-weight:600;color:#fff}.stat-label{font-size:.8rem;color:#a1a1aa;font-weight:400}@media (max-width: 768px){.featured-automations{padding:4rem 0}.featured-title{font-size:2rem}.automations-grid{grid-template-columns:1fr;gap:1.5rem}.footer-stats{flex-direction:column;gap:1.5rem}}.automation-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.automation-card:hover{transform:translateY(-5px);border-color:#ff6b354d;box-shadow:0 10px 40px #ff6b351a}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.platform-badge{display:flex;align-items:center;gap:8px;background:#ff6b351a;border:1px solid rgba(255,107,53,.2);border-radius:12px;padding:6px 12px}.platform-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.platform-name{color:#ff6b35;font-weight:600;font-size:14px}.card-content{flex:1;margin-bottom:20px}.automation-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px;line-height:1.3}.automation-description{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:0}.card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.automation-tags{display:flex;align-items:center;gap:8px}.difficulty-tag{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:500}.time-tag{color:#fff9;font-size:12px;font-weight:500}.preview-button{background:#ff6b351a;border:1px solid rgba(255,107,53,.3);color:#ff6b35;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.preview-button:hover{background:#ff6b3533;border-color:#ff6b3580;transform:translate(2px)}@media (max-width: 768px){.automation-card{padding:20px}.automation-title{font-size:16px}.automation-description{font-size:13px}.card-footer{flex-direction:column;align-items:stretch}.preview-button{text-align:center}}.automations-testimonials{background:var(--landing-black);padding:6rem 0;position:relative;overflow:hidden}.automations-testimonials:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,107,53,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,140,66,.03) 0%,transparent 50%);pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.badges-section{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:4rem}.testimonials-header{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:540px;margin:0 auto 3rem;text-align:center}.section-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:2rem;margin-bottom:1.5rem}.section-badge span{color:#d1d5db;font-size:.875rem;font-weight:500}.section-title{font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2;tracking:-.025em}.section-description{color:#a1a1aa;font-size:1.125rem;line-height:1.6;margin:0}.testimonials-grid{display:flex;justify-content:center;gap:1.5rem;margin-top:2.5rem;-webkit-mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent);mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent);max-height:740px;overflow:hidden}.automations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-top:2.5rem;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.automations-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}}@media (max-width: 768px){.automations-testimonials{padding:4rem 0}.container{padding:0 1rem}.badges-section{flex-direction:column;gap:1rem;margin-bottom:3rem}.testimonials-header{margin-bottom:2rem}.section-title{font-size:2rem}.section-description{font-size:1rem}.testimonials-grid{gap:1rem;margin-top:2rem}.automations-grid{grid-template-columns:1fr;gap:20px;margin-top:2rem}}@media (max-width: 480px){.automations-testimonials{padding:3rem 0}.section-title{font-size:1.75rem}.badges-section{margin-bottom:2rem}}.pricing-section{padding:4rem 0;background:var(--landing-black);position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--landing-orange-glow) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.05) 0%,transparent 50%);pointer-events:none}.pricing-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.pricing-header h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.pricing-header p{font-size:1.125rem;color:#a1a1aa;max-width:600px;margin:0 auto}.billing-toggle-container{display:flex;justify-content:center;margin:2rem 0}.billing-toggle{display:inline-flex;background-color:#111827;padding:.25rem;border-radius:12px;gap:.25rem}.toggle-btn{position:relative;padding:.75rem 2rem;border:none;background:transparent;color:#9ca3af;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.toggle-btn:hover{color:#e5e7eb}.toggle-btn.active{background:var(--landing-orange);color:#fff;box-shadow:0 2px 8px #ff6b354d}.save-tag{background:#10b981;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:999px;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.save-amount{color:#10b981;font-size:.875rem;font-weight:600;margin-top:.25rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.pricing-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);position:relative;transition:all .4s ease;overflow:visible}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.pricing-card:hover:before{opacity:1}.pricing-card.popular{transform:scale(1.05);border-color:var(--landing-orange-glow);box-shadow:0 20px 60px var(--landing-orange-glow)}.pricing-card.popular:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:linear-gradient(135deg,var(--landing-orange-glow),rgba(255,107,53,.1));z-index:-1}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--landing-orange);color:#fff;padding:.375rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;z-index:10;box-shadow:0 4px 12px #ff6b3566}.card-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.plan-header{text-align:center;margin-bottom:2rem}.plan-name{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.plan-price{margin-bottom:.5rem}.price{font-size:2.5rem;font-weight:800;color:#fff}.currency{font-size:1rem;color:#a1a1aa;margin-left:.25rem}.plan-description{color:#a1a1aa;font-size:.875rem;margin-bottom:1rem}.plan-automations{display:inline-block;background:#ff6b351a;color:var(--landing-orange);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.pricing-card.popular .plan-automations{background:#ff6b3526;color:var(--landing-orange-light)}.plan-features{flex:1;margin-bottom:2rem}.feature{display:flex;align-items:center;margin-bottom:.75rem;color:#d1d5db;font-size:.875rem}.check-icon{width:16px;height:16px;color:var(--landing-orange);margin-right:.5rem;flex-shrink:0}.plan-button{width:100%;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.plan-button.primary{background:var(--landing-orange);color:#fff;box-shadow:0 4px 16px #ff6b354d}.plan-button.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ff6b3566;background:#e55a2b}.plan-button.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.plan-button.secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.plan-button.disabled{background:#ffffff0d;color:#6b7280;border:1px solid rgba(255,255,255,.1);cursor:not-allowed;opacity:.6}.plan-button.disabled:hover{background:#ffffff0d;border-color:#ffffff1a;transform:none}.pricing-footer{text-align:center;margin-top:3rem;position:relative;z-index:1}.pricing-footer p{color:#a1a1aa;font-size:.875rem;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:1rem}.guarantee,.support,.security{display:flex;align-items:center}.separator{color:#cbd5e1;font-weight:300}@media (max-width: 768px){.pricing-section{padding:4rem 0}.pricing-header h2{font-size:2.25rem}.pricing-header p{font-size:1.125rem}.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card{padding:2rem}.pricing-card.popular{transform:none}.pricing-footer p{flex-direction:column;gap:.5rem}.separator{display:none}}@media (max-width: 480px){.pricing-card{padding:1.5rem}.plan-price .price{font-size:2.5rem}.pricing-header h2{font-size:2rem}}.cta-section{padding:5rem 0;background:var(--landing-black);color:#fff;text-align:center}.container{max-width:800px;margin:0 auto;padding:0 2rem}.cta-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.cta-title{font-size:2.5rem;font-weight:600;line-height:1.2;color:#fff;margin:0}.title-accent{color:var(--landing-orange)}.cta-description{font-size:1.1rem;line-height:1.6;color:#a1a1aa;max-width:500px;margin:0;font-weight:400}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;background:var(--landing-orange);color:#fff;margin-top:1rem}.cta-button:hover{background:#e55a2b;transform:translateY(-2px)}.btn-arrow{transition:transform .2s ease;font-size:1.2rem}.cta-button:hover .btn-arrow{transform:translate(3px)}@media (max-width: 768px){.cta-section{padding:4rem 0}.cta-title{font-size:2rem}.cta-button{padding:1rem 2rem;font-size:1rem}}.landing-page{width:100%;min-height:100vh;background:var(--landing-black);color:#fff;overflow-x:hidden}html{scroll-behavior:smooth}.landing-page *{will-change:transform,opacity}.landing-page section{transition:all .3s ease}.landing-page{overflow-x:hidden;position:relative}.landing-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--landing-black);z-index:-1000}.landing-page button{font-family:inherit;outline:none}.landing-page button:focus-visible{box-shadow:0 0 0 3px var(--landing-orange-glow)}@media (max-width: 768px){.landing-page{font-size:14px}}@media (max-width: 480px){.landing-page{font-size:13px}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.landing-nav.scrolled{background:#000000f2;border-bottom-color:#fff3}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.nav-brand{display:flex;align-items:center;text-decoration:none}.brand-logo{height:40px;width:auto}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:#d1d5db;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative}.nav-link:hover{color:#fff}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--landing-orange);transition:width .2s ease}.nav-link:hover:after{width:100%}.nav-auth,.auth-guest,.auth-user{display:flex;align-items:center;gap:.75rem}.nav-button{padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center}.nav-button.secondary{background:transparent;color:#d1d5db;border:1px solid rgba(255,255,255,.2)}.nav-button.secondary:hover{background:#ffffff1a;color:#fff}.nav-button.primary{background:var(--landing-orange);color:#fff}.nav-button.primary:hover{background:#e55a2b;transform:translateY(-1px)}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px}.mobile-menu-toggle span{width:20px;height:2px;background:#fff;transition:all .3s ease}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{color:#d1d5db;text-decoration:none;font-size:1rem;font-weight:500;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:color .2s ease}.mobile-nav-link:hover{color:#fff}.mobile-auth{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-nav-button{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.2);background:transparent;color:#d1d5db;width:100%}.mobile-nav-button:hover{background:#ffffff1a;color:#fff}.mobile-nav-button.primary{background:var(--landing-orange);color:#fff;border-color:var(--landing-orange)}.mobile-nav-button.primary:hover{background:#e55a2b}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.nav-container{padding:1rem}.nav-auth{display:none}}.landing-page .landing-hero{padding-top:40px}@media (prefers-reduced-motion: reduce){.landing-page *,.landing-page *:before,.landing-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.subscription-manager{max-width:1200px;margin:0 auto;padding:24px;background:#0d0d0d;min-height:100vh}.subscription-header{margin-bottom:32px}.subscription-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff}.subscription-header p{margin:0;color:#ffffffb3;font-size:16px}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:15px;animation:slideDown .3s ease-out}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.billing-period-toggle{display:flex;justify-content:center;gap:0;background-color:#f1f5f9;padding:4px;border-radius:8px;margin:24px auto;width:fit-content}.toggle-option{padding:8px 24px;border:none;background:none;color:#64748b;font-size:15px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:8px}.toggle-option:hover{color:#334155}.toggle-option.active{background-color:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.save-badge{background:linear-gradient(135deg,#16a34a,#059669);color:#fff;font-size:11px;padding:2px 8px;border-radius:12px;font-weight:600}.current-subscription{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.current-subscription h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#fff}.subscription-info{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.info-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-label{flex:0 0 200px;font-weight:500;color:#fff9}.info-value{flex:1;color:#fff;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:600;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-trial{background-color:#dbeafe;color:#1e40af}.status-warning{background-color:#fed7aa;color:#c2410c}.status-canceled{background-color:#e5e7eb;color:#374151}.status-error{background-color:#fee2e2;color:#dc2626}.status-free{background-color:#e0f2fe;color:#0277bd}.subscription-actions{display:flex;gap:16px;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-danger{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ff6b3566}.cancellation-notice{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:#fef3c7;border:1px solid #fde68a;color:#92400e;border-radius:8px;font-size:14px}.available-plans{margin-top:48px}.available-plans h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.plan-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;position:relative}.plan-card:hover:not(.current-plan){transform:translateY(-2px);border-color:#ff6b354d}.plan-card.current-plan{border-color:#ff6b35;background:#ff6b350d}.plan-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.plan-header h4{margin:0 0 16px;font-size:24px;font-weight:700;color:#fff}.current-badge{position:absolute;top:-12px;right:-12px;background:#ff6b35;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:36px;font-weight:700;color:#ff6b35}.price-interval{font-size:16px;color:#fff9}.plan-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:16px}.plan-features li{display:flex;align-items:start;gap:12px;color:#fffc;font-size:15px}.plan-features svg{flex-shrink:0;margin-top:2px;color:#10b981}.plan-subscribe-btn{width:100%;justify-content:center}.btn-disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.btn-disabled:hover{background-color:#e5e7eb;transform:none;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.subscription-manager{padding:16px}.current-subscription{padding:20px}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-label{flex:none}.subscription-actions{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.plans-grid{grid-template-columns:1fr}}.service-logo-container{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.service-logo-container.small{width:20px;height:20px}.service-logo-container.medium{width:28px;height:28px}.service-logo-container.large{width:36px;height:36px}.service-logo{width:100%;height:100%;object-fit:contain;border-radius:2px}.service-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:600;font-size:.7rem;border-radius:4px;flex-shrink:0}.service-fallback.small{width:20px;height:20px;font-size:.6rem}.service-fallback.medium{width:28px;height:28px;font-size:.7rem}.service-fallback.large{width:36px;height:36px;font-size:.8rem}.services-logos{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.services-logos .service-logo-container{transition:transform .2s ease}.services-logos .service-logo-container:hover{transform:scale(1.1)}.services-more{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-gray-100);color:var(--color-text-secondary);font-size:.7rem;font-weight:500;border-radius:4px;border:1px solid var(--color-gray-200)}@media (max-width: 768px){.service-logo-container.small{width:18px;height:18px}.service-fallback.small{width:18px;height:18px;font-size:.55rem}}.marketplace-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.marketplace-card:hover{background:#ffffff0d;border-color:#ff6b354d;transform:translateY(-2px)}.card-gradient{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.marketplace-card:hover .card-gradient{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.level-indicator{display:inline-flex;align-items:center;padding:4px 12px;background:#ffffff0d;border:1px solid var(--level-color, rgba(255, 255, 255, .1));border-radius:20px;font-size:12px;color:var(--level-color, #ffffff)}.level-text{font-weight:500}.favorite-btn{background:none;border:none;padding:8px;cursor:pointer;color:#fff9;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.favorite-btn:hover{color:#ff6b35;transform:scale(1.1)}.favorite-btn.active{color:#ff6b35;animation:heartBeat .3s ease}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.card-body{flex:1;display:flex;flex-direction:column}.category-icon{font-size:32px;margin-bottom:12px}.card-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3;display:flex;align-items:center;gap:8px}.node-count{font-size:14px;font-weight:400;color:#fff9;white-space:nowrap}.card-description{font-size:15px;color:#fffc;line-height:1.6;margin-bottom:20px;flex:1;min-height:60px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.services-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.services-row .service-logo{width:24px;height:24px;object-fit:contain;filter:grayscale(.3);transition:filter .3s ease}.marketplace-card:hover .services-row .service-logo{filter:grayscale(0)}.more-services{font-size:12px;color:#fff9;padding:2px 8px;background:#ffffff0d;border-radius:10px}.card-stats{display:flex;gap:16px;margin-bottom:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#fff9}.stat-item svg{width:16px;height:16px;opacity:.7}.card-footer{display:flex;gap:12px;margin-top:auto;padding-top:4px}.btn-secondary,.btn-primary{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3566}.btn-primary.premium-required{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-primary.premium-required:hover{box-shadow:0 4px 12px #fbbf2466}.btn-primary.full-width{width:100%}.premium-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-size:12px;font-weight:600;border-radius:20px;box-shadow:0 2px 8px #fbbf244d}.premium-badge svg{width:16px;height:16px}.marketplace-card.locked{opacity:.8}.marketplace-card.locked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(0,0,0,.2));pointer-events:none}.marketplace-card.premium{border-color:#fbbf244d;background:#fbbf2405}.marketplace-card.premium:hover{border-color:#fbbf2480;background:#fbbf240d}@media (max-width: 768px){.marketplace-card{padding:20px}.card-title{font-size:16px}.card-description{font-size:13px}.card-stats{flex-wrap:wrap;gap:12px}.card-footer{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.marketplace{padding:24px;max-width:1200px;margin:0 auto;background:var(--landing-black);min-height:100vh}.marketplace-header{margin-bottom:32px}.header-content h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.header-content p{font-size:16px;color:#ffffffb3;margin:0 0 20px}.access-summary{display:flex;gap:16px;margin-top:16px}.summary-item{display:flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:8px;min-width:80px}.summary-item.accessible{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.summary-item.locked{background:#ff6b3533;color:var(--landing-orange-bright);border:1px solid rgba(255,107,53,.3)}.summary-item.total{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.summary-item .count{font-size:24px;font-weight:700;line-height:1}.summary-item .label{font-size:12px;font-weight:500;text-transform:uppercase;margin-top:4px}.marketplace-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-form{flex:1;min-width:300px}.search-input-group{position:relative;display:flex}.search-input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px 0 0 8px;font-size:14px;outline:none;transition:all .2s ease;background:#ffffff0d;color:#fff}.search-input::placeholder{color:#ffffff80}.search-input:focus{border-color:var(--landing-orange);box-shadow:0 0 0 3px var(--landing-orange-glow);background:#ffffff14}.search-button{padding:12px 16px;background:var(--landing-gradient-orange);color:#fff;border:1px solid var(--landing-orange);border-radius:0 8px 8px 0;cursor:pointer;transition:all .2s ease;font-weight:600}.search-button:hover{background:var(--landing-orange-light);transform:translateY(-1px);box-shadow:0 4px 12px var(--landing-orange-glow)}.filter-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#ffffffe6}.filter-toggle:hover,.filter-toggle.active{background:#ffffff1a;border-color:var(--landing-orange);color:#fff}.toggle-icon{font-size:16px;font-weight:700}.results-count{font-size:14px;color:#ffffffb3;font-weight:500}.filters-panel{background:#1a1a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:24px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:14px;font-weight:500;color:#ffffffe6}.filter-select{padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.filter-select option{background:var(--landing-black-soft);color:#fff}.filter-select:focus{border-color:var(--landing-orange);box-shadow:0 0 0 3px var(--landing-orange-glow);background:#ffffff14}.filters-actions{display:flex;gap:12px}.marketplace .btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px}.marketplace .btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.marketplace .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.marketplace .btn-primary{background:var(--landing-gradient-orange);color:#fff;font-weight:600;box-shadow:0 4px 12px var(--landing-orange-glow)}.marketplace .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--landing-orange-glow)}.marketplace-content{min-height:400px}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:32px}.marketplace-loading{margin:40px 0}.loading-card{height:320px;border-radius:12px;overflow:hidden}.loading-skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.no-results{display:flex;justify-content:center;align-items:center;min-height:300px;margin:40px 0}.no-results-content{text-align:center;max-width:400px}.no-results-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-results-content h3{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.no-results-content p{font-size:16px;color:#ffffffb3;margin:0 0 20px;line-height:1.5}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}.pagination-btn{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#ffffffe6}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--landing-orange);color:#fff}.pagination-pages{display:flex;gap:4px;margin:0 8px}.pagination-page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:#ffffffe6}.pagination-page:hover{background:#ffffff1a;border-color:var(--landing-orange);color:#fff}.pagination-page.active{background:var(--landing-gradient-orange);border-color:var(--landing-orange);color:#fff;font-weight:600;box-shadow:0 2px 8px var(--landing-orange-glow)}.marketplace-error{display:flex;justify-content:center;align-items:center;min-height:400px;margin:40px 0}.error-content h2{font-size:24px;font-weight:600;color:#dc2626;margin:0 0 12px}.error-content p{font-size:16px;color:#6b7280;margin:0 0 20px}.btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px}@media (max-width: 768px){.marketplace{padding:16px}.header-content h1{font-size:24px}.marketplace-controls{flex-direction:column;align-items:stretch}.search-form{min-width:auto}.access-summary{justify-content:center;flex-wrap:wrap}.filters-grid,.automations-grid,.loading-grid{grid-template-columns:1fr}.pagination{flex-wrap:wrap;gap:4px}.pagination-pages{margin:0 4px}}@media (max-width: 480px){.marketplace{padding:12px}.search-input-group{flex-direction:column}.search-input{border-radius:8px 8px 0 0}.search-button{border-radius:0 0 8px 8px;border-top:none}.filter-toggle{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:1rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.custom-automation-modal{padding:2rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#666;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#f3f4f6;color:#333}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-subtitle{color:#666;font-size:1rem}.custom-automation-form{margin-top:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;margin-bottom:.5rem;color:#333}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.success-message{text-align:center;padding:3rem 2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.success-message h3{font-size:1.5rem;color:#10b981;margin-bottom:.5rem}.success-message p{color:#666}.error-message{background:#fee;color:#ef4444;padding:1rem;border-radius:.5rem;margin-bottom:1rem;text-align:center}.custom-automation-modal .btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.custom-automation-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b354d;background:linear-gradient(135deg,#f7931e,#ff6b35)}.custom-automation-modal .btn-primary:active{transform:translateY(0)}.custom-automation-modal .btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.custom-automation-modal .btn-secondary{background:transparent;color:#666;border:2px solid #e5e7eb;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.custom-automation-modal .btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db;color:#333}.custom-automation-modal button:focus,.custom-automation-modal button:focus-visible{outline:2px solid #FF6B35;outline-offset:2px}.custom-automation-modal button:hover{border-color:transparent}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.custom-automation-modal{padding:1.5rem}.modal-title{font-size:1.5rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.custom-automation-modal .btn-primary,.custom-automation-modal .btn-secondary{width:100%;justify-content:center}}.profile-settings{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;background:#0d0d0d}.profile-header{margin-bottom:2rem}.profile-header h2{font-size:2rem;margin-bottom:.5rem;color:#fff;font-weight:700}.profile-header p{color:#ffffffb3;font-size:1rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.alert-success{background-color:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.alert-error{background-color:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3);box-shadow:0 4px 12px #e74c3c33;animation:slideInDown .3s ease;position:relative;padding-left:3rem}.alert-error:before{content:"⚠️";position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.5rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.shake-animation{animation:shake .6s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.profile-photo-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:12px;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-photo-section h3{font-size:1.25rem;margin-bottom:1.5rem;color:#fff;font-weight:600}.photo-container{display:flex;align-items:flex-start;gap:2rem}.photo-wrapper{position:relative;width:120px;height:120px;cursor:pointer;border-radius:50%;overflow:hidden;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;flex-shrink:0}.photo-wrapper:hover{transform:scale(1.05);border-color:#ff6b3580}.profile-photo{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff}.photo-placeholder svg{width:48px;height:48px;opacity:.9}.photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.photo-wrapper:hover .photo-overlay{opacity:1}.photo-overlay span{color:#fff;font-size:.875rem;font-weight:500}.photo-info{flex:1}.photo-info p{margin:0 0 .25rem;color:#fff;font-size:.875rem;font-weight:500}.photo-info small{color:#fff9;font-size:.75rem}.photo-actions{display:flex;gap:12px;margin-top:16px}.btn-sm{padding:8px 16px!important;font-size:.875rem!important}.profile-form{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:12px;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-section h3{font-size:1.25rem;margin-bottom:1.5rem;color:#fff;font-weight:600}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500;font-size:.875rem}.form-group input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;color:#fff;transition:all .3s ease}.form-group input::placeholder{color:#fff6}.form-group input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3533;background:#ffffff14}.form-hint{display:block;margin-top:.25rem;color:#ffffff80;font-size:.75rem}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.subscription-info{background:#ffffff05;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.subscription-info h3{font-size:1.25rem;margin-bottom:1.5rem;color:#fff;font-weight:600}.subscription-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px}.subscription-details{display:flex;align-items:center;gap:1rem}.subscription-plan{font-size:1.125rem;font-weight:600;color:#fff}.subscription-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.subscription-status.active{background:#27ae6033;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;box-shadow:0 2px 8px #ff6b354d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3566}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media (max-width: 768px){.profile-settings{padding:1rem}.photo-container{flex-direction:column;align-items:center;gap:1.5rem}.photo-info{text-align:center}.photo-actions{justify-content:center}.subscription-card{flex-direction:column;gap:1rem;align-items:stretch}.btn-secondary{text-align:center}.form-actions{justify-content:center}}.favorites{padding:0;min-height:100vh;background:#0d0d0d}.favorites-header{background:linear-gradient(135deg,#ff6b351a,#ff8f530d);border-bottom:1px solid rgba(255,255,255,.1);padding:40px 0;margin-bottom:40px}.favorites-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.favorites-header p{font-size:16px;color:#ffffffb3;margin:0 0 24px}.favorites-stats{display:flex;gap:32px;flex-wrap:wrap}.favorites-content{max-width:1200px;margin:0 auto;padding:0 20px 40px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;animation:fadeIn .5s ease}.favorites-loading{padding:40px 0}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.loading-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;height:400px;overflow:hidden;position:relative}.no-favorites{display:flex;align-items:center;justify-content:center;min-height:400px;padding:60px 20px}.no-favorites-content{text-align:center;max-width:400px}.no-favorites-icon{margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.no-favorites-icon svg{width:64px;height:64px;color:#ff6b3580}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.no-favorites h3{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.no-favorites p{font-size:16px;color:#fff9;line-height:1.6;margin:0 0 24px}.no-favorites .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #ff6b354d}.no-favorites .btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3566}.favorites-error{display:flex;align-items:center;justify-content:center;min-height:400px;padding:60px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.favorites-header{padding:30px 0}.favorites-header h1{font-size:28px}.favorites-stats{gap:16px}.stat-item{flex:1;min-width:140px;padding:12px 16px}.stat-number{font-size:20px}.favorites-grid{grid-template-columns:1fr;gap:20px}.loading-grid{grid-template-columns:1fr}}@media (max-width: 480px){.favorites-header h1{font-size:24px}.favorites-header p{font-size:14px}.stat-item{padding:10px 14px}.stat-item svg{width:20px;height:20px}.stat-number{font-size:18px}.stat-label{font-size:12px}}.download-history{padding:0;min-height:100vh;background:#0d0d0d}.download-history-header{background:linear-gradient(135deg,#ff6b351a,#ff8f530d);border-bottom:1px solid rgba(255,255,255,.1);padding:40px 0;margin-bottom:24px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px}.download-history-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.download-history-header p{font-size:16px;color:#ffffffb3;margin:0 0 24px}.download-stats{display:flex;gap:32px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.stat-item:hover{background:#ffffff14;border-color:#ff6b354d;transform:translateY(-2px)}.stat-item svg{width:24px;height:24px;color:#ff6b35}.stat-number{font-size:24px;font-weight:700;color:#fff}.stat-label{font-size:14px;color:#fff9}.download-filters{max-width:1200px;margin:0 auto 24px;padding:0 20px}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#ffffff14;color:#fff;border-color:#ff6b354d}.filter-btn.active{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;border-color:transparent;box-shadow:0 2px 8px #ff6b354d}.download-history-content{max-width:1200px;margin:0 auto;padding:0 20px 40px}.downloads-list{display:flex;flex-direction:column;gap:16px}.download-item{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.download-item:hover{background:#ffffff0d;border-color:#ff6b354d;transform:translate(4px)}.download-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;flex-shrink:0}.download-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff9;flex-wrap:wrap}.download-platform{padding:2px 8px;background:#ff6b351a;color:#ff6b35;border-radius:4px;font-size:12px;font-weight:500}.download-separator{color:#ffffff4d}.download-date{color:#ffffff80}.download-actions{display:flex;gap:8px}.btn-redownload{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.btn-redownload:hover{background:linear-gradient(135deg,#ff6b35,#ff8e53);border-color:transparent;transform:scale(1.05);box-shadow:0 2px 8px #ff6b354d}.btn-redownload svg{width:20px;height:20px}.download-history-loading{padding:40px 0}.loading-list{display:flex;flex-direction:column;gap:16px}.loading-item{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;height:88px;overflow:hidden;position:relative}.loading-skeleton{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.no-downloads{display:flex;align-items:center;justify-content:center;min-height:400px;padding:60px 20px}.no-downloads-content{text-align:center;max-width:400px}.no-downloads-icon{margin-bottom:24px;animation:float 3s ease-in-out infinite}.no-downloads-icon svg{width:64px;height:64px;color:#ff6b3580}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-downloads h3{font-size:24px;font-weight:600;color:#fff;margin:0 0 12px}.no-downloads p{font-size:16px;color:#fff9;line-height:1.6;margin:0 0 24px}.no-downloads .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #ff6b354d}.no-downloads .btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3566}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}.pagination-btn{padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ff6b354d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:8px}.pagination-page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-page:hover{background:#ffffff1a;border-color:#ff6b354d}.pagination-page.active{background:linear-gradient(135deg,#ff6b35,#ff8e53);border-color:transparent;box-shadow:0 2px 8px #ff6b354d}.download-history-error{display:flex;align-items:center;justify-content:center;min-height:400px;padding:60px 20px}.error-content{text-align:center;max-width:400px}.error-content h2{font-size:24px;font-weight:600;color:#ff6b35;margin:0 0 12px}.error-content p{font-size:16px;color:#ffffffb3;margin:0 0 24px}.error-content .btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.error-content .btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3566}@media (max-width: 768px){.download-history-header{padding:30px 0}.download-history-header h1{font-size:28px}.download-stats{gap:16px}.stat-item{flex:1;min-width:140px;padding:12px 16px}.stat-number{font-size:20px}.download-item{flex-direction:column;align-items:flex-start;gap:16px}.download-icon{align-self:flex-start}.download-actions{align-self:flex-end}}@media (max-width: 480px){.download-history-header h1{font-size:24px}.download-history-header p{font-size:14px}.filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-btn{text-align:center}.download-meta{font-size:12px}.pagination{flex-wrap:wrap}.pagination-pages{order:3;width:100%;justify-content:center;margin-top:12px}}.dashboard{min-height:100vh;background:var(--landing-black);padding-top:60px}.dashboard-nav{background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px;position:sticky;top:60px;z-index:100}.dashboard-nav-container{max-width:1200px;margin:0 auto}.nav-links{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.nav-link{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#ffffffb3;font-weight:500;font-size:14px;transition:all .2s ease;white-space:nowrap;min-width:fit-content;border:1px solid transparent}.nav-link:hover{background:#ffffff0d;color:#fff;border-color:#ffffff1a}.nav-link.active{background:var(--landing-gradient-orange);color:#fff;border-color:var(--landing-orange);box-shadow:0 2px 8px var(--landing-orange-glow)}.nav-icon{font-size:16px}.dashboard-content{padding:40px 0}.dashboard-home{background:var(--landing-black);padding:40px 0}.coming-soon{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:18px;color:#ffffffb3;background:#1a1a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:20px;box-shadow:0 4px 12px #0000004d}.dashboard-container{max-width:1200px;margin:0 auto;padding:0 20px}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--landing-orange);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px var(--landing-orange-glow)}.loading-spinner p{color:#ffffffb3;font-size:16px;margin:0}.dashboard-error{text-align:center;padding:60px 20px}.dashboard-error h2{color:#fff;margin-bottom:12px}.dashboard-error p{color:#ffffffb3;margin-bottom:24px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding:0 0 20px;border-bottom:2px solid rgba(255,255,255,.1)}.dashboard-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 4px}.dashboard-header p{color:#ffffffb3;margin:0;font-size:16px}.subscription-status{text-align:right;padding:16px 20px;border-radius:12px;border:2px solid;min-width:200px}.subscription-status.active{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.subscription-status.trial{background:#a855f71a;border-color:#a855f74d;color:#c084fc}.subscription-status.warning{background:#ef44441a;border-color:#ef44444d;color:#f87171}.subscription-status.free{background:#ffffff0d;border-color:#fff3;color:#ffffffb3}.status-label{font-weight:600;font-size:14px;margin-bottom:4px}.status-description{font-size:12px;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#1a1a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;max-width:100%;overflow:hidden;box-sizing:border-box}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3533;border-color:#ff6b354d}.stat-card.premium{background:linear-gradient(135deg,#ff6b351a,#ff8c4226);border-color:#ff6b354d}.stat-icon{width:56px;height:56px;min-height:56px;max-height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;overflow:hidden}.stat-icon.downloads{background:var(--landing-gradient-orange)}.stat-icon.favorites{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.requests{background:linear-gradient(135deg,var(--landing-orange) 0%,var(--landing-orange-light) 100%)}.stat-icon.notifications{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.viewers{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content{flex:1}.stats-grid .stat-card .stat-icon,.dashboard .stats-grid .stat-card .stat-icon,.dashboard-home .stats-grid .stat-card .stat-icon{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important;min-height:56px!important;max-height:56px!important;flex:0 0 56px!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:56px!important;box-sizing:border-box!important;overflow:hidden!important}.stat-icon svg,.stats-grid .stat-card .stat-icon svg,.dashboard .stats-grid .stat-card .stat-icon svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;min-width:24px!important;min-height:24px!important;flex-shrink:0!important;object-fit:contain!important}.stat-number{font-size:28px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.stat-label{color:#ffffffb3;font-size:14px;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.dashboard-card{background:#1a1a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;margin-bottom:20px}.card-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.view-all{color:var(--landing-orange);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.view-all:hover{color:var(--landing-orange-bright);text-shadow:0 0 8px var(--landing-orange-glow)}.card-content{padding:0 24px 24px}.downloads-list{display:flex;flex-direction:column;gap:12px}.download-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:background-color .2s ease}.download-item:hover{background-color:#ffffff0d}.download-icon{width:36px;height:36px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;flex-shrink:0}.download-info{flex:1;min-width:0}.download-title{font-weight:500;color:#ffffffe6;font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-date{color:#ffffff80;font-size:12px}.download-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff9;margin-top:4px}.download-platform{font-weight:600;color:#ff6b35;background:#ff6b351a;padding:2px 6px;border-radius:4px;font-size:10px}.download-level{color:#ffffffb3}.download-separator{color:#ffffff4d;font-size:10px}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 12px;border-radius:8px;border-left:4px solid}.notification-item.success{background-color:#22c55e1a;border-left-color:#4ade80}.notification-item.error{background-color:#ef44441a;border-left-color:#f87171}.notification-item.warning{background-color:#ff6b351a;border-left-color:var(--landing-orange)}.notification-item.info{background-color:#3b82f61a;border-left-color:#60a5fa}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:#ffffffe6;font-size:14px;margin-bottom:4px}.notification-message{color:#ffffffb3;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-date{color:#ffffff80;font-size:11px}.notification-mark-read{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-mark-read:hover{background-color:#ffffff1a;color:#fffc}.quick-actions{display:flex;flex-direction:column;gap:12px}.quick-action{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:var(--landing-gradient-orange);border:1px solid var(--landing-orange);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.quick-action:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--landing-orange-light) 0%,var(--landing-orange-bright) 100%);opacity:0;transition:opacity .3s ease}.quick-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--landing-orange-glow)}.quick-action:hover:before{opacity:1}.quick-action>*{position:relative;z-index:1}.quick-action.premium{background:linear-gradient(135deg,var(--landing-orange) 0%,var(--landing-orange-light) 100%)}.quick-action.premium:before{background:linear-gradient(135deg,var(--landing-orange-light) 0%,var(--landing-orange-bright) 100%)}.action-icon{width:44px;height:44px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.quick-action.premium .action-icon{color:#fff}.action-content{flex:1}.action-title{font-weight:600;color:#fff;font-size:14px;margin-bottom:2px}.action-description{color:#fffc;font-size:12px}.empty-state{text-align:center;padding:40px 20px;color:#fff9}.empty-state p{margin:0;font-size:14px}.subscription-section{margin-top:40px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:var(--landing-gradient-orange);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px var(--landing-orange-glow)}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--landing-orange-light) 0%,var(--landing-orange-bright) 100%);opacity:0;transition:opacity .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--landing-orange-glow)}.btn-primary:hover:before{opacity:1}.btn-primary>*{position:relative;z-index:1}.btn-secondary{background:transparent;color:var(--landing-orange);border:2px solid var(--landing-orange);padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ff6b351a;transform:translateY(-1px);box-shadow:0 4px 12px var(--landing-orange-glow)}@media (max-width: 768px){.dashboard{padding:20px 0}.dashboard-container{padding:0 16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.dashboard-header h1{font-size:28px}.subscription-status{width:100%;text-align:left;min-width:auto}.stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.stat-card{padding:20px}.dashboard-grid{grid-template-columns:1fr;gap:20px}.card-header{padding:20px 20px 0}.card-content{padding:0 20px 20px}.download-item,.notification-item,.quick-action{padding:16px 12px}.subscription-section{margin-top:30px}}@media (max-width: 480px){.dashboard-container{padding:0 12px}.stats-grid{gap:12px}.stat-card{padding:16px;gap:12px}.stat-number{font-size:24px}.subscription-section{margin-top:20px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e2e,#2a2a3e);padding:2rem}.auth-container{width:100%;max-width:420px}.auth-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:.5rem}.auth-header p{color:#9ca3af;font-size:.875rem}.auth-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#e5e7eb;font-size:.875rem;font-weight:500}.form-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1rem;transition:all .2s ease}.form-group input::placeholder{color:#6b7280}.form-group input:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.form-group input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem}.auth-submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.auth-footer p{color:#9ca3af;font-size:.875rem}.auth-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{color:#60a5fa;text-decoration:underline}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ffffff1a;transform:translateY(-50%)}.auth-divider span{position:relative;padding:0 1rem;background-color:#1e1e2e80;color:#9ca3af;font-size:.875rem}:root{--primary-gradient: linear-gradient(135deg, #ff6b35 0%, #ff8e53 100%);--secondary-gradient: linear-gradient(135deg, #ff8c42 0%, #ffa726 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--landing-gradient-primary: linear-gradient(135deg, #0a0a0a 0%, #ff6b35 100%);--landing-gradient-secondary: linear-gradient(135deg, #ff6b35 0%, #1a1a1a 100%);--landing-gradient-orange: linear-gradient(45deg, #ff6b35 0%, #ff8c42 50%, #ffa726 100%);--landing-gradient-dark: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--landing-gradient-glow: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);--color-primary: #ff6b35;--color-secondary: #ff8e53;--color-accent: #f093fb;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--landing-black: #0a0a0a;--landing-black-soft: #1a1a1a;--landing-black-light: #2a2a2a;--landing-orange: #ff6b35;--landing-orange-light: #ff8c42;--landing-orange-bright: #ffa726;--landing-orange-glow: rgba(255, 107, 53, .3);--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-800: #1f2937;--color-gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%}body{margin:0;padding:0;width:100%;min-height:100vh;font-family:var(--font-family);line-height:1.6;color:var(--color-text-primary);background:var(--color-gray-50);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.header-logo a{text-decoration:none;color:var(--color-text-primary)}.header-logo h1{font-size:1.75rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.header-nav{display:flex;align-items:center;gap:2rem}.header-nav a{text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:.95rem;transition:color .2s ease}.header-nav a:hover{color:var(--color-primary)}.header-auth{display:flex;align-items:center;gap:1rem}.auth-buttons{display:flex;align-items:center;gap:.75rem}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-gray-200);padding:.5rem 1rem;font-size:.9rem}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);transform:none;box-shadow:none}.btn-primary{padding:.5rem 1rem;font-size:.9rem}.app-main{flex:1;margin-top:72px}.container{width:100%;max-width:none;margin:0;padding:0 2rem;box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;gap:.5rem;font-family:inherit}.btn-primary{background:var(--primary-gradient);color:var(--color-white)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary-gradient);color:var(--color-white)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-full{width:100%;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.loading{opacity:.6;pointer-events:none}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{background:#10b9811a;color:#047857;padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center;font-weight:500}.cancel-note{text-align:center;color:var(--color-text-light);font-size:.85rem;margin-top:1rem}@media (max-width: 768px){.container{padding:0 1rem}.header-container{padding:0 1rem;height:60px}.header-logo h1{font-size:1.5rem}.header-nav{display:none}.auth-buttons{gap:.5rem}.btn-secondary,.btn-primary{padding:.4rem .8rem;font-size:.85rem}}@media (max-width: 480px){.header-container{padding:0 .75rem}.header-logo h1{font-size:1.25rem}.auth-buttons{flex-direction:column;gap:.25rem}.btn-secondary,.btn-primary{padding:.35rem .7rem;font-size:.8rem;min-width:80px}}.catalog-page{background:var(--landing-black);color:#fff;min-height:100vh;padding-top:80px}.catalog-page #catalog{background:transparent}.catalog-page .benefits{background:var(--landing-black);color:#fff}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}