:root{--color-primary: #6B3A2B;--color-primary-light: #8B5A4B;--color-primary-dark: #4A2820;--color-secondary: #F5EDE8;--color-accent: #C4846C;--color-accent-hover: #B5736B;--color-background: #FFFBF8;--color-surface: #FFFFFF;--color-text: #2D2420;--color-text-muted: #6B5B55;--color-text-light: #9A8B85;--color-error: #C45B5B;--color-success: #5B8B6B;--color-border: #E8DDD6;--focus-ring: 0 0 0 3px rgba(107, 58, 43, .4);--focus-ring-offset: 0 0 0 2px var(--color-surface);--font-display: "Lora", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(45, 36, 32, .06);--shadow-md: 0 4px 12px rgba(45, 36, 32, .08);--shadow-lg: 0 8px 24px rgba(45, 36, 32, .12);--shadow-xl: 0 16px 48px rgba(45, 36, 32, .16);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-modal: 30;--z-overlay: 50;--touch-target-min: 44px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-background);min-height:100vh}:focus-visible{outline:none;box-shadow:var(--focus-ring-offset),var(--focus-ring)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.2;color:var(--color-text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-md)}.container{width:100%;max-width:480px;margin:0 auto;padding:var(--space-lg)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1;min-height:var(--touch-target-min);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring-offset),var(--focus-ring),var(--shadow-md)}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 100%)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-secondary);color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:1.1rem;padding:var(--space-lg) var(--space-2xl)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-group{margin-bottom:var(--space-lg)}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.input{width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:var(--color-secondary);border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px #c4a48426}.input::placeholder{color:var(--color-text-light)}.input-error{border-color:var(--color-error)}.error-text{color:var(--color-error);font-size:.875rem;margin-top:var(--space-sm)}.upload-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:200px;padding:var(--space-2xl);background:var(--color-secondary);border:2px dashed var(--color-primary-light);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.upload-area:hover{border-color:var(--color-primary);background:#c4a48414}.upload-area.dragging{border-color:var(--color-primary);background:#c4a48426;transform:scale(1.02)}.upload-icon{width:48px;height:48px;color:var(--color-primary)}.upload-text{text-align:center;color:var(--color-text-muted)}.upload-text strong{color:var(--color-primary)}.preview-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.preview-image{width:100%;height:auto;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary-light) 50%,var(--color-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.spinner{width:24px;height:24px;border:3px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fdfcfbf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.processing-content{text-align:center;max-width:320px;padding:var(--space-xl)}.processing-rings{position:relative;width:120px;height:120px;margin:0 auto var(--space-xl)}.processing-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1.5s linear infinite}.processing-ring:nth-child(2){top:10px;right:10px;bottom:10px;left:10px;border-top-color:var(--color-primary-light);animation-duration:2s;animation-direction:reverse}.processing-ring:nth-child(3){top:20px;right:20px;bottom:20px;left:20px;border-top-color:var(--color-accent);animation-duration:2.5s}.education-bite{margin-top:var(--space-2xl);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeIn .5s ease-out}.education-bite h4{font-family:var(--font-display);font-size:1.1rem;margin-bottom:var(--space-sm);color:var(--color-primary-dark)}.education-bite p{font-size:.9rem;color:var(--color-text-muted);margin:0}.slider-container{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);touch-action:none}.slider-images{position:relative;width:100%;aspect-ratio:3/4}.slider-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slider-image.before{clip-path:inset(0 50% 0 0)}.slider-divider{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff;box-shadow:var(--shadow-lg);transform:translate(-50%);cursor:ew-resize}.slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.slider-labels{display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-label{font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.artist-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.artist-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-md);border:3px solid white}.artist-info h1{font-size:1.5rem;margin-bottom:var(--space-xs)}.artist-info p{font-size:.9rem;color:var(--color-text-muted);margin:0}.success-screen{text-align:center}.success-screen h2{margin-bottom:var(--space-sm)}.success-screen .subtitle{color:var(--color-text-muted);margin-bottom:var(--space-2xl)}.waitlist-card{text-align:center;padding:var(--space-2xl)}.waitlist-icon{width:64px;height:64px;margin:0 auto var(--space-lg);color:var(--color-primary)}@media (max-width: 480px){.container{padding:var(--space-md)}h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:var(--space-lg);border-radius:var(--radius-lg)}.artist-header{flex-direction:column;text-align:center}}.landing-page{background:var(--color-background);min-height:100vh}.landing-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.nav-content{max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text)}.logo-icon{font-size:1.5rem}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--color-primary)}.btn-sm{padding:var(--space-sm) var(--space-md);min-height:36px;font-size:.875rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-lg);align-items:center}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:var(--space-lg)}.text-accent{color:var(--color-accent)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:var(--space-xl);line-height:1.6}.hero-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.hero-input{flex:1;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:1rem;min-height:var(--touch-target-min)}.hero-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.hero-note{color:var(--color-text-light);font-size:.875rem}.hero-success{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.success-icon{font-size:1.5rem}.hero-visual{display:flex;justify-content:center}.phone-mockup{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-lg);width:280px}.mockup-screen{background:var(--color-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);min-height:320px;display:flex;flex-direction:column}.mockup-header{margin-bottom:var(--space-lg)}.artist-badge{background:var(--color-surface);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;display:inline-block}.mockup-slider{flex:1;background:linear-gradient(90deg,var(--color-primary-light) 50%,var(--color-accent) 50%);border-radius:var(--radius-md);position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md)}.before-label,.after-label{background:#ffffffe6;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.slider-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#fff}.mockup-cta{background:var(--color-accent);color:#fff;text-align:center;padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-lg);font-weight:500}.section-content{max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.section-title{font-size:2.5rem;text-align:center;margin-bottom:var(--space-md)}.section-subtitle{font-size:1.25rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-2xl)}.problem-section{background:var(--color-secondary)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.problem-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.problem-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.problem-card h3{font-size:1.125rem;margin-bottom:var(--space-sm)}.problem-card p{color:var(--color-text-muted);font-size:.875rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.step-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);position:relative}.step-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600}.step-icon{font-size:2.5rem;margin:var(--space-md) 0}.step-card h3{font-size:1.125rem;margin-bottom:var(--space-sm)}.step-card p{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.pricing-section{background:var(--color-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);max-width:800px;margin:0 auto}.pricing-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);border:2px solid transparent}.pricing-card.featured{border-color:var(--color-accent);transform:scale(1.05)}.pricing-badge{display:inline-block;background:var(--color-secondary);color:var(--color-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-md)}.pricing-badge.accent{background:var(--color-accent);color:#fff}.pricing-amount{font-size:3rem;font-weight:700;font-family:var(--font-display);color:var(--color-primary)}.pricing-period{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-xl);text-align:left}.pricing-features li{padding:var(--space-sm) 0;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.pricing-note{text-align:center;color:var(--color-text-light);margin-top:var(--space-xl);font-size:.875rem}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;text-align:center}.cta-section .section-content{padding:var(--space-3xl)}.cta-title{color:#fff;font-size:2.5rem;margin-bottom:var(--space-md)}.cta-subtitle{color:#fffc;font-size:1.25rem;margin-bottom:var(--space-xl)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:1.125rem}.landing-footer{background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-content{max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-lg);text-align:center}.footer-brand{font-family:var(--font-display);font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--space-sm)}.footer-content p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.footer-links{display:flex;justify-content:center;gap:var(--space-xl)}.footer-links a{color:var(--color-text-muted);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}@media (max-width: 768px){.hero{grid-template-columns:1fr;text-align:center;padding:var(--space-xl) var(--space-md)}.hero-title{font-size:2.5rem}.hero-form{flex-direction:column}.hero-visual{order:-1}.phone-mockup{width:240px}.problem-grid,.steps-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.nav-links a:not(.btn){display:none}}
