*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#3d5a80;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding-top:60px;padding-bottom:60px;font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#root{justify-content:center;width:100%;padding:0 16px;display:flex}.card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:640px;padding:48px 40px;box-shadow:0 4px 24px #0000001f}.welcome-card{text-align:right;max-width:700px}.logo{width:80px;margin-bottom:16px;margin-left:auto;margin-right:auto;display:block}.step-badge{color:#36f;border:2px solid #36f;border-radius:20px;margin-bottom:12px;padding:4px 20px;font-size:14px;font-weight:500;display:inline-block}h1{color:#1a1a1a;margin:8px 0;font-size:28px;font-weight:700}.subtitle{color:#666;margin-bottom:20px;font-size:15px;line-height:1.5}.step-dots{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.step-dot{background:#ddd;border-radius:50%;width:10px;height:10px;transition:background .2s}.step-dot.active{background:#36f}.form-group{text-align:right;margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}input,textarea{box-sizing:border-box;direction:rtl;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}input:focus,textarea:focus{border-color:#36f}textarea{resize:vertical;min-height:120px}.char-count{color:#888;justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#36f;border:none;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s}.btn-primary:hover{background:#2952cc}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;transition:border-color .2s;display:flex}.btn-secondary:hover{border-color:#bbb}.button-row{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.button-row .btn-primary{width:auto;padding:14px 32px}.upload-section{text-align:right;margin-bottom:24px}.upload-section-label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:12px;padding:32px;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.dragover{background:#f0f4ff;border-color:#36f}.upload-icon{background:#e8eeff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.upload-icon svg{color:#36f;width:24px;height:24px}.upload-text{color:#666;margin-bottom:12px;font-size:14px}.upload-btn{color:#fff;cursor:pointer;background:#36f;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.upload-btn:hover{background:#2952cc}.upload-hint{color:#999;margin-top:8px;font-size:12px}.upload-preview{margin-top:12px}.upload-preview img{object-fit:cover;border-radius:8px;max-width:120px;max-height:120px}.upload-preview .file-name{color:#333;margin-top:4px;font-size:13px}@keyframes pulse-logo{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.loading-logo{width:100px;margin-bottom:24px;animation:1.5s ease-in-out infinite pulse-logo}.progress-bar{background:#e0e0e0;border-radius:3px;width:100%;height:6px;margin-top:24px;overflow:hidden}.progress-fill{background:#36f;border-radius:3px;height:100%;transition:width .3s}.loading-hint{color:#888;margin-top:16px;font-size:13px}.result-buttons{flex-direction:column;gap:12px;margin-top:24px;display:flex}.btn-outlined{color:#36f;cursor:pointer;text-align:center;background:#fff;border:2px solid #36f;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-outlined:hover{background:#f0f4ff}.btn-ghost{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;transition:color .2s}.btn-ghost:hover{color:#333}.welcome-body{color:#444;white-space:pre-line;margin-bottom:24px;font-size:15px;line-height:1.7}.welcome-card .logo{margin-left:auto;margin-right:auto;display:block}.welcome-card h1{text-align:right}.success-icon{background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.success-icon svg{color:#4caf50;width:32px;height:32px}@media (width<=680px){body{padding-top:24px;padding-bottom:24px}.card{padding:32px 20px}.button-row{flex-direction:column-reverse;gap:12px}.button-row .btn-primary{width:100%}.button-row .btn-secondary{justify-content:center;width:100%}}.donate-body{color:#444;margin-bottom:28px;font-size:16px;line-height:1.8}.donate-buttons{flex-direction:column;gap:12px;display:flex}.donate-card{max-width:800px;padding:24px}.donation-frame-container{border:1px solid #e0e0e0;border-radius:12px;width:100%;overflow:hidden}.donation-iframe{border:none;width:100%;height:600px;display:block}