body{background-color:#f8f9fa;font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.home-container{align-items:center;background:linear-gradient(135deg,#f3f4f6,#fff);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:0 20px}.header{margin:0 0 20px;text-align:center;width:100%}.logo{display:block;margin:0 auto;max-width:180px}.form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:450px;padding:25px;text-align:center;width:100%}.upload-note{color:#555;font-size:14px;margin-bottom:15px}.input-group{margin-bottom:15px;text-align:left}.input-label{color:#444;display:block;font-size:14px;font-weight:700;margin-bottom:5px}.input-field{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:all .3s ease-in-out;width:100%}.input-field:focus{border-color:#007bff;box-shadow:0 0 8px #007bff4d;outline:none}.upload-container{border:2px dashed #007bff;border-radius:10px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease-in-out}.upload-box,.upload-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.upload-icon{transition:transform .3s ease-in-out;width:80px}.upload-text{color:#007bff;font-size:16px;margin-top:10px;transition:color .3s ease-in-out}.upload-container:hover{background-color:#007bff1a;border-color:#0056b3;transform:scale(1.05)}.upload-container:hover .upload-icon{transform:scale(1.2)}.upload-container:hover .upload-text{color:#0056b3}.resume-info-row{align-items:center;background-color:#f8f8f8;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.resume-filename{color:#333;font-size:1.2rem;font-weight:700;margin:0}.delete-btn{background:none;border:none;cursor:pointer}.delete-btn .delete-icon{color:red;font-size:1.5rem}.btn.upload-btn,.submit-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;transition:all .3s ease-in-out;width:100%}.btn.upload-btn:hover,.submit-btn:hover{background:linear-gradient(135deg,#0056b3,#003c7a)}.fallback-toggle-btn{background:none;border:none;color:#007bff;cursor:pointer;display:block;font-size:.85rem;margin-left:auto;margin-right:auto;margin-top:10px;text-decoration:underline}.fallback-toggle-btn:hover{color:#0056b3}.highlight{color:#007bff;font-weight:700;position:relative}.highlight:after{background-color:#007bff;border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:-2px;width:6px}.upload-loading-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f9faf2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;will-change:opacity;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-card{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:380px;min-height:350px;padding:24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-logo{animation:perfectBounce 1.5s ease-in-out infinite;display:block;height:auto;margin:0 auto 20px;max-width:70px;object-fit:contain;width:70px}@keyframes perfectBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-spinner{animation:smoothSpin 1s linear infinite;border:3px solid #e3f2fd;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 15px;width:40px}@keyframes smoothSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.time-warning{animation:pulse 2s infinite;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;margin:20px 0;padding:15px;text-align:center}.progress-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin:25px 0;padding:20px}.progress-bar-container{border-radius:12px;height:25px;margin:15px 0;position:relative}.progress-bar{animation:progressShimmer 2s infinite;border-radius:12px;position:relative;transition:width .5s ease-in-out}@keyframes progressShimmer{0%{box-shadow:0 0 5px #007bff80}50%{box-shadow:0 0 20px #007bffcc}to{box-shadow:0 0 5px #007bff80}}.progress-text{color:#333;font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #fffc;top:50%;transform:translate(-50%,-50%)}.progress-encouragement{animation:fadeIn .5s ease-in-out;color:#007bff;font-size:14px;font-weight:500;margin-top:10px;text-align:center}.loading-progress{margin:20px 0}.loading-step{align-items:center;background:#f8f9fa;border-left:4px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin:8px 0;padding:12px 20px;transition:all .3s ease-in-out}.loading-step.active{animation:activeStep 2s infinite;background:#007bff1a;border-left-color:#007bff;transform:translateX(5px)}@keyframes activeStep{0%,to{background:#007bff1a}50%{background:#007bff26}}.loading-step.completed{background:#28a7451a}.compact-progress-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:15px 0;padding:12px}.compact-progress-section .progress-bar-container{margin:8px 0}.time-note{color:#6c757d;font-size:12px;font-weight:500;margin-top:6px}.compact-loading-progress{margin:15px 0 10px}.compact-loading-step{align-items:center;background:#f8f9fa;border-left:3px solid #e9ecef;border-radius:6px;display:flex;font-size:13px;margin:4px 0;padding:6px 12px;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.compact-loading-step.hidden{height:0!important;margin:0!important;opacity:0!important;padding:0 12px!important;transform:translateY(-10px)}.compact-loading-step.active{background:#007bff1a;border-left-color:#007bff;transform:translateX(3px)}.compact-loading-step.completed{background:#28a7451a;border-left-color:#28a745;opacity:.8}.compact-step-icon{align-items:center;background:#e9ecef;border-radius:50%;color:#6c757d;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;margin-right:10px;width:20px}.compact-step-icon.active{animation:pulse 1s infinite;background:#007bff;color:#fff}.compact-step-icon.completed{background:#28a745;color:#fff}.compact-step-text{color:#6c757d;font-size:13px;line-height:1.3}.compact-step-text.active{color:#007bff;font-weight:500}.compact-step-text.completed{color:#28a745;font-weight:500}.step-info{gap:12px}.step-icon,.step-info{align-items:center;display:flex}.step-icon{border-radius:50%;font-size:12px;font-weight:700;height:20px;justify-content:center;transition:all .3s ease-in-out;width:20px}.step-icon.pending{background:#e9ecef;color:#6c757d}.step-icon.active{animation:pulse 1.5s ease-in-out infinite;background:#007bff;color:#fff}.step-icon.completed{background:#28a745;color:#fff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.step-text{color:#495057;font-size:14px;font-weight:500}.step-text.active{color:#007bff;font-weight:600}.step-text.completed{color:#28a745}.loading-status{color:#495057;font-size:18px;font-weight:600;margin-bottom:12px;min-height:22px;transition:all .3s ease-in-out}.loading-substatus{color:#6c757d;font-size:13px;margin-bottom:8px;margin-top:8px;min-height:16px;transition:all .3s ease-in-out}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.progress-bar-container{background:#e9ecef;border-radius:3px;height:6px;margin:20px 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.success-checkmark{animation:checkmarkBounce .6s ease-in-out;background:#28a745;border-radius:50%;height:80px;margin:0 auto 20px;position:relative;width:80px}.success-checkmark:after{color:#fff;content:"✓";font-size:40px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes checkmarkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.compact-progress-container{box-sizing:border-box;margin:20px 0;padding:0;position:relative;width:100%}.compact-progress-steps{display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;width:100%}.compact-progress-step{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000000d;color:#495057;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:400;height:36px;-webkit-hyphens:none;hyphens:none;justify-content:center;line-height:1.2;min-width:0;overflow:visible;padding:8px 5px;position:relative;text-align:center;transition:all .2s ease;white-space:normal;word-break:normal;z-index:2}.compact-progress-step:hover{background-color:#f1f3f5;border-color:#c1c9d0}.compact-progress-step.active{background-color:#4285f4;border-color:#3367d6;box-shadow:0 2px 5px #4285f44d;color:#fff;font-weight:500}.compact-progress-step.completed{background-color:#e8f0fe;border-color:#c2d7ff;color:#1a73e8}.compact-progress-track{background-color:#e9ecef;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.compact-progress-fill{background:linear-gradient(90deg,#4285f4,#34a853);border-radius:3px;height:100%;transition:width .5s ease}.step-content{display:inline-block;font-size:12px;text-align:center;width:100%}@media (max-width:768px){.step-content{font-size:11px}}@media (max-width:576px){.compact-progress-step{height:30px;padding:6px 4px}.step-content{font-size:10px}.step-number{display:inline}.step-label{display:none}}@media (min-width:992px){.compact-progress-step{height:40px;padding:8px 10px}.step-content{font-size:13px}}