@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');:root{ --primary-color: #6a11cb;--secondary-color: #2575fc;--glass-bg: rgba(255, 255, 255, 0.95);--text-color: #333;} body{ font-family: 'Poppins', sans-serif;background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);min-height: 100vh;color: #fff;} body::before, body::after{ content: '';position: absolute;width: 300px;height: 300px;border-radius: 50%;z-index: -1;filter: blur(80px);} body::before{ background: #6a11cb;top: 10%;left: 10%;} body::after{ background: #2575fc;bottom: 10%;right: 10%;} .glass-card{ background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(16px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 16px;padding: 30px;margin-bottom: 20px;color: #fff;} .form-card{ background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(16px);border-radius: 16px;padding: 30px;color: #333;box-shadow: 0 10px 30px rgba(0,0,0,0.3);} .navbar-glass{ background: rgba(26, 26, 46, 0.9);backdrop-filter: blur(10px);border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .nav-link{ color: rgba(255,255,255,0.8) !important;} .nav-link:hover{ color: #fff !important;} .btn-glass{ background: linear-gradient(90deg, #6a11cb, #2575fc);border: none;color: white;padding: 10px 25px;border-radius: 50px;font-weight: 600;} .btn-glass:hover{ transform: translateY(-2px);color: white;box-shadow: 0 5px 15px rgba(37, 117, 252, 0.4);} .step-indicator{ display: flex;justify-content: space-between;margin-bottom: 30px;position: relative;max-width: 300px;margin-left: auto;margin-right: auto;} .step-line{ position: absolute;top: 50%;left: 0;width: 100%;height: 4px;background: #e0e0e0;z-index: 0;transform: translateY(-50%);border-radius: 2px;} .step{ width: 35px;height: 35px;background: #fff;border: 2px solid #e0e0e0;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #999;z-index: 1;font-size: 14px;transition: all 0.3s;} .step.active{ border-color: #6a11cb;background: #6a11cb;color: white;box-shadow: 0 0 0 4px rgba(106, 17, 203, 0.2);} .step.completed{ background: #28a745;border-color: #28a745;color: white;} .upload-box{ text-align: center;margin-bottom: 15px;} .preview-box{ width: 80px;height: 80px;border: 2px dashed #ccc;border-radius: 8px;overflow: hidden;display: flex;align-items: center;justify-content: center;background: #f8f9fa;margin: 10px auto;position: relative;} .preview-box img{ width: 100%;height: 100%;object-fit: cover;display: none;} .preview-placeholder{ font-size: 24px;color: #ccc;}