:root{--navy:#0a2e7a;--pink:#ff1493;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--transition:all .3s ease}.teacher-registration{background:#f8f9fc;min-height:100vh;padding:120px 0 80px}.teacher-registration .container{width:90%;max-width:1100px;margin:auto}.hero-section{text-align:center;margin-bottom:60px;animation:.8s fadeInUp}.hero-tag{color:var(--pink);letter-spacing:.5px;background:#ff14931f;border-radius:50px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-block}.hero-section h1{color:var(--navy);margin:20px 0;font-size:48px;line-height:1.2}.hero-section h1 span{color:var(--pink)}.hero-section p{color:#555;max-width:600px;margin:20px auto;font-size:18px}.hero-features{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;display:flex}.feature{color:#333;transition:var(--transition);cursor:default;background:#fff;border:1px solid #0a2e7a1f;border-radius:50px;padding:12px 28px;font-weight:500}.feature:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0a2e7a14}.application-card{background:#fff;border-radius:25px;padding:50px;animation:.8s .2s both fadeInUp;box-shadow:0 10px 40px #0000000f}.stepper{justify-content:space-between;margin-bottom:50px;display:flex;position:relative}.stepper:before{content:"";z-index:0;background:#e0e0e0;height:2px;position:absolute;top:22px;left:15%;right:15%}.step{text-align:center;z-index:1;flex:1;position:relative}.step-circle{color:#fff;width:45px;height:45px;transition:var(--transition);background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:16px;font-weight:700;display:flex}.step.active .step-circle{background:var(--navy);box-shadow:0 4px 15px #0a2e7a4d}.step span{color:#888;font-size:14px;font-weight:500;transition:color .3s}.step.active span{color:var(--navy)}.grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.attachment-row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:24px;display:grid}.attachment-row .form-group{margin:0}.form-group label{color:#333;font-size:14px;font-weight:600}.required{color:var(--pink);margin-left:3px}.form-group input,.form-group select,.form-group textarea{width:100%;transition:var(--transition);color:#1a1a1a;background:#fafbfc;border:2px solid #e5e7eb;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15px}.form-group textarea{resize:vertical;box-sizing:border-box;min-height:120px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--navy);background:#fff;outline:none;box-shadow:0 0 0 3px #0a2e7a1a}.form-group input.error,.form-group select.error,.form-group textarea.error{background:#fff5f5;border-color:#ef4444}.form-group small{color:#6b7280;margin-top:4px;font-size:12px;display:block}.error-message{color:#ef4444;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:500;display:flex}.error-message:before{content:"⚠";font-size:14px}.file-upload-wrapper{width:100%;position:relative}.file-upload-wrapper input[type=file]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute}.file-upload-area{text-align:center;transition:var(--transition);cursor:pointer;background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:25px 20px;display:flex;position:relative}.file-upload-area:hover{border-color:var(--navy);background:#f0f4ff}.file-upload-area.audio-upload-area{border-color:#d1d5db;min-height:120px}.file-upload-area.audio-upload-area:hover{border-color:var(--pink);background:#fff0f6}.file-upload-area.image-upload-area{border-color:#d1d5db;min-height:140px}.file-upload-area.image-upload-area:hover{background:#f5f3ff;border-color:#8b5cf6}.file-upload-area.cv-upload-area{border-color:#d1d5db;min-height:120px}.file-upload-area.cv-upload-area:hover{background:#f0f4ff;border-color:#0a2e7a}.upload-icon{margin-bottom:8px;font-size:32px;display:block}.upload-text{color:#6b7280;margin:0;font-size:13px}.upload-highlight{color:var(--navy);font-weight:600}.upload-hint{color:#9ca3af;margin:5px 0 0;font-size:11px}.image-preview{background:#f5f3ff;border:1px solid #8b5cf633;border-radius:10px;align-items:center;gap:15px;margin-top:10px;padding:12px 16px;animation:.3s fadeInUp;display:flex}.profile-preview-img{object-fit:cover;border:3px solid #8b5cf6;border-radius:50%;width:80px;height:80px}.file-preview{background:#f0f4ff;border:1px solid #0a2e7a26;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 16px;animation:.3s fadeInUp;display:flex}.file-preview.cv-preview{background:#f0f4ff;border:1px solid #0a2e7a26}.file-info{flex:1;align-items:center;gap:12px;display:flex}.file-icon{font-size:24px}.file-details{flex-direction:column;display:flex}.file-details strong{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;overflow:hidden}.file-details span{color:#6b7280;font-size:11px}.audio-preview{background:#f8f9fc;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 16px;animation:.3s fadeInUp;display:flex}.audio-info{flex:1;align-items:center;gap:10px;min-width:120px;display:flex}.audio-file-icon{color:var(--pink);font-size:24px}.audio-details{flex-direction:column;display:flex}.audio-details strong{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;overflow:hidden}.audio-details span{color:#6b7280;font-size:11px}.audio-player{border-radius:8px;flex:1;min-width:150px;max-width:300px;height:36px}.remove-file-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .3s;display:flex}.remove-file-btn:hover{background:#fecaca;transform:scale(1.1)}.btn-area{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;margin-top:35px;display:flex}.btn{background:var(--navy);color:#fff;cursor:pointer;transition:var(--transition);letter-spacing:.5px;border:none;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:600;position:relative;overflow:hidden}.btn:hover:not(:disabled){background:var(--pink);transform:translateY(-2px);box-shadow:0 8px 25px #ff14934d}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.success-message{text-align:center;background:#ecfdf5;border:2px solid #22c55e;border-radius:20px;padding:40px;animation:.6s fadeInUp}.success-message h3{color:#15803d;margin-bottom:15px;font-size:24px}.success-message p{color:#555;max-width:500px;margin:0 auto 25px;line-height:1.8}.success-btn{background:var(--navy);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:14px 40px;font-size:16px;font-weight:600}.success-btn:hover{background:var(--pink);transform:translateY(-2px);box-shadow:0 8px 25px #ff14934d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.grid{gap:18px}.hero-section h1{font-size:38px}.attachment-row{grid-template-columns:1fr;gap:18px}.application-card{padding:35px 30px}}@media (max-width:768px){.teacher-registration{padding:100px 0 60px}.hero-section h1{font-size:32px}.hero-features{flex-direction:column;align-items:center}.feature{text-align:center;width:80%}.application-card{border-radius:16px;padding:25px 20px}.grid{grid-template-columns:1fr}.attachment-row{grid-template-columns:1fr;gap:16px}.stepper{gap:10px}.stepper:before{display:none}.step span{font-size:11px}.step-circle{width:38px;height:38px;font-size:14px}.btn-area{flex-direction:column;align-items:stretch}.btn{justify-content:center;width:100%;padding:14px 24px}.success-message{padding:25px 20px}.success-message h3{font-size:20px}.audio-preview{flex-direction:column;align-items:stretch}.audio-player{width:100%;max-width:100%}.file-upload-area{min-height:100px;padding:20px 15px}.file-upload-area.image-upload-area{min-height:120px}.image-preview{text-align:center;flex-direction:column}.profile-preview-img{width:100px;height:100px}.file-preview{flex-wrap:wrap;gap:10px}.file-details strong{max-width:120px}}@media (max-width:480px){.hero-section h1{font-size:28px}.application-card{padding:20px 16px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:14px}.file-upload-area{min-height:80px;padding:15px 12px}.file-upload-area.image-upload-area{min-height:100px}.upload-icon{font-size:28px}.upload-text{font-size:12px}.upload-hint{font-size:10px}.profile-preview-img{width:80px;height:80px}.audio-details strong,.file-details strong{max-width:80px}.stepper{gap:5px}.step-circle{width:32px;height:32px;font-size:12px}.step span{font-size:10px}}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.w-full{width:100%}