body{font-family:Arial,sans-serif;background-color:#f4f6f9}.container{width:90%;margin:auto}*{margin:0;padding:0;box-sizing:border-box}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4f46e5,#0ea5e9);font-family:Segoe UI,sans-serif}.login-card{background:#fff;padding:2.5rem;width:360px;border-radius:16px;box-shadow:0 20px 50px #00000026;animation:fadeUp .6s ease;transition:.3s}.login-card:hover{transform:translateY(-5px)}.login-card h2{text-align:center;margin-bottom:8px;color:#1f2937}.subtitle{text-align:center;font-size:14px;color:#6b7280;margin-bottom:20px}.login-card input{width:100%;padding:12px;margin-bottom:15px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;transition:all .3s ease}.login-card input:focus{border-color:#6366f1;box-shadow:0 0 8px #6366f14d;outline:none}.password-box{position:relative}.password-box span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;cursor:pointer;color:#6366f1;font-weight:500}.options{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:15px}.options label{display:flex;align-items:center;gap:5px}.forgot-link{color:#6366f1;cursor:pointer;font-weight:500}.forgot-link:hover{text-decoration:underline}.login-card button{width:100%;padding:12px;border-radius:10px;border:none;cursor:pointer;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 6px 15px #6366f14d;transition:all .3s ease}.login-card button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f180}.error{color:#ef4444;font-size:13px;text-align:center;margin-bottom:10px}.login-card p{text-align:center;margin-top:15px;font-size:14px}.register-link{color:#2563eb;font-weight:600;text-decoration:none}.register-link:hover{text-decoration:underline}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.login-card{width:90%;padding:25px}}.register-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#fff}.register-form{background:#fff;padding:30px;width:350px;border-radius:10px;box-shadow:0 10px 30px #00000026;animation:slideUp .6s ease}.register-form h2{text-align:center;margin-bottom:20px}.register-form input{width:100%;padding:10px;margin-bottom:12px;border-radius:6px;border:1px solid #ccc}.register-form button{width:100%;padding:10px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.register-form button:hover{background:#f5f6f7}.login-link{color:#2563eb;font-weight:600;text-decoration:none}@media(max-width:768px){.register-container{align-items:flex-start;padding:15px}.register-form{width:100%;padding:25px;margin-top:40px;border-radius:10px}.register-form h2{font-size:20px}.register-form input{padding:10px;font-size:13px}.register-form button{padding:10px;font-size:14px}.register-form p{font-size:13px}}.forgot-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;color:#fff}.forgot-container h2{margin-bottom:20px;color:#000}.forgot-container input{width:280px;padding:12px;border-radius:6px;border:none;outline:none;margin-bottom:15px}.forgot-container button{width:280px;padding:12px;background:#00e6e6;border:none;border-radius:6px;cursor:pointer;font-weight:700}.forgot-container button:hover{background:#0cc}.msg{margin-top:15px;font-weight:700}.forgot-link{cursor:pointer}@media(max-width:768px){.forgot-container{padding:15px;text-align:center}.forgot-container h2{font-size:20px}.forgot-container input{width:100%;padding:10px;font-size:13px}.forgot-container button{width:100%;padding:10px;font-size:14px}.msg{font-size:13px}}.progress-bar{width:100%;height:20px;background-color:#ddd;border-radius:10px;overflow:hidden}.progress-wrapper{display:flex;justify-content:center;margin:30px 0}.progress-container{width:300px;border:1px solid black;border-radius:10px;overflow:hidden;height:20px}.progress-fill{height:100%;background-color:green;transition:width .5s ease-in-out}.dashboard{width:100%;min-height:100vh;padding:30px 60px;background:#f4f6fb;font-family:Segoe UI,sans-serif}.dashboard h2{text-align:center;margin-bottom:20px;color:#1f2937}.menu{position:fixed;top:20px;right:20px;display:flex;gap:12px;z-index:1000}.menu-btn{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;background:#6366f1;color:#fff}.menu-btn:hover{background:#4f46e5}.logout{background-color:#ef4444}.logout:hover{background-color:#dc2626}.dashboard ul{list-style:none;padding:0;max-width:500px;margin:0 auto}.dashboard li{display:flex;align-items:center;gap:10px;margin:8px 0}.percentage-text{text-align:center;font-weight:700;margin:10px 0}.add-skill-box{display:flex;justify-content:center;gap:10px;margin:25px auto;max-width:500px}.add-skill-box input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #cbd5e1}.add-skill-btn{padding:10px 16px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:8px;cursor:pointer}.add-skill-btn:hover{transform:translateY(-2px)}.reset-btn,.jobs-btn{display:block;margin:15px auto;padding:12px 18px;border-radius:8px;border:none;font-size:14px;cursor:pointer}.reset-btn{background:#ef4444;color:#fff}.reset-btn:hover{background:#dc2626}.jobs-btn{background:#1e3a8a;color:#fff}.jobs-btn:hover{background:#1e40af}.profile-card{background:#fff;padding:20px;border-radius:12px;max-width:900px;margin:30px auto}.job-card{background:#f9fafb;border:1px solid #e5e7eb;padding:15px;margin:12px 0;border-radius:10px;animation:fadeUp .6s ease forwards;transition:transform .3s,box-shadow .3s}.job-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.job-card h3{margin-bottom:4px}.job-card button{margin-right:8px}.apply-btn,.save-btn{padding:6px 14px;font-size:13px;border-radius:20px;border:none;cursor:pointer;width:fit-content}.apply-btn{background:#2563eb;color:#fff}.apply-btn:hover{background:#1d4ed8}.save-btn{background:#111827;color:#fff}.save-btn:hover{background:#374151}.ready{text-align:center;color:green;font-weight:700}.not-ready{text-align:center;color:#dc2626;font-weight:700}.menu-btn svg,.apply-btn svg,.save-btn svg,.section-title svg{margin-right:6px;vertical-align:middle}.section-title{display:flex;align-items:center;gap:8px;font-size:22px;margin-bottom:15px;color:#1f2937}.dashboard{animation:pageFade .6s ease-in}@keyframes pageFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.menu-btn,.apply-btn,.save-btn{transition:all .25s ease}.menu-btn:hover,.apply-btn:hover,.save-btn:hover{transform:translateY(-2px) scale(1.03)}.job-card:hover .apply-btn{box-shadow:0 0 12px #2563eb80}.job-card:hover .save-btn{box-shadow:0 0 12px #11182766}.ai-btn{display:block;margin:20px auto;padding:14px 22px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 6px 18px #6366f14d;transition:all .3s ease}.ai-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 25px #0ea5e980}.ai-btn:active{transform:scale(.96)}.ai-btn:after{content:"";position:absolute;inset:0;border-radius:10px;opacity:0;transition:opacity .3s}.ai-btn:hover:after{opacity:1}.hamburger{position:fixed;top:20px;left:20px;font-size:22px;cursor:pointer;z-index:1100;background:#fff;padding:8px;border-radius:8px;box-shadow:0 4px 10px #0000001a}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background:#111827;color:#fff;padding:20px;transition:.3s ease;z-index:1000}.sidebar.open{left:0}.sidebar .logo{margin-bottom:30px;text-align:center}.sidebar button{display:block;width:100%;padding:12px;margin:10px 0;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:6px;transition:.2s}.sidebar button:hover{background:#374151}.logout-btn{margin-top:20px;background:#ef4444}.logout-btn:hover{background:#dc2626}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:900}@media(max-width:768px){.ai-btn{width:100%}}@media(max-width:768px){.dashboard{width:95%;margin:20px auto}.menu{flex-direction:column;align-items:stretch;gap:10px}.menu-btn{width:100%}.add-skill-box{flex-direction:column}.add-skill-btn{width:100%}.reset-btn,.jobs-btn{width:100%;margin-top:10px}.job-card{padding:12px}.apply-btn,.save-btn{width:100%;margin-top:8px}.profile-card{padding:15px}}.joblist-page{max-width:1000px;margin:auto;padding:30px 20px;font-family:Segoe UI,sans-serif;background:#f4f6fb;min-height:100vh}.search-input{width:100%;padding:14px 18px;margin-bottom:25px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#6366f1;box-shadow:0 0 10px #6366f14d}.joblist-page h2{text-align:center;margin-bottom:25px;color:#1f2937}.job-card{background:#fff;border-radius:14px;padding:20px;margin-bottom:20px;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0000000d;transition:all .3s ease;animation:fadeUp .5s ease}.job-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.job-main h3{margin:0;color:#111827;font-size:18px}.company{color:#4f46e5;font-weight:600;margin-top:4px}.meta{font-size:13px;color:#6b7280;margin-top:6px}.view-btn{margin-top:12px;background:linear-gradient(135deg,#111827,#374151);color:#fff;padding:8px 14px;border-radius:20px;cursor:pointer;border:none;font-size:13px;transition:all .3s ease}.view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.job-details{margin-top:15px;padding-top:15px;border-top:1px solid #e5e7eb;animation:fadeUp .4s ease}.desc{margin:10px 0;color:#374151;line-height:1.5}.skills{margin-top:10px}.skills span{display:inline-block;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;padding:6px 10px;margin:4px;border-radius:20px;font-size:12px;font-weight:500;transition:.2s}.skills span:hover{background:#6366f1;color:#fff}.apply-btn{margin-top:15px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;padding:10px 16px;border-radius:25px;cursor:pointer;border:none;font-size:14px;font-weight:600;transition:all .3s ease}.apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.joblist-page p{color:#6b7280;font-size:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.joblist-page{padding:20px 15px}.job-card{padding:15px}.job-main h3{font-size:16px}.view-btn,.apply-btn{width:100%;margin-top:10px}.search-input{padding:12px;font-size:13px}}.photo-wrapper{display:flex;justify-content:center;margin-bottom:20px}.photo-circle{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid #ddd}.photo-circle img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;bottom:0;width:100%;height:40%;background:#0009;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}.profile-page{width:100%;min-height:100vh;padding:40px;background:#fbf9fb}.profile-page h2{text-align:center;margin-bottom:30px;color:#333}.profile-card{max-width:800px;margin:auto;background:#fff;padding:30px;border-radius:14px;box-shadow:0 10px 25px #a1959514}.profile-section{display:flex;flex-direction:column;margin-bottom:18px}.profile-section label{font-size:14px;font-weight:600;margin-bottom:6px;color:#444}.profile-section input,.profile-section textarea{padding:10px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.profile-section textarea{resize:none;height:80px}.profile-section input:focus,.profile-section textarea:focus{outline:none;border-color:#4f46e5}.save-btn{margin-top:20px;width:100%;padding:12px;background-color:#4f46e5;color:#fff;font-size:16px;border:none;border-radius:10px;cursor:pointer;transition:background .3s ease}.save-btn:hover{background-color:#4338ca}.progress-box{margin-bottom:25px}.progress-box p{margin-left:350px}.progress-bar{width:50%;height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-left:350px}.progress-fill{height:100%;background:#058810;transition:width .4s ease}.profile-section{margin-bottom:18px;display:flex;flex-direction:column}.profile-section label{font-weight:600;margin-bottom:6px;color:#374151}.profile-section input[type=file]{padding:6px;font-size:14px}.resume-name{font-size:13px;margin-top:6px;color:#16a34a;font-weight:500}.edit-btn{float:right;margin-bottom:15px;background:#111827;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .3s ease}.edit-btn:hover{background:#1f2937}.profile-section small{font-size:12px;color:#6b7280}@media(max-width:768px){.profile-page{width:95%;margin:20px auto}.edit-btn{width:100%;float:none;margin-bottom:15px}.profile-card{padding:18px}.profile-section input,.profile-section textarea{font-size:13px;padding:8px}.skill-input{flex-direction:column}.skill-input button{width:100%}.skills-container{gap:6px}.skill-tag{font-size:12px;padding:5px 8px}.save-btn{width:100%;padding:10px}}.apply-container{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif}.apply-card{background:#fff;padding:30px;width:380px;border-radius:14px;box-shadow:0 15px 40px #00000040;animation:slideUp .6s ease}.apply-card h2{text-align:center;margin-bottom:6px;color:#333}.subtitle{text-align:center;font-size:14px;color:#777;margin-bottom:20px}.input-group{display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;padding:10px;margin-bottom:15px;transition:border .3s,box-shadow .3s}.input-group:hover{border-color:#667eea;box-shadow:0 0 8px #667eea4d}.input-group input{border:none;outline:none;width:100%;padding-left:10px;font-size:14px}.icon{color:#667eea;font-size:16px}.file-group input{cursor:pointer}.apply-btn{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .3s,box-shadow .3s}.apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040}@media(max-width:768px){.apply-container{align-items:flex-start;padding:15px}.apply-card{width:100%;padding:25px;margin-top:40px;border-radius:10px}.apply-card h2{font-size:20px}.subtitle{font-size:13px}.input-group input{padding:10px 10px 10px 38px;font-size:13px}.icon{top:10px;font-size:13px}.apply-btn{padding:10px;font-size:14px}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.success-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Poppins,sans-serif}.success-card{background:#fff;padding:40px 50px;border-radius:15px;box-shadow:0 15px 35px #0003;text-align:center;max-width:450px;animation:fadeIn .6s ease-in-out}.checkmark{font-size:60px;color:#28a745;margin-bottom:20px;animation:pop .5s ease}.success-card h2{margin-bottom:15px;color:#333}.success-card p{color:#666;font-size:14px;margin-bottom:30px;line-height:1.6}.back-btn{background:#1e3c72;color:#fff;padding:12px 25px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:.3s ease}.back-btn:hover{background:#16325c;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.admin-login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:#fff}.admin-login-box{background:#fff;padding:35px;width:360px;border-radius:12px;box-shadow:0 15px 30px #0003}.admin-login-box h2{text-align:center;margin-bottom:25px;color:#1f2937}.admin-login-box input{width:100%;padding:12px;margin-bottom:16px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.admin-login-box input:focus{outline:none;border-color:#4f46e5}.admin-login-box button{width:100%;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}.admin-login-box button:hover{background:#4338ca}.ai-page{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;justify-content:center;padding:40px 20px}.ai-card{background:#fff;width:100%;max-width:950px;padding:40px;border-radius:14px;box-shadow:0 20px 50px #00000040}.ai-card h2{text-align:center;color:#203a43}.subtitle{text-align:center;color:#666;margin-bottom:30px}.ai-form{display:flex;gap:15px;margin-bottom:25px}.ai-form select{flex:1;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.ai-form button{padding:12px 20px;border:none;border-radius:8px;background:#2c5364;color:#fff;cursor:pointer;transition:.3s}.ai-form button:hover{background:#203a43}.questions-container{margin-top:20px}.question-block{background:#f4f7fb;padding:20px;border-radius:10px;margin-bottom:20px;transition:.3s}.question-block:hover{background:#e9f0f7}.question-block h4{color:#2c5364;margin-bottom:8px}.question-block p{margin-bottom:10px;font-size:14px}.question-block textarea{width:100%;min-height:90px;padding:10px;border-radius:8px;border:1px solid #ccc;resize:vertical;font-size:14px}.question-block textarea:focus{border-color:#2c5364;outline:none}.submit-section{text-align:center;margin-top:20px}.submit-btn{background:#0f2027;padding:12px 25px;border-radius:8px;border:none;color:#fff;cursor:pointer}.submit-btn:hover{background:#000}.interview-section{margin-top:25px}.timer{text-align:right;font-weight:700;color:#d9534f;margin-bottom:10px}.next-btn{margin-top:15px;padding:10px 20px;background:#2c5364;border:none;color:#fff;border-radius:8px;cursor:pointer}.next-btn:hover{background:#203a43}.result-section{text-align:center;margin-top:30px}.result-section h3{color:#2c5364;margin-bottom:10px}@media(max-width:768px){.ai-card{padding:25px}.ai-form{flex-direction:column}.ai-form button{width:100%}}@media(max-width:480px){.ai-card{padding:20px}.question-block{padding:15px}.question-block textarea{min-height:70px}}