body{margin:0;padding:0;background:#121212;color:#ffffff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#121212;color:#ffffff;font-family:Arial,Helvetica,sans-serif}.card{padding:32px;border-radius:16px;background:#1e1e1e;box-shadow:0 10px 30px rgba(0,0,0,.5);text-align:center;width:90%;max-width:400px}.qr-container{background:#ffffff;padding:16px;border-radius:16px;display:inline-block;margin-top:16px}.text-small{margin-top:10px}.text-small,.text-small-gray{font-size:.75rem;color:#555555}.text-small-gray{margin-bottom:16px}.text-large{font-size:1.25rem}.input-field{width:100%;padding:12px;border-radius:8px;border:1px solid #333333;background:#2a2a2a;color:#ffffff;font-size:1rem}.input-field::placeholder{color:#888888}.input-field:focus{outline:none;border-color:#0070f3}.btn-primary{margin-top:16px;width:100%;padding:12px;border-radius:8px;border:none;background:#0070f3;color:#ffffff;font-weight:700;cursor:pointer;font-size:1rem;transition:background .2s ease}.btn-primary:hover{background:#0051cc}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-link{display:block;margin-top:16px;padding:32px;background:#00cc66;color:#ffffff;text-decoration:none;border-radius:12px;font-size:1.5rem;font-weight:700;transition:background .2s ease}.btn-link:hover{background:#00b359}.btn-reset{margin-top:32px;background:transparent;border:1px solid #444444;color:#888888;cursor:pointer;padding:12px 24px;border-radius:4px;font-size:1.5rem;transition:all .2s ease}.btn-reset:hover{border-color:#666666;color:#aaaaaa}.loading-text{color:#ffffff;text-align:center}.title-main{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.text-description{margin-bottom:1.5rem;font-size:.875rem;color:#d1d5db;max-width:28rem;margin-left:auto;margin-right:auto;line-height:1.5}.section-margin{margin-top:3rem;width:100%}.how-to-container{max-width:42rem;margin-left:auto;margin-right:auto;text-align:left}.how-to-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:1rem}.step-section{margin-bottom:2rem}.step-title{font-size:1.25rem;font-weight:600;color:#00cc66;margin-bottom:.5rem}.step-description{color:#e5e7eb;line-height:1.625}.how-to-headline{font-size:2.5rem;font-weight:800;text-align:center;margin:2rem 0;background:linear-gradient(135deg,#00cc66,#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.how-to-steps{list-style:none;counter-reset:step-counter;padding:0;margin:2rem 0}.how-to-step{counter-increment:step-counter;display:flex;align-items:center;padding:1rem 0;font-size:1.125rem;color:#e5e7eb;border-bottom:1px solid #333333}.how-to-step:last-child{border-bottom:none}.how-to-step:before{content:counter(step-counter);display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;margin-right:1rem;background:linear-gradient(135deg,#00cc66,#00ff88);color:#121212;font-weight:700;font-size:1.25rem;border-radius:50%}.share-container{margin-top:24px;padding-top:20px;border-top:1px solid #333333}.share-prompt{font-size:.875rem;color:#888888;margin-bottom:12px}.share-buttons{gap:12px;flex-wrap:wrap}.share-btn,.share-buttons{display:flex;justify-content:center}.share-btn{align-items:center;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;background:#2a2a2a;color:#ffffff}.share-btn:hover{transform:scale(1.1)}.share-btn svg{width:24px;height:24px}.share-btn.whatsapp:hover{background:#25D366}.share-btn.telegram:hover{background:#0088cc}.share-btn.facebook:hover{background:#1877F2}.share-btn.x:hover{background:#000000;border:1px solid #333333}.share-btn.email:hover{background:#EA4335}.share-btn.copy:hover{background:#6366F1}.share-btn.copied{background:#00cc66}.input-field.input-error{border-color:#ef4444;background:rgba(239,68,68,.1)}.input-field.input-error:focus{border-color:#ef4444}.alert-error{margin-top:12px;padding:12px 16px;background:rgba(239,68,68,.15);border:1px solid #ef4444;border-radius:8px;color:#fca5a5;font-size:.875rem;text-align:left;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}