*{box-sizing:border-box;margin:0%;padding:0%}html,body,#root{color:#f5f5f5;background-color:#1c1b1b;width:100%;height:100%;font-family:Poppins,sans-serif}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);background:#02081766;border-bottom:1px solid #ffffff1a;width:100%;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{color:#fff;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.navbar-actions{align-items:center;gap:16px;display:flex}.navbar-link{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:.95rem;transition:color .3s}.navbar-link:hover{color:#fff}.navbar-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:10px 18px;font-weight:500;transition:transform .3s}.navbar-btn:hover{transform:scale(1.05)}@media (width<=640px){.navbar-container{padding:0 16px}.navbar-logo{font-size:1.2rem}.navbar-link{display:none}.navbar-btn{padding:8px 14px;font-size:.9rem}}.gap{margin-top:2rem}.navbar-brand{align-items:center;gap:.75rem;display:flex}.navbar-brand .brand-icon{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex}.navbar-brand h1{background:linear-gradient(135deg,#fff,#c4b5fd);color:#0000;-webkit-background-clip:text;margin:0;font-size:1.3rem;font-weight:800}.navbar-brand span{color:#ffffff8c;font-size:.75rem;display:block}.loader-screen{background:radial-gradient(circle at 100% 0,#8b5cf62e,#0000 25%),radial-gradient(circle at 0 100%,#06b6d41f,#0000 25%),#050816;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.loader-content{text-align:center;max-width:550px}.loader-content h2{color:#fff;margin-top:2rem;font-size:2rem;font-weight:700}.loader-content p{color:#ffffffa6;margin-top:1rem;font-size:1rem;line-height:1.7}.loader-spinner{border:4px solid #8b5cf6;border-color:#8b5cf6 #06b6d4 #ffffff14 #ffffff14;border-radius:50%;width:90px;height:90px;margin:0 auto;animation:1s linear infinite spin;box-shadow:0 0 20px #8b5cf659,0 0 40px #06b6d433}@keyframes spin{to{transform:rotate(360deg)}}main{background:linear-gradient(135deg,#020617,#0f172a,#111827);justify-content:center;align-items:center;width:100%;min-height:100vh;padding-left:4rem;padding-right:4rem;display:flex;position:relative;overflow:hidden}main:before{content:"";filter:blur(120px);background:#6366f12e;border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;left:-120px}main:after{content:"";filter:blur(120px);background:#a855f729;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-120px;right:-120px}@media (width<=850px){main{text-align:center;flex-direction:column;align-items:center;gap:5rem;display:flex}}.herocontent{flex-direction:column;gap:2rem;display:flex}.herocontent h1{font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:1.1}.herocontent h1 span{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#0000;-webkit-background-clip:text}.herocontent p{color:#ffffffa6;max-width:900px;font-size:1.05rem;line-height:1.8}.herocontent .features{flex-direction:column;gap:10px;display:flex}.form-container{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2;background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;width:100%;max-width:430px;padding:2.5rem;position:relative;box-shadow:0 10px 40px #00000059,0 0 0 1px #ffffff08}.heading{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.sub-heading{color:#fff9;margin-bottom:2rem;font-size:.95rem;line-height:1.5}form{flex-direction:column;gap:1.2rem;display:flex}.input-group{flex-direction:column;gap:.6rem;display:flex}.input-group label{color:#ffffffd9;font-size:.95rem;font-weight:500}.input-group input{color:#fff;background:#ffffff0f;border:1px solid #0000;border-radius:16px;outline:none;padding:.9rem 1rem;font-size:.95rem;transition:all .3s}.input-group input::placeholder{color:#fff6}.input-group input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e}.password-field{position:relative}.password-field input{width:100%;padding-right:45px}.toggle-password{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:18px;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #6366f159}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 15px 35px #6366f173}.btn-submit:active{transform:scale(.98)}.navigation{text-align:center;color:#ffffffa6;justify-content:center;gap:.4rem;margin-top:1.5rem;font-size:.95rem;display:flex}.navigation a{color:#8b5cf6;font-weight:600;text-decoration:none;transition:all .3s}.navigation a:hover{color:#a78bfa}.loading{color:#fff;background:#020617;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;display:flex}.error-message{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440;border-radius:12px;margin-top:1rem;margin-bottom:1rem;padding:.9rem 1rem;font-size:.95rem;font-weight:500}body{color:#333;background-color:#f9f9f9;margin:0;padding:0;font-family:Arial,sans-serif}.home{color:#fff;background:radial-gradient(circle at 100% 0,#8b5cf62e,#0000 25%),radial-gradient(circle at 0 100%,#06b6d41f,#0000 25%),#050816;flex-direction:column;min-height:100vh;padding:3rem;display:flex;overflow:hidden}.hero-section{text-align:center;max-width:900px;margin:auto auto 4rem}.tag{color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:999px;align-items:center;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-content h1{font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:1.1}.hero-content h1 span{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#0000;-webkit-background-clip:text}.hero-content p{color:#ffffffa6;max-width:700px;margin:1.5rem auto 0;font-size:1.05rem;line-height:1.8}.workspace{grid-template-columns:1fr 1fr;gap:2rem;width:90%;display:grid}@media (width<=950px){.workspace{grid-template-columns:1fr}}.job-card,.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:32px;padding:2rem;position:relative;overflow:hidden}.job-card:before,.profile-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#ffffff08);position:absolute;inset:0}.card-title{color:#e2e8f0;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}textarea{resize:none;color:#fff;background:#0f172ad9;border:1px solid #0000;border-radius:24px;outline:none;width:100%;padding:1.2rem;font-size:1rem;line-height:1.7;transition:all .3s}textarea::placeholder{color:#ffffff59}textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.job-card textarea{min-height:520px}.profile-card textarea{min-height:180px;margin-top:1.5rem}.upload-card{background:#0f172ab3;border:2px dashed #06b6d44d;border-radius:28px;transition:all .3s;position:relative;overflow:hidden}.upload-card:hover{border-color:#06b6d4;transform:translateY(-2px)}.upload-card input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-card label{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:2rem;display:flex}.upload-card label h3{margin-bottom:.6rem;font-size:1.2rem}.upload-card label p{color:#ffffff80}.upload-icon{color:#67e8f9;background:linear-gradient(135deg,#8b5cf640,#06b6d440);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;font-size:2rem;display:flex}.profile-divider{color:#ffffff80;margin-top:2rem;font-size:.95rem;font-weight:600}.action-panel{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}@media (width<=700px){.action-panel{flex-direction:column}}.ai-note{color:#ffffff8c;font-size:.95rem}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:22px;outline:none;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 30px #06b6d440}.generate-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #06b6d459}.spinner{border:4px solid #fff3;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.interview-page{color:#fff;background:radial-gradient(circle at 100% 0,#340d8d26,#0000 25%),radial-gradient(circle at 0 100%,#06b6d41f,#0000 25%),#050816;grid-template-columns:260px 1fr 320px;gap:2rem;min-height:100vh;padding:2rem;display:grid}@media (width<=1200px){.interview-page{flex-direction:column;gap:2rem;display:flex}}.sidebar,.content-section,.stats-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:1.5rem}.content-section{border-radius:8px;width:100%;min-height:600px;margin:0 auto;box-shadow:0 4px 6px #0000001a}.sidebar{height:fit-content;top:2rem;bottom:2rem}.sidebar-title{text-transform:uppercase;letter-spacing:2px;color:#ffffff73;margin-bottom:2rem;font-size:.9rem}.nav-btn{color:#ffffffb3;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:18px;outline:none;width:100%;margin-bottom:.8rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.nav-btn:hover{color:#fff;background:#8b5cf614}.nav-btn.active{color:#f472b6;background:linear-gradient(135deg,#8b5cf633,#ec489926);border:1px solid #ec489933}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-header h1{font-size:2rem;font-weight:700}.question-count{color:#fff9;background:#ffffff0d;border-radius:999px;padding:.6rem 1rem;font-size:.9rem}.questions-list{flex-direction:column;gap:1rem;display:flex}.question-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;transition:all .3s;overflow:hidden}.question-card.open{border-color:#8b5cf64d;box-shadow:0 10px 30px #8b5cf61f}.question-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.question-left{align-items:center;gap:1rem;display:flex}.question-left h3{font-size:1.05rem;line-height:1.5}.question-number{color:#f472b6;background:linear-gradient(135deg,#ec489933,#8b5cf633);border-radius:14px;justify-content:center;align-items:center;min-width:48px;height:48px;font-weight:700;display:flex}.toggle-icon{color:#ffffff73;flex-shrink:0;margin-top:4px;font-size:1.5rem}.question-body{padding:0 1.5rem 1.5rem}.question-body p{color:#ffffffb3;margin-bottom:1.5rem;line-height:1.8}.tag{text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-bottom:.8rem;padding:.45rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.tag.intention{color:#c4b5fd;background:#8b5cf626}.tag.answer{color:#4ade80;background:#22c55e26}.stats-panel{flex-direction:column;gap:1.5rem;height:fit-content;display:flex;position:sticky;top:2rem}.score-card,.skill-gap-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;padding:1.5rem}.score-card h3,.skill-gap-card h3{text-transform:uppercase;letter-spacing:2px;color:#ffffff73;margin-bottom:1.5rem;font-size:.85rem}.score-ring{background:conic-gradient(#22c55e 0% 88%,#ffffff14 88%);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:auto;display:flex;position:relative}.score-ring:before{content:"";background:#050816;border-radius:50%;width:120px;height:120px;position:absolute}.score-ring span{font-size:2rem;font-weight:800;position:relative}.score-card p{text-align:center;color:#4ade80;margin-top:1rem;font-weight:600}.skills-list{flex-direction:column;gap:1rem;display:flex}.skill-pill{border-radius:16px;padding:1rem;font-weight:600;line-height:1.5}.skill-pill.high{color:#f87171;background:#ef444426}.skill-pill.medium{color:#facc15;background:#eab30826}.skill-pill.low{color:#4ade80;background:#22c55e26}.content-top{justify-content:space-between;margin-bottom:1.5rem;display:flex}.back-btn{cursor:pointer;color:#fffc;background:#ffffff0d;border:none;border-radius:14px;outline:none;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-weight:600;transition:all .3s;display:inline-flex}.back-btn:hover{color:#fff;background:#8b5cf626;transform:translate(-3px)}.download-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:14px;padding:.8rem 1.2rem;font-weight:600;transition:all .3s}.download-btn:hover{transform:translateY(-2px)}.reports-page{color:#fff;background:radial-gradient(circle at 100% 0,#8b5cf62e,#0000 25%),radial-gradient(circle at 0 100%,#06b6d41f,#0000 25%),#050816;min-height:100vh;padding:7rem 3rem 3rem}.reports-header{text-align:center;max-width:800px;margin:0 auto 4rem}.reports-header h1{margin-top:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.reports-header h1 span{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#0000;-webkit-background-clip:text}.reports-header p{color:#ffffffa6;margin-top:1rem;line-height:1.8}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.report-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;height:320px;padding:1.5rem;transition:all .3s;display:flex}.report-card:hover{border-color:#8b5cf666;transform:translateY(-6px);box-shadow:0 15px 35px #8b5cf626}.report-card-header{justify-content:space-between;align-items:center;min-height:90px;margin-bottom:1.5rem;display:flex}.report-card-header h3{font-size:1.2rem;font-weight:700}.score{border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:700}.excellent{color:#4ade80;background:#22c55e26}.good{color:#60a5fa;background:#3b82f626}.average{color:#fb923c;background:#f9731626}.report-details{margin-bottom:1.5rem}.report-details p{color:#ffffffbf;justify-content:space-between;margin-bottom:.8rem;display:flex}.report-details p span{color:#ffffff73}.view-report-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;width:100%;padding:.9rem;font-weight:600;transition:all .3s}.view-report-btn:hover{opacity:.9;transform:translateY(-2px)}.report-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.report-card-header h3{margin-bottom:.4rem;font-size:1.1rem;font-weight:700;line-height:1.4}.report-date{color:#ffffff8c;font-size:.85rem}.report-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}.stat{text-align:center;background:#ffffff08;border-radius:12px;padding:1rem}.stat span{color:#ffffff80;font-size:.75rem;display:block}.stat strong{color:#fff;margin-top:.35rem;font-size:1.1rem;display:block}.score-badge{border-radius:50%;justify-content:center;align-items:center;min-width:70px;height:70px;font-size:1rem;font-weight:700;display:flex}.report-footer{margin-top:auto}.score-badge.excellent{color:#4ade80;background:#22c55e26}.score-badge.good{color:#60a5fa;background:#3b82f626}.score-badge.average{color:#fb923c;background:#f9731626}