.mt-10{margin-top:2rem}.text-center{text-align:center}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)}.container{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md);display:flex;flex-direction:column;min-height:100vh}.header{text-align:center;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-xl)}.logo{max-width:280px;width:100%;height:auto;display:block;margin:0 auto}.main-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:var(--spacing-xl)}.title{font-size:2rem;font-weight:600;color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-sm);line-height:1.2}.subtitle{font-size:1.125rem;color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-xl);line-height:1.5}.how-it-works{background-color:#fff;border:2px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg);margin:var(--spacing-lg) auto;max-width:500px}.how-it-works-title{font-size:1.5rem;font-weight:600;color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-md)}.how-it-works-list{list-style:none;padding:0;margin:0}.how-it-works-list li{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-md);padding-left:1.75rem;position:relative}.how-it-works-list li:last-child{margin-bottom:0}.how-it-works-list li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:1.25rem}.form{width:100%;max-width:400px;margin:0 auto}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-group{flex:1}.label{display:block;font-size:.9375rem;font-weight:500;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-background);color:var(--color-text);transition:border-color .3s ease,box-shadow .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #f78da71a}.input::placeholder{color:#999}.button{width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.button-active{background-color:var(--color-primary);color:#fff}.button-active:hover{background-color:#1a1e21;transform:translateY(-1px);box-shadow:0 4px 12px #32373c4d}.button-active:active{transform:translateY(0);box-shadow:0 2px 6px #32373c4d}.button-disabled{background-color:#d0d0d0;color:#888;cursor:not-allowed}.tagline{text-align:center;font-size:1rem;color:var(--color-accent);font-weight:500;margin-top:var(--spacing-xl);font-style:italic}@media (max-width: 480px){.container{padding:var(--spacing-sm)}.title{font-size:1.75rem}.subtitle{font-size:1rem}.logo{max-width:240px}.button{font-size:1rem;padding:.875rem 1.5rem}.how-it-works{padding:var(--spacing-md)}.how-it-works-title{font-size:1.25rem}.how-it-works-list li{font-size:.9375rem}.share-options{gap:var(--spacing-sm)}.share-option{min-height:100px;padding:var(--spacing-md)}.share-icon{width:40px;height:40px}.share-icon svg{width:24px;height:24px}.share-label{font-size:.875rem}}.share-button-native{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.share-button-native svg{stroke-width:2.5}.share-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0;max-width:400px;width:100%;margin-left:auto;margin-right:auto}.share-option{background-color:#fff;border:2px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent;min-height:120px}.share-option:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-option:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.share-option:hover .share-icon{transform:scale(1.1)}.sms-icon{background-color:#e3f2fd;color:#1976d2}.whatsapp-icon{background-color:#e8f5e9;color:#25d366}.email-icon{background-color:#fff3e0;color:#f57c00}.copy-icon{background-color:#f3e5f5;color:#7b1fa2;transition:all .3s ease}.copy-icon.copied{background-color:#e8f5e9;color:#4caf50;animation:successPulse .4s ease}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.share-label{font-size:.9375rem;font-weight:600;color:var(--color-text);text-align:center;transition:color .3s ease}.button-secondary{background-color:transparent;color:var(--color-text);border:2px solid var(--color-border);margin-top:var(--spacing-lg)}.button-secondary:hover{background-color:var(--color-border);border-color:var(--color-text-light)}@media (hover: none) and (pointer: coarse){.input{font-size:16px}.button-active:hover{transform:none}.button-active:active{background-color:#1a1e21}.share-option:hover{transform:none;box-shadow:none}.share-option:active{background-color:#f5f5f5;border-color:var(--color-accent)}.share-option:hover .share-icon{transform:none}}@media (max-height: 600px) and (orientation: landscape){.header{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md)}.logo{max-width:200px}.main-content{padding-bottom:var(--spacing-md)}.form-row{margin-bottom:var(--spacing-md)}.share-options{grid-template-columns:repeat(4,1fr);margin:var(--spacing-md) 0}.share-option{min-height:80px;padding:var(--spacing-sm)}.share-icon{width:36px;height:36px}.share-button-native{margin-bottom:var(--spacing-md)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0 40%,#f0f0f0);background-size:400px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px;margin:0 auto}.skeleton-title{height:2.4rem;width:90%;margin-bottom:var(--spacing-sm);max-width:400px}.skeleton-subtitle{height:1.125rem;width:75%;margin-bottom:var(--spacing-xl);max-width:350px}.skeleton-title-small{height:2rem;width:60%;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);max-width:300px}.skeleton-button{height:3.25rem;width:100%;max-width:400px;border-radius:9999px;margin-bottom:var(--spacing-lg)}.skeleton-button-secondary{height:3.25rem;width:100%;max-width:400px;border-radius:9999px;margin-top:var(--spacing-lg)}.skeleton-tagline{height:1rem;width:60%;margin-top:var(--spacing-xl);max-width:300px}.skeleton-share-option{background:transparent;border:2px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:120px}.skeleton-share-icon{width:48px;height:48px;border-radius:50%}.skeleton-share-label{width:80%;height:.9375rem}@media (max-width: 480px){.skeleton-share-option{min-height:100px;padding:var(--spacing-md)}.skeleton-share-icon{width:40px;height:40px}}@media (max-height: 600px) and (orientation: landscape){.skeleton-share-option{min-height:80px;padding:var(--spacing-sm)}.skeleton-share-icon{width:36px;height:36px}}.mb-0{margin-bottom:0}.mb-12px{margin-bottom:.75rem}.mt-0{margin-top:0}.mt-5{margin-top:1rem}.how-it-works-button{background-color:transparent;color:#e65580;border:none;border-bottom:2px solid #e65580;border-radius:0;padding:.25rem .5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0 auto var(--spacing-lg);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.how-it-works-button:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.how-it-works-button:active{opacity:.7}.how-it-works-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:16px;padding:var(--spacing-xl);max-width:500px;width:100%;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;color:var(--color-text);-webkit-tap-highlight-color:transparent}.modal-close:hover{background-color:#f0f0f0}.modal-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-title{font-size:1.75rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-lg);padding-right:var(--spacing-xl)}.modal-list{list-style:none;padding:0;margin:0}.modal-list li{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-md);padding-left:1.75rem;position:relative}.modal-list li:last-child{margin-bottom:0}.modal-list li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:1.25rem}@media (max-width: 480px){.modal-content{padding:var(--spacing-lg)}.modal-title{font-size:1.5rem}.modal-list li,.how-it-works-button{font-size:.9375rem}}@media (hover: none) and (pointer: coarse){.how-it-works-button:hover{color:#e65580;border-bottom-color:#e65580}.how-it-works-button:active{opacity:.7}}.grecaptcha-badge{visibility:hidden}.recaptcha-notice{text-align:center;font-size:.75rem;color:#888;margin-top:var(--spacing-md);line-height:1.4}.recaptcha-notice a{color:#888;text-decoration:underline;transition:text-decoration .2s ease}.recaptcha-notice a:hover{color:var(--color-text);text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #32373c;--color-accent: #f78da7;--color-background: #ffffff;--color-text: #333333;--color-text-light: #666666;--color-border: #e0e0e0;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}