:root{--bg-body: #050508;--bg-primary: rgba(15, 15, 21, .6);--bg-secondary: rgba(22, 22, 31, .4);--bg-card: rgba(26, 26, 38, .6);--bg-card-hover: rgba(34, 34, 47, .8);--bg-input: rgba(18, 18, 26, .6);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .2);--border-focus: rgba(255, 138, 76, .6);--text-primary: #f0f0f5;--text-secondary: #8e8ea0;--text-muted: #55556a;--accent: #ff8a4c;--accent-hover: #ff9d66;--accent-gradient: linear-gradient(135deg, #ff6b35, #ff8a4c, #ffab76);--accent-glow: rgba(255, 138, 76, .12);--accent-glow-strong: rgba(255, 138, 76, .25);--success: #4ade80;--error: #f87171;--warning: #fbbf24;--twitter: #1d9bf0;--linkedin: #0a66c2;--facebook: #1877f2;--instagram: #e4405f;--threads: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--max-width: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}body:before,body:after{content:"";position:fixed;width:60vw;height:60vh;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.4;pointer-events:none;animation:ambientFloat 20s infinite alternate ease-in-out}body:before{top:-10%;left:-10%;background:radial-gradient(circle,rgba(255,107,53,.15) 0%,transparent 70%)}body:after{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(255,171,118,.1) 0%,transparent 70%);animation-delay:-10s}@keyframes ambientFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,10%) scale(1.1)}to{transform:translate(-5%,-5%) scale(.95)}}.hidden{display:none!important}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px #ff6b3540}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ff6b3559}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-hover)}.btn-outline:hover{border-color:var(--accent);background:var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary)}.btn-lg{padding:14px 32px;font-size:16px;border-radius:var(--radius-lg)}.btn-sm{padding:8px 14px;font-size:13px}.btn-full{width:100%}.btn-link{background:none;border:none;color:var(--accent);font-family:inherit;font-size:inherit;font-weight:600;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#08080c80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.nav-logo-icon{font-size:22px}.nav-logo-text{font-size:20px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition)}.nav-link:hover{color:var(--text-primary)}.nav-actions{display:flex;gap:8px}.nav-user{display:flex;align-items:center;gap:12px}.avatar-menu{position:relative}.avatar-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--accent);background:var(--bg-card);color:var(--accent);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.avatar-btn:hover{background:var(--accent-glow)}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;z-index:100}.dropdown-header{padding:8px 12px;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.pro-badge{display:inline-block;background:var(--accent-gradient);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.dropdown-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.dropdown-item{display:block;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition)}.dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dropdown-item.danger:hover{color:var(--error)}.hero{position:relative;padding:160px 0 100px;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,53,.12) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-block;padding:6px 16px;background:var(--accent-glow);border:1px solid rgba(255,138,76,.2);border-radius:100px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:24px}.hero-title{font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}.hero-subtitle{font-size:clamp(16px,2vw,19px);color:var(--text-secondary);max-width:560px;margin:0 auto 32px;line-height:1.6}.hero-cta{margin-bottom:48px}.hero-price{margin-top:12px;font-size:14px;color:var(--text-muted)}.hero-platforms{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.platform-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:500;transition:all var(--transition)}.platform-pill:hover{border-color:var(--border-hover);transform:translateY(-2px)}.platform-pill.twitter{color:var(--twitter)}.platform-pill.linkedin{color:var(--linkedin)}.platform-pill.facebook{color:var(--facebook)}.platform-pill.instagram{color:var(--instagram)}.platform-pill.threads{color:var(--threads)}.section{padding:100px 0}.section-dark{background:var(--bg-primary)}.section-title{text-align:center;font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.section-subtitle{text-align:center;font-size:16px;color:var(--text-secondary);margin-bottom:48px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{position:relative;padding:32px 24px;background:var(--bg-secondary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-slow);box-shadow:var(--shadow-sm)}.step-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff1a,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.step-card:hover{border-color:var(--border-hover);transform:translateY(-8px);box-shadow:0 16px 40px #00000080,0 0 20px #ff8a4c1a}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-gradient);color:#fff;font-size:13px;font-weight:700;border-radius:50%}.step-icon{font-size:36px;margin-bottom:12px}.step-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.step-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{position:relative;padding:28px;background:var(--bg-secondary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-slow);box-shadow:var(--shadow-sm)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1a,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 16px 40px #00000080,0 0 20px #ff8a4c1a}.feature-icon{font-size:28px;margin-bottom:12px}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:6px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}.pricing-card{position:relative;padding:32px;background:var(--bg-secondary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-slow);box-shadow:var(--shadow-sm)}.pricing-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff26,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000080,0 0 20px #ff8a4c1a}.pricing-card.popular{border-color:var(--accent);box-shadow:0 0 40px #ff6b3526,0 16px 40px #00000080}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--accent-gradient);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;white-space:nowrap}.pricing-tier{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.pricing-price{font-size:48px;font-weight:900;letter-spacing:-.03em}.pricing-period{font-size:14px;color:var(--text-muted);margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}.pricing-features li{font-size:14px;color:var(--text-secondary)}.pricing-features li.muted{color:var(--text-muted)}.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-item summary{padding:16px 20px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;transition:color var(--transition)}.faq-item summary:hover{color:var(--accent)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 20px 16px;font-size:14px;color:var(--text-secondary);line-height:1.6}.cta-section{text-align:center;padding:120px 0;background:radial-gradient(ellipse at center bottom,rgba(255,107,53,.08) 0%,transparent 60%)}.cta-title{font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.02em;margin-bottom:12px}.cta-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.footer{padding:32px 0;border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:8px}.footer-copy{font-size:13px;color:var(--text-muted)}.app-container{max-width:640px;margin:0 auto;padding:96px 24px 48px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-header h2{font-size:24px;font-weight:800}.app-usage{font-size:13px;color:var(--text-muted);padding:4px 12px;background:var(--bg-card);border-radius:100px}.compose-card{position:relative;background:var(--bg-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-md)}.compose-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1f,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.compose-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}.compose-box:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.compose-box textarea{width:100%;padding:16px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:15px;line-height:1.5;resize:none;outline:none}.compose-box textarea::placeholder{color:var(--text-muted)}.compose-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--border)}.media-actions{display:flex;gap:4px}.media-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-card);color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.media-btn:hover{background:var(--bg-card-hover);color:var(--accent)}.char-count{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.char-count .over-limit{color:var(--error);font-weight:600}.media-preview{display:flex;gap:8px;flex-wrap:wrap}.media-preview.hidden{display:none}.media-thumb{position:relative;width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb .remove-media{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#000000bf;color:#fff;border:none;border-radius:50%;font-size:13px;cursor:pointer;opacity:0;transition:opacity var(--transition)}.media-thumb:hover .remove-media{opacity:1}.customize-toggle{display:flex;align-items:center;justify-content:space-between}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-switch{position:relative;width:36px;height:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;transition:all var(--transition);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:all var(--transition)}.toggle-label input:checked~.toggle-switch{background:var(--accent);border-color:var(--accent)}.toggle-label input:checked~.toggle-switch:after{left:18px;background:#fff}.toggle-text{font-weight:500}.copy-all-btn{font-size:12px!important;color:var(--accent)!important;gap:4px}.copy-all-btn:hover{text-decoration:underline}.copy-all-btn.hidden{display:none}.platform-editors{display:flex;flex-direction:column;gap:8px;animation:slideDown .25s ease-out}.platform-editors.hidden{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.platform-editor{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition)}.platform-editor:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-glow)}.platform-editor-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:#ffffff03}.platform-editor-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-primary)}.pe-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.pe-char-count{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.pe-char-count .pe-over{color:var(--error);font-weight:600}.platform-editor textarea{width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.5;resize:none;outline:none}.platform-editor textarea::placeholder{color:var(--text-muted)}.platforms-section{display:flex;flex-direction:column;gap:10px}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.platform-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.platform-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);position:relative}.platform-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.platform-card input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.platform-card:has(input:checked){border-color:var(--accent);background:var(--accent-glow)}.platform-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:transform var(--transition)}.platform-card input:checked~.platform-icon{transform:scale(1.1)}.platform-icon.twitter{color:var(--twitter)}.platform-icon.linkedin{color:var(--linkedin)}.platform-icon.facebook{color:var(--facebook)}.platform-icon.instagram{color:var(--instagram)}.platform-icon.threads{color:var(--threads)}.platform-name{font-size:11px;font-weight:500;color:var(--text-secondary)}.platform-card:has(input:checked) .platform-name{color:var(--text-primary)}.platform-check{position:absolute;top:4px;right:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-size:10px;font-weight:700;opacity:0;transform:scale(.5);transition:all var(--transition)}.platform-card:has(input:checked) .platform-check{opacity:1;transform:scale(1)}.sling-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:none;background:var(--accent-gradient);color:#fff;font-family:inherit;font-size:16px;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);box-shadow:0 4px 16px #ff6b354d;position:relative;overflow:hidden}.sling-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--transition)}.sling-btn:hover:not(:disabled):before{opacity:1}.sling-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ff6b3566}.sling-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.status-area{display:flex;flex-direction:column;gap:6px}.status-area.hidden{display:none}.status-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-item.success{color:var(--success)}.status-item.error{color:var(--error)}.status-item.info{color:var(--twitter)}.history-section{margin-top:32px}.history-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.history-item{padding:14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.history-text{font-size:13px;color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.history-platforms{display:flex;gap:4px}.history-platform-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);font-size:13px;padding:32px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg);position:relative;animation:scaleIn .25s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card-hover);border:none;color:var(--text-secondary);font-size:18px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-title{font-size:24px;font-weight:800;margin-bottom:4px}.modal-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{background:#f871711a;border:1px solid rgba(248,113,113,.4);color:var(--error);padding:12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group input{padding:12px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;transition:all var(--transition)}.form-group input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-muted)}.auth-divider{text-align:center;position:relative;margin:16px 0}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border)}.auth-divider span{position:relative;background:var(--bg-card);padding:0 12px;font-size:12px;color:var(--text-muted)}.google-btn svg{flex-shrink:0}.auth-switch{margin-top:16px;text-align:center;font-size:13px;color:var(--text-muted)}.upgrade-icon{font-size:40px;text-align:center;margin-bottom:12px}.upgrade-price{text-align:center;margin:16px 0}.price-amount{font-size:48px;font-weight:900}.price-period{font-size:16px;color:var(--text-muted)}.upgrade-features{list-style:none;margin-bottom:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text-secondary)}.upgrade-note{margin-top:12px;text-align:center;font-size:12px;color:var(--text-muted)}@media(max-width:768px){.nav-links{display:none}.hero{padding:120px 0 60px}.steps-grid{grid-template-columns:1fr;gap:16px}.features-grid,.pricing-grid{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(3,1fr)}.footer-inner{flex-direction:column;gap:12px;text-align:center}}@media(max-width:480px){.platform-grid{grid-template-columns:repeat(3,1fr)}.hero-platforms{gap:8px}.platform-pill{padding:6px 12px;font-size:12px}.modal{padding:24px}}.slingshot-container{position:fixed;bottom:20px;left:-120px;width:100px;height:120px;z-index:50;pointer-events:none;animation:slingshotPass 20s infinite ease-in-out}.slingshot-svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.band-back,.band-front,.pouch,.projectile{transform-origin:45px 15px;animation:slingshotDraw 20s infinite}.flying-projectile{position:absolute;top:15px;left:45px;width:16px;height:16px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent),0 0 32px var(--accent);opacity:0;animation:projectileShoot 20s infinite}@keyframes slingshotPass{0%{transform:translate(0) scale(.8)}10%{transform:translate(20vw) scale(1)}40%{transform:translate(20vw) scale(1)}50%{transform:translate(20vw) scale(1)}60%{transform:translate(120vw) scale(1.1)}to{transform:translate(120vw) scale(1.1)}}@keyframes slingshotDraw{0%,10%{transform:translate(0)}35%{transform:translate(-30px,30px)}40%{transform:translate(-35px,35px)}41%{transform:translate(10px,-10px)}45%,to{transform:translate(0)}}@keyframes projectileShoot{0%,40%{opacity:0;transform:translate(0) scale(1)}41%{opacity:1;transform:translate(10px,-10px) scale(1)}45%{opacity:1;transform:translate(80vw,-30vh) scale(1.5)}46%,to{opacity:0;transform:translate(80vw,-30vh) scale(1.5)}}