:root{--tanda-cyan: #00FFFF;--tanda-cyan-light: #7FFFD8;--tanda-cyan-dark: #00E5E5;--tanda-black: #000000;--crypto-gold: #FFD700;--success-color: #22d55e;--warning-color: #fbbf24;--error-color: #f87171;--info-color: #3b82f6;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-glass: rgba(15, 23, 42, .8);--bg-card: rgba(15, 23, 42, .6);--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #f8fafc;--text-secondary: rgba(248, 250, 252, .7);--text-tertiary: rgba(248, 250, 252, .5);--text-accent: #00FFFF;--text-inverse: #000000;--border-primary: rgba(148, 163, 184, .1);--border-secondary: rgba(0, 255, 255, .1);--border-focus: var(--tanda-cyan);--border-error: var(--error-color);--border-success: var(--success-color);--border-accent: rgba(0, 255, 255, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 8px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(0, 255, 255, .3);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(255,215,0,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 30s linear infinite;opacity:.3}.bg-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:var(--tanda-cyan);border-radius:50%;opacity:.6;animation:float 8s ease-in-out infinite;box-shadow:0 0 10px var(--tanda-cyan)}.registration-container{max-width:1000px;margin:0 auto;padding:var(--spacing-lg);position:relative;z-index:1}.registration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--bg-card);backdrop-filter:blur(24px);border:2px solid var(--border-accent);border-radius:20px;box-shadow:var(--shadow-xl),var(--shadow-glow);border:1px solid var(--border-secondary)}.logo-section{display:flex;align-items:center;gap:var(--spacing-md)}.logo{width:60px;height:60px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.brand-info{display:flex;flex-direction:column}.brand-title{font-size:28px;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--tanda-cyan),var(--tanda-cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2px;text-shadow:0 0 20px rgba(0,255,255,.3)}.brand-subtitle{font-size:14px;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.security-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:rgba(0,255,255,.1);color:var(--tanda-cyan);border-radius:var(--radius-lg);font-size:14px;font-weight:var(--font-weight-semibold);border:1px solid rgba(0,255,255,.3);backdrop-filter:blur(8px);box-shadow:0 0 15px rgba(0,255,255,.2)}.security-icon{font-size:16px}.progress-container{margin-bottom:var(--spacing-2xl)}.progress-bar{width:100%;height:4px;background:var(--border-secondary);border-radius:2px;margin-bottom:var(--spacing-lg);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--tanda-cyan) 0%,var(--tanda-cyan-light) 100%);border-radius:2px;transition:width .5s ease;width:20%;box-shadow:0 0 15px rgba(0,255,255,.5)}.progress-steps{display:flex;justify-content:space-between;align-items:center}.step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:var(--border-secondary);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:16px;margin-bottom:var(--spacing-sm);transition:var(--transition-normal);position:relative;z-index:2}.step-label{font-size:12px;color:var(--text-tertiary);font-weight:var(--font-weight-medium);max-width:100px;line-height:1.3;transition:var(--transition-normal)}.step.active .step-number{background:var(--tanda-cyan);color:var(--tanda-black);box-shadow:0 0 0 4px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.4)}.step.active .step-label{color:var(--tanda-cyan);font-weight:var(--font-weight-semibold);text-shadow:0 0 10px rgba(0,255,255,.4)}.step.completed .step-number{background:var(--success-color);color:var(--text-inverse)}.step.completed .step-label{color:var(--success-color)}.forms-container{background:var(--bg-card);backdrop-filter:blur(24px);border-radius:20px;box-shadow:var(--shadow-xl),var(--shadow-glow);border:1px solid var(--border-accent);overflow:hidden;position:relative}.form-step{display:none;padding:var(--spacing-2xl);background:var(--bg-card);backdrop-filter:blur(24px);border:1px solid var(--border-secondary);border-radius:20px;box-shadow:var(--shadow-lg);animation:fadeInSlide .5s ease}.form-step.active{display:block}.step-header{text-align:center;margin-bottom:var(--spacing-2xl)}.step-header h2{font-size:32px;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--tanda-cyan),var(--tanda-cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);text-shadow:0 0 20px rgba(0,255,255,.3)}.step-header p{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto}.registration-form{max-width:800px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);position:relative}.input-group.full-width{grid-column:1 / -1}label{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.required{color:var(--error-color);font-size:14px}input,select,textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-secondary);border-radius:12px;font-size:16px;font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-card);backdrop-filter:blur(8px);transition:var(--transition-normal)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(0,255,255,.2),0 0 15px rgba(0,255,255,.3)}input.error,select.error,textarea.error{border-color:var(--border-error);box-shadow:0 0 0 3px rgba(246,70,93,.1)}input.success,select.success,textarea.success{border-color:var(--border-success);box-shadow:0 0 0 3px rgba(34,213,94,.2)}.input-error{font-size:12px;color:var(--error-color);font-weight:var(--font-weight-medium);display:none}.input-error.show{display:block}.input-help{font-size:12px;color:var(--text-tertiary);font-style:italic}.phone-input{display:flex;gap:var(--spacing-sm);align-items:stretch;width:100%}.country-selector{min-width:110px;max-width:110px;flex-shrink:0;height:auto;background:var(--bg-secondary);border:2px solid var(--border-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:16px;color:var(--text-primary)}.phone-input input[type=tel]{flex:1;min-width:150px;background:var(--bg-secondary);border:2px solid var(--border-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:16px;color:var(--text-primary);transition:var(--transition-normal);font-family:monospace}.phone-input input[type=tel]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(46,134,171,.1)}.password-input{position:relative}.password-toggle{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.password-toggle:hover{background:var(--bg-tertiary)}.toggle-icon{font-size:16px;opacity:.6}.password-strength{height:4px;border-radius:2px;margin-top:var(--spacing-xs);background:var(--border-secondary);overflow:hidden}.password-strength.weak:after{content:"";display:block;height:100%;width:25%;background:var(--error-color);transition:var(--transition-normal)}.password-strength.fair:after{content:"";display:block;height:100%;width:50%;background:var(--warning-color);transition:var(--transition-normal)}.password-strength.good:after{content:"";display:block;height:100%;width:75%;background:var(--info-color);transition:var(--transition-normal)}.password-strength.strong:after{content:"";display:block;height:100%;width:100%;background:var(--success-color);transition:var(--transition-normal)}.user-type-selection{margin:var(--spacing-xl) 0}.user-type-selection h3{text-align:center;font-size:20px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.user-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.user-type-card{display:block;cursor:pointer;position:relative}.user-type-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.user-type-card .card-content{padding:var(--spacing-xl);border:2px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;transition:var(--transition-normal);background:var(--bg-secondary);height:100%;display:flex;flex-direction:column;justify-content:space-between}.user-type-card:hover .card-content{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-type-card input[type=radio]:checked+.card-content{border-color:var(--primary-color);background:rgba(46,134,171,.05);box-shadow:var(--shadow-lg)}.card-icon{font-size:48px;margin-bottom:var(--spacing-md)}.card-content h4{font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.card-content p{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.card-benefits{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.card-benefits span{font-size:12px;color:var(--success-color);font-weight:var(--font-weight-medium)}.earnings-preview{padding:var(--spacing-sm);background:rgba(241,143,1,.1);border-radius:var(--radius-md);border:1px solid rgba(241,143,1,.2)}.earnings-preview small{color:var(--secondary-color);font-weight:var(--font-weight-semibold)}.kyc-section{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);background:var(--bg-tertiary)}.kyc-section h3{font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.section-description{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.document-type-selector,.address-proof-selector{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.selfie-options{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.upload-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);text-align:left;width:100%}.upload-option:hover{border-color:var(--primary-color);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.option-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.option-content h4{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);font-size:1rem}.option-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.4}.document-option{flex:1;min-width:150px;cursor:pointer}.document-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:var(--transition-normal)}.document-option:hover .option-content{border-color:var(--primary-light)}.document-option input[type=radio]:checked+.option-content{border-color:var(--primary-color);background:rgba(46,134,171,.05)}.option-icon{font-size:20px}.option-text{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.file-upload-area{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);align-items:start}.upload-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;background:var(--bg-secondary);transition:var(--transition-normal);cursor:pointer;position:relative}.upload-zone:hover{border-color:var(--primary-color);background:rgba(46,134,171,.02)}.upload-zone.dragover{border-color:var(--primary-color);background:rgba(46,134,171,.05);transform:scale(1.02)}.upload-zone.optional{border-style:solid;border-color:var(--border-secondary);opacity:.8}.upload-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.6}.upload-text p{margin-bottom:var(--spacing-xs)}.upload-text p:first-child{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.upload-text p:last-child{font-size:14px;color:var(--text-secondary)}.upload-requirements{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.upload-requirements h4{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.upload-requirements ul{list-style:none;padding:0}.upload-requirements li{font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm)}.document-preview,.selfie-preview,.address-preview{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.preview-header h4{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.remove-file{background:var(--error-color);color:var(--text-inverse);border:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:12px;cursor:pointer;transition:var(--transition-fast)}.remove-file:hover{background:#e14258}.preview-content{display:flex;gap:var(--spacing-md);align-items:center}.preview-content img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-primary)}.file-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-name{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.file-size{font-size:12px;color:var(--text-tertiary)}.selfie-upload-area{display:flex;flex-direction:column;gap:var(--spacing-lg)}.selfie-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.upload-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);text-align:left}.upload-option:hover{border-color:var(--primary-color);background:rgba(46,134,171,.02);transform:translateY(-2px);box-shadow:var(--shadow-md)}.upload-option .option-icon{font-size:32px;flex-shrink:0;opacity:.8}.upload-option .option-content h4{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.upload-option .option-content p{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.3}.selfie-requirements{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.selfie-requirements h4{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.selfie-requirements ul{list-style:none;padding:0}.selfie-requirements li{font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm)}.financial-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-tertiary)}.financial-section h3{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.security-preferences{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:var(--transition-normal)}.checkbox-option:hover{border-color:var(--primary-light);background:rgba(46,134,171,.02)}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:20px;height:20px;border:2px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);position:relative;flex-shrink:0;transition:var(--transition-normal)}.checkbox-option input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-option input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-inverse);font-size:12px;font-weight:var(--font-weight-bold)}.option-content{flex:1}.option-content strong{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.option-content p{font-size:12px;color:var(--text-secondary);margin:0}.verification-content{text-align:center;max-width:600px;margin:0 auto}.verification-status{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-2xl)}.status-icon{width:80px;height:80px;border-radius:50%;background:rgba(46,134,171,.1);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-secondary);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.status-info h3{font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.status-info p{font-size:16px;color:var(--text-secondary)}.verification-progress{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.progress-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:var(--transition-normal)}.progress-item.completed{border-color:var(--success-color);background:rgba(14,203,129,.05)}.progress-item.processing{border-color:var(--primary-color);background:rgba(46,134,171,.05)}.progress-item.pending{opacity:.6}.progress-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.progress-item.completed .progress-icon{background:rgba(14,203,129,.1)}.progress-item.processing .progress-icon{background:rgba(46,134,171,.1)}.progress-item.pending .progress-icon{background:var(--bg-tertiary)}.progress-text h4{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.progress-text p{font-size:14px;color:var(--text-secondary);margin:0}.verification-info{text-align:left;background:var(--bg-tertiary);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.verification-info h4{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.verification-info ul{list-style:none;padding:0;margin-bottom:var(--spacing-lg)}.verification-info li{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.verification-info li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:var(--font-weight-bold)}.time-estimate{background:rgba(241,143,1,.1);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(241,143,1,.2)}.time-estimate p{font-size:14px;margin-bottom:var(--spacing-xs)}.time-estimate p:first-child{color:var(--secondary-color);font-weight:var(--font-weight-semibold)}.time-estimate p:last-child{color:var(--text-secondary);margin-bottom:0}.completion-content{text-align:center;max-width:600px;margin:0 auto}.success-animation{margin-bottom:var(--spacing-2xl)}.success-icon{font-size:80px;margin-bottom:var(--spacing-lg);animation:bounce 2s ease infinite}.celebration-text h3{font-size:28px;font-weight:var(--font-weight-bold);color:var(--success-color);margin-bottom:var(--spacing-sm)}.celebration-text p{font-size:16px;color:var(--text-secondary)}.welcome-benefits{margin-bottom:var(--spacing-2xl);text-align:left}.welcome-benefits h4{font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.benefit-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.benefit-icon{font-size:32px;margin-bottom:var(--spacing-sm)}.benefit-content h5{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.benefit-content p{font-size:12px;color:var(--text-secondary);margin:0}.next-steps{margin-bottom:var(--spacing-2xl);text-align:left}.next-steps h4{font-size:20px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.next-step{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-secondary)}.next-step .step-number{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:14px;flex-shrink:0}.step-content h5{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.step-content p{font-size:14px;color:var(--text-secondary);margin:0}.form-actions,.verification-actions,.completion-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-secondary)}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:16px;font-weight:var(--font-weight-semibold);text-decoration:none;text-align:center;cursor:pointer;transition:var(--transition-normal);border:2px solid transparent;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background:linear-gradient(135deg,var(--tanda-cyan),var(--tanda-cyan-light));color:var(--tanda-black);border-color:var(--tanda-cyan);font-weight:600;box-shadow:0 4px 12px rgba(0,255,255,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--tanda-cyan-light),var(--tanda-cyan));border-color:var(--tanda-cyan-light);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,255,.4)}.btn-primary:disabled{background:var(--border-primary);color:var(--text-tertiary);border-color:var(--border-primary);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--tanda-cyan);border-color:var(--tanda-cyan);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--tanda-cyan);border-color:var(--tanda-cyan);color:var(--tanda-black);box-shadow:0 0 20px rgba(0,255,255,.4);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-15px) translate(10px)}66%{transform:translateY(10px) translate(-10px)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.registration-container{padding:var(--spacing-md)}.registration-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.progress-steps{flex-wrap:wrap;gap:var(--spacing-sm)}.step{flex:none;min-width:80px}.step-label{font-size:10px;max-width:80px}.form-step{padding:var(--spacing-lg)}.step-header h2{font-size:24px}.form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.user-type-cards,.file-upload-area,.selfie-upload-area{grid-template-columns:1fr}.document-type-selector,.address-proof-selector{flex-direction:column}.benefits-grid{grid-template-columns:1fr}.form-actions,.verification-actions,.completion-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width: 480px){.step-header h2{font-size:20px}.kyc-section,.financial-section{padding:var(--spacing-md)}.upload-zone{padding:var(--spacing-lg)}.upload-icon{font-size:32px}.success-icon{font-size:60px}}@media print{.bg-effects,.form-actions,.verification-actions,.completion-actions{display:none!important}.registration-container{max-width:none;padding:0}.form-step{display:block!important;page-break-after:always}.form-step:last-child{page-break-after:auto}}@media (prefers-contrast: high){:root{--bg-primary: #FFFFFF;--bg-secondary: #FFFFFF;--bg-tertiary: #F5F5F5;--text-primary: #000000;--text-secondary: #333333;--border-primary: #666666;--primary-color: #0000FF;--success-color: #008000;--error-color: #FF0000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-grid,.bg-particles,.success-icon{animation:none!important}}.camera-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.camera-modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:500px;width:90%;box-shadow:var(--shadow-xl);position:relative}.camera-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary)}.camera-header h3{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:1.25rem}.close-camera{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.close-camera:hover{background:var(--bg-tertiary);color:var(--text-primary)}.camera-view{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);background:#000;aspect-ratio:4/3}#cameraVideo{width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.3);pointer-events:none}.face-guide{width:200px;height:200px;border:3px solid var(--success-color);border-radius:50%;opacity:.8;margin-bottom:var(--spacing-md);animation:pulse 2s infinite}.camera-overlay p{color:#fff;font-weight:var(--font-weight-medium);text-align:center;background:rgba(0,0,0,.6);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.camera-actions{display:flex;gap:var(--spacing-md);justify-content:center}.camera-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);font-size:.95rem;min-width:120px}.camera-btn.primary{background:var(--primary-color);color:#fff}.camera-btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.camera-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.camera-btn.secondary:hover{background:var(--border-primary);color:var(--text-primary)}.loading-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.loading-modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-xl);max-width:400px;width:90%}.loading-animation{margin-bottom:var(--spacing-lg)}.scanning-circle{width:80px;height:80px;border:4px solid var(--border-primary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-modal-content h3{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);font-size:1.25rem}.loading-modal-content p{color:var(--text-secondary);font-size:.95rem}.biometric-result{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid var(--success-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md)}.biometric-header{margin-bottom:var(--spacing-md)}.biometric-header h4{color:var(--success-color);font-weight:var(--font-weight-semibold);font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-sm)}.biometric-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.stat-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:var(--font-weight-medium)}.stat-value{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.stat-value.success{color:var(--success-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}