*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:#fafafa;color:#333;line-height:1.6}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.content{text-align:center;max-width:600px;width:100%}.title{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo{height:300px;width:auto;margin-bottom:1rem}.title-underline{width:60px;height:4px;background-color:#00bfff;margin:.5rem auto 0}.subtitle{font-size:1.5rem;font-weight:500;color:#1f2937;margin-bottom:1.5rem;line-height:1.4}.phone-input{position:absolute;left:-9999px;opacity:0;pointer-events:none}.description{font-size:1.1rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.form-group{display:flex;flex-direction:column;gap:.5rem;max-width:400px;margin:0 auto}.name-input,.email-input{width:100%;padding:1rem 1.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;background-color:#fff;outline:none}.name-input::placeholder,.email-input::placeholder{color:#9ca3af}.submit-button{width:100%;padding:1rem 2rem;background-color:#00bfff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background-color:#0072bb}.footer-text{color:#9ca3af;font-size:.9rem}.footer-text a{color:#00bfff;text-decoration:none}.footer-text a:hover{text-decoration:underline}.error-section{margin-top:1rem;text-align:center}.success-message{color:#16a34a;font-weight:600;font-size:1.1rem;margin:0;padding:.75rem;background-color:#f0fdf4;border:2px solid #16a34a;border-radius:8px}.error-message{color:#dc2626;font-weight:600;font-size:1.1rem;margin:0;padding:.75rem;background-color:#fef2f2;border:2px solid #dc2626;border-radius:8px}@media (max-width: 768px){.logo{height:200px}.subtitle{font-size:1.25rem}.description{font-size:1rem}.form-group{gap:.5rem}.name-input,.email-input,.submit-button{border-radius:8px}}@media (max-width: 480px){.container{padding:1rem}.logo{height:150px}.subtitle br,.description br{display:none}}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;margin-top:1.5rem;background-color:transparent;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.share-button:hover{border-color:#00bfff;color:#00bfff;transform:translateY(-1px)}.success-section{text-align:center}.success-message-large{margin-bottom:1rem}.success-icon{font-size:3rem}.success-message-large h3{font-size:1.5rem;color:#16a34a;margin-bottom:.5rem;font-weight:600}.success-message-large p{color:#6b7280;font-size:1rem}.share-prompt{background-color:#f0fdf4;border:2px solid #16a34a;border-radius:8px;padding:2rem;max-width:400px;margin:0 auto}.share-text{color:#475569;font-size:1rem;margin-bottom:1rem;font-weight:500}.share-button-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background-color:#00bfff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.share-button-primary:hover{background-color:#0072bb;transform:translateY(-2px);box-shadow:0 4px 12px #00bfff4d}.loader-section{margin-top:1rem;text-align:center;margin-bottom:2rem}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loader-content p{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #00bfff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-content{background-color:#fef2f2;border:2px solid #dc2626;border-radius:8px;padding:2rem;max-width:400px;margin:0 auto}.error-icon{font-size:3rem;margin-bottom:1rem}.error-content h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.error-content p{color:#000;margin-bottom:1.5rem;line-height:1.5}.try-again-button{background-color:#dc2626;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.try-again-button:hover{background-color:#b91c1c}.success-section{margin:1rem 0;text-align:center}.error-section{margin-top:1rem;text-align:center;margin-bottom:1rem}@media (max-width: 480px){.loader-section,.error-section,.success-section{padding:1rem}.error-content,.share-prompt{padding:1.5rem}.spinner{width:32px;height:32px;border-width:3px}}