*{padding:0;margin:0;font-family:Raleway,sans-serif;scroll-behavior:smooth}.navbar{position:fixed;top:3%;left:0;right:0;z-index:999!important;background:linear-gradient(to right,#18072e,#0b0217,#020008);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:Raleway,sans-serif;display:flex;justify-content:space-between;align-items:center;border:.1px solid rgba(128,128,128,.603);margin:0% 4%;border-radius:20px;padding:.5rem 1.7rem}.appname{font-family:Schibsted Grotesk,sans-serif;color:#fff;font-size:1.9em}.navbar ul{list-style:none;display:flex;gap:2rem;margin:0;position:absolute;left:50%;transform:translate(-50%)}.navlinks a{color:#989797;text-decoration:none;cursor:pointer;font-weight:600;font-size:1.1em}.navlinks a:hover{color:#fff}.navbar button{background:#fff;color:#000;border-radius:10px;padding:.7rem 1rem;margin:.2em;border:none;font-size:1.1em;cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999}.login-container{background:#fff;padding:5% 25px 25px;text-align:center;width:380px;border-radius:15px;box-shadow:0 4px 25px #0003;position:relative;z-index:1000;animation:fadeIn .5s ease-out}.close-btn{position:absolute;top:12px;right:20px;font-size:50px;background:transparent;border:none;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-btn:hover{color:#333}.app-name{text-align:center;color:#333;margin-bottom:30px;font-size:28px;font-weight:700}.welcome-text{text-align:center;color:#555;margin-bottom:30px;font-size:16px;line-height:1.5}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;height:50px;color:#444;cursor:pointer;transition:all .3s;box-shadow:0 2px 5px #0000001a}.login-container img{width:300px}.google-btn svg{width:24px;height:24px}.google-btn:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 4px 8px #00000026}.google-btn:active{transform:translateY(1px)}.google-icon{margin-right:12px;font-size:18px;color:#4285f4}.divider{display:flex;align-items:center;margin:25px 0;color:#777}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #686868}.divider-text{padding:0 15px;font-size:14px;margin-top:-2px}.terms{text-align:center;font-size:12px;color:#777;margin-top:20px;line-height:1.4}.terms a{color:#4285f4;text-decoration:none}.terms a:hover{text-decoration:underline}.hamburger{display:none;font-size:2rem;background:#0000004d;cursor:pointer;margin-left:20px}.mobile-slider{display:none}@media(max-width:400px){.login-container img{width:230px;margin-top:2%}}@media(max-width:600px){.navbar{margin:0%;border:0px;top:0%;height:10vh;border-bottom:1px solid rgb(82,82,82);padding:0rem .7em;border-radius:0}ul li{display:none}.appname{font-size:160%}.navbar button{display:hidden}.login-container{padding-top:10%}}@media(max-width:900px){.hamburger{display:block;color:#fff;padding-right:2%}li,.navbar button{display:none}.mobile-slider{position:fixed;top:0;right:-100vw;width:40vw;height:100%;background:#0d001f;color:#fff;display:flex;flex-direction:column;gap:20px;padding:40px 20px;transition:right .3s ease-in-out;z-index:1000}.mobile-slider.open{right:0}.mobile-slider a{color:#fff;font-size:1.2rem;text-decoration:none;padding:10px 0;border-bottom:1px solid #333}.close-slide{background:none;border:none;font-size:2rem;color:#fff;align-self:flex-end;cursor:pointer}.auth-btn-mobile{margin-top:20px;padding:12px 20px;background:#dfdfdf;border-radius:8px;color:#000;border:none;cursor:pointer}.login-container{width:75vw}}.land{min-height:90vh;padding:0 5vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:5%}h2{font-family:Raleway,sans-serif;background-image:linear-gradient(to top,#9f8ab9,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;font-size:5rem;line-height:1.2;opacity:0;transform:scale(.8);animation:scaleReveal .9s ease-out forwards}@keyframes scaleReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}h4{color:#dcdcdcd8;font-family:Raleway,sans-serif;text-align:center;font-size:1.25rem;font-weight:500;opacity:0;transform:scale(.8);animation:scaleReveal .9s ease-out forwards;animation-delay:.2s}.btn-start{background:#fff;--color: rgb(169, 130, 232);font-family:inherit;display:flex;justify-content:center;width:13vw;height:2.6em;line-height:2.5em;margin:20px;position:relative;cursor:pointer;overflow:hidden;transition:color .5s;z-index:1;font-size:17px;border-radius:10px;font-weight:500;color:var(--color)}.btn-start:before{content:"";position:absolute;z-index:-1;background:var(--color);height:150px;width:220px;border-radius:50%}.btn-start:hover{color:#fff}.btn-start:before{top:100%;left:100%;transition:all .7s}.btn-start:hover:before{top:-30px;left:-30px}.btn-start:active:before{background:#3a0ca3;transition:background 0s}@media(max-width:850px){.land{margin-top:0%}h2{font-size:2.2rem;line-height:1.1;margin-bottom:3%}h4.title-descr{font-size:1rem}.land{padding:8vh 4vw}}@media(max-width:600px){.land{margin-top:0vh;padding-top:9vh;padding-bottom:1vh}h2{font-size:3.3rem;margin-bottom:3%}h4{font-size:1rem}.btn-start{min-width:max-content;width:35vw;margin-top:8%}}#features{display:flexbox;flex-direction:column;height:max-content;padding-top:10%}.feat-title{font-size:2.5em;text-align:center;color:#fff;font-family:Raleway,sans-serif}h5.feat-de{color:#fff;font-size:1.4rem;font-weight:300;text-align:center;padding:0% 4%;margin-bottom:3%}.bx-cont{display:block;border-bottom:1px solid rgb(78,78,78);color:#fff;padding:.6em;display:flex}div .icon{scale:.5}.description{display:flex;flex-direction:column;justify-content:center;font-family:Raleway,sans-serif;color:#fff}.description h5{font-size:1.3em}.description p{color:#cecccc;font-size:1.2em}@media(max-width:600px){#features{margin-bottom:10vh}#features h5{font-size:1.2rem}.bx-cont{padding-left:0;padding-bottom:.3em}.description h5{font-size:1.1em}.description p{font-size:1em}}#plans{padding-bottom:7%}.plan-title{font-size:2.5em;text-align:center;color:#fff;font-family:Raleway,sans-serif;margin-bottom:1%}h5.plan-desc{color:#fff;text-align:center;font-size:1.4rem;font-weight:300;margin-bottom:4%}.plan-cnt{display:grid;justify-content:space-around;grid-template-columns:1fr 1fr;justify-content:center;justify-items:center;padding:1%}.plan{color:#fff;padding:3% 5% 5% 2%;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);width:max-content;min-width:30vw;border-radius:10px}.plan h4{font-size:1.7em;color:#f1f1f1;text-align:left;padding:2%}h4 span{font-weight:600;font-size:1.8em}.plan h5{font-size:1.2em;color:#e1e0e0;font-weight:400;padding-bottom:2%}.plan p{font-size:1em;padding:1% 2%;display:flex;align-items:center;color:#a982e8}p svg{scale:.8;padding-right:2%;display:inline-block}.btn-free{border:1px solid rgb(31,31,31);background:#fff;--color: rgb(169, 130, 232);font-family:inherit;display:flex;justify-content:center;width:8vw;height:2.6em;line-height:2.5em;margin:20px;position:relative;cursor:pointer;overflow:hidden;transition:color .5s;z-index:1;font-size:17px;border-radius:10px;font-weight:500;color:var(--color)}.btn-free:before{content:"";position:absolute;z-index:-1;background:var(--color);height:150px;width:200px;border-radius:50%}.btn-free:hover{color:#fff}.btn-free:before{top:100%;left:100%;transition:all .7s}.btn-free:hover:before{top:-30px;left:-30px}.btn-free:active:before{background:#3a0ca3;transition:background 0s}.btn-select{display:flex;margin-bottom:0%;cursor:pointer}.premium{border:1px solid rgb(135,60,220)}span{font-family:sans-serif;margin-top:5%}.price-wrapper{display:flex;align-items:center;gap:12px}.old-price{position:relative;font-size:1.4rem;color:#d8d8d8}.old-price:after{content:"";position:absolute;width:110%;height:1px;background:#b8a5ce;top:50%;left:-5%;transform:rotate(-12deg)}.new-price{color:#fff;font-weight:500;font-size:1.7rem}p.free{font-family:sans-serif;color:#fff;margin-top:4%;font-size:1.7em}@media(max-width:900px){.plan-cnt{grid-template-columns:1fr;grid-template-columns:auto;gap:10%;margin-bottom:25vh}.plan{width:65vw}.btn-free{width:25vw}}@media(max-width:600px){.plan-title{margin-bottom:1%}.plan-cnt{grid-template-columns:1fr;grid-template-columns:auto;gap:10%;margin-bottom:25vh}.plan{padding:5%;width:80vw}h5.plan-desc{font-size:1rem;margin-bottom:10%;font-weight:300}.btn-free{width:25vw}}#testimonials{margin:4% 0%;padding-top:6%}#testimonials h3{font-size:2.5em;text-align:center;color:#fff;font-family:Raleway,sans-serif;margin-bottom:2%;text-decoration:underline;text-underline-offset:10px;text-decoration-thickness:1px}.review-desc{color:#fff;font-size:1.2rem;text-align:center;font-weight:400}.testi{display:grid;grid-template-columns:1fr 1fr 1fr;padding:5% 2%;gap:10px}.review{max-width:25vw;border:1px solid rgb(104,75,201);border-radius:10px;padding:5%;background:#ffffff05;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s ease-in-out}.review:hover{transform:scale(1.05);box-shadow:0 10px 30px #ffffff14}.review h4{font-size:1em;line-height:1.4}.review p{color:gray;margin-top:6%;text-align:center}@media(max-width:700px){#testimonials h3{font-size:2em;margin-bottom:7%}.testi{grid-template-columns:1fr;margin-left:3vw;gap:5%;margin-bottom:15vh}.review{max-width:80vw}.review-desc{font-size:1.1rem;margin-bottom:10%}}#about{padding-bottom:7%}.feat-title{font-size:2.7em}.grid-about{display:grid;grid-template-columns:30vw 60vw;gap:10px;margin-top:5%}.foun-dev{width:max-content;padding-left:2%}.foun-dev img{border:1px solid #7536db;width:30vw;height:max-content;image-rendering:optimizeQuality}.bio-description{display:flex;flex-direction:column;justify-content:center;color:#fff;padding:5% 7% 5% 5%}.myname{color:#f4f4f4;font-size:3.1rem;text-align:left}.founder{font-size:1.5rem;margin-bottom:2%;color:#d0d0d0}.bio-description p{color:#a3a2a2e6;letter-spacing:1px;font-size:1.17rem;margin-bottom:3%;line-height:1.3}a.linkedin{text-decoration:none;display:inline-flex;align-items:center;gap:10px;width:max-content;padding:10px 20px;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;color:#0077b5;background:#000}a.linkedin:hover{border-color:#7536db;box-shadow:0 2px 8px #0077b526}a.linkedin p{margin:0;font-size:15px;font-weight:500}@media(max-width:800px){.feat-title{font-size:2.4em}.grid-about{grid-template-columns:1fr;justify-items:center;gap:30px}.foun-dev{padding-left:0;width:100%;display:flex;justify-content:center;align-items:center}.foun-dev img{width:80vw;max-width:330px;border:none;height:auto}.myname{font-size:2.6rem}.founder{font-size:1.2rem}.bio-description p{font-size:.8rem;margin-bottom:10%}#about{padding-bottom:10%}}.faq-container{width:80vw;margin:10vh auto 20vh;color:#fff;font-family:Raleway,sans-serif;cursor:pointer}.faq-title{text-align:center;font-size:2.5rem;margin-bottom:6vh;color:transparent}.faq-wrapper{display:flex;flex-direction:column;gap:20px}.faq-item{background:#9650ff14;padding:22px;border-radius:15px;border:1px solid rgba(170,130,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.3s ease}.faq-item:hover{border-color:#be8cff66}.faq-question{display:flex;justify-content:space-between;cursor:pointer;font-size:1.2rem;font-weight:600;color:#dcdcdc}.faq-question span{margin-top:0}.faq-question i{transition:transform .3s ease}.faq-question i.rotate{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:all .4s ease}.faq-answer.open{max-height:300px;opacity:1;margin-top:12px}.faq-answer p{font-size:1rem;color:#cfcfcf;line-height:1.6}@media(max-width:768px){.faq-container{width:90vw}.faq-title{font-size:2rem}}.footer{border-top:1px solid #3b3b3bd1;padding:3% 1%;background:linear-gradient(to bottom,#0e0026,#03010c)}h6{color:#fff;font-size:1.2em;margin-bottom:4px}.footer p{color:#faebd7;font-size:1em;font-weight:200}.footer-grid{display:grid;margin-bottom:1%;grid-template-columns:1fr 1fr}#developer h3{font-size:.9rem;color:#c7c7c7e6;font-weight:300;display:flex;align-items:center;justify-content:center;gap:.25 rem;text-align:center}h3 a{text-decoration:none;color:#fff}span svg{scale:.4}#copyrights{text-align:center;font-size:.8em;color:#cecece}.footer-social{color:#fff;display:flex;align-items:center;gap:7px;flex-direction:row-reverse;display:grid;position:absolute;right:3%;grid-template-rows:1fr 1fr}.footer-social p{display:flex;gap:10px;font-size:1em;justify-content:center;align-items:center}@media(max-width:600px){.footer{padding:3% 5%;padding-bottom:6vh}#developer h3{font-size:10px;scale:.9}span svg{scale:.4}#copyrights{font-size:.7em}h6{font-size:15px}p.bottom-desc{margin-top:5px;font-size:10px}.footer-social p{font-size:10px;justify-content:flex-end;gap:3px}.footer-social{gap:0px;scale:.8}.footer-social svg{scale:.7}}div.bdy{padding-top:10px;background:radial-gradient(circle at center,#32145e,#0a0218 50%)}.sec-bdy{background:radial-gradient(circle at bottom,#100423,#0a0218)}@media(max-width:700px){div.bdy{padding-top:0}}.popup-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000}.popup-container{width:380px;background:#1a012c;color:#fff;padding:25px;border-radius:18px;text-align:center;box-shadow:0 0 20px #8000ff80}.popup-container h2{margin-bottom:10px;font-size:1.7rem}.video-preview{width:100%;height:240px;border-radius:12px;margin-top:15px;object-fit:cover;background:#000}.btn{background:#7b22ff;padding:10px 20px;color:#fff;border:none;margin-top:20px;border-radius:10px;cursor:pointer;font-size:1rem}.btn:hover{background:#9a47ff}.btn.start{background:#00d86c}.btn.start:hover{background:#00ff87}.slider-alert{position:fixed;right:-320px;top:20vh;width:280px;padding:16px;border-radius:10px;color:#fff;font-size:15px;font-weight:500;background:#333;box-shadow:0 4px 12px #0000004d;animation:slideIn .5s forwards;z-index:9999}@keyframes slideIn{0%{right:-320px}to{right:20px}}.slider-alert.error{background:#e63946}.slider-alert.success{background:#4caf50}.slider-alert.info{background:#007bff}:root{--primary-purple: #7834b9;--purple-dark: #6a0dad;--purple-light: #9b59b6;--purple-lighter: #e6e6fa;--purple-gradient:linear-gradient(to bottom,#0e0a23,#0e0026);--accent-teal: #2ecc71;--accent-pink: #e84393;--text-dark: #333;--text-light: #666;--bg-white: #ffffff;--bg-light: #f8f9fa;--shadow: 0 10px 40px rgba(138, 43, 226, .15);--shadow-hover: 0 15px 50px rgba(138, 43, 226, .25)}.interview-wizard{max-width:100vw;margin:0 auto;background:linear-gradient(to bottom,#03010c,#0e0026);overflow:hidden;position:relative}.progress-container{padding:10vh 15vw;position:relative}.progress-bar{height:5px;background:#e0e0e0;background-color:#fff;border-radius:3px;margin-bottom:60px;overflow:hidden}.progress-fill{height:100%;background:#6630b8;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.steps-container{display:flex;justify-content:space-between;position:absolute;top:13vh;left:11vw;right:13vw}.step-indicator{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;z-index:2;transition:all .3s ease}.step-indicator:hover:not(.current){transform:translateY(-5px)}.step-number{width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px;transition:all .4s ease}.step-indicator.active .step-number{background:var(--purple-gradient);border-color:var(--primary-purple);color:#fff;transform:scale(1.1);box-shadow:0 5px 20px #8a2be24d}.step-indicator.current .step-number{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #8a2be266}70%{box-shadow:0 0 0 15px #8a2be200}to{box-shadow:0 0 #8a2be200}}.step-title{font-weight:600;color:var(--text-light);font-size:14px;transition:color .3s ease}.step-indicator.active .step-title{color:var(--primary-purple);font-weight:700}.wizard-content{padding:2vh 4vw;min-height:500px}.step-content h2{color:#fff;font-size:2.2em;margin-bottom:10px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-description{color:var(--text-light);font-size:16px;margin-bottom:30px;text-align:center}.mode-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.mode-card{background:(158,86,255,.08);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #808080;border-radius:16px;padding:30px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mode-card:hover{transform:translateY(-10px);border-color:var(--purple-light)}.mode-icon{font-size:48px;margin-bottom:20px}.mode-card h3{font-size:20px;color:#fff;margin-bottom:10px}.mode-card p{color:#9662d6;font-size:14px;line-height:1.5;margin-bottom:20px}.selection-indicator{padding:8px 16px;background:#f0f0f0;border-radius:20px;font-size:14px;color:var(--text-light);transition:all .3s ease}.mode-card.selected .selection-indicator{color:#191010;font-weight:600}.mode-summary{background:#4132532f;padding:20px;color:#eae9e9;border-radius:12px;border-left:4px solid var(--primary-purple)}.premium-tag{position:absolute;top:2px;right:12px;padding:4px 8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;background:linear-gradient(135deg,#a783ff,#7c52ff);color:#fff;box-shadow:0 2px 6px #7c52ff66;border:1px solid rgba(255,255,255,.1)}.mode-tag{background:var(--purple-gradient);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;display:inline-flex;align-items:center;gap:6px}.profile-form{width:80vw;margin:auto;color:#e5d9ff;font-family:Inter,sans-serif}.form-section{margin-bottom:25px}.form-section label{font-size:1rem;font-weight:600;color:#dcd3ff;margin-bottom:8px;display:block}.role-select{width:30vw;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.95rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.3s}.role-select:hover{border-color:#7c52ff;box-shadow:0 0 12px #7c52ff55}.role-select option{background:#0e0026;color:#fff}.role-input{width:30vw;padding:10px 4px;font-size:1rem;float:right;margin-right:2%;color:#fff;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.3);outline:none;transition:border-color .3s,box-shadow .3s}.role-input:focus{border-bottom:1px solid #7c52ff}.role-input::placeholder{color:#ffffff80;font-weight:400}.role-input:hover{border-bottom:1px solid rgba(124,82,255,.5)}.company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));gap:14px;margin-top:10px}.company-card{padding:14px;min-height:5vh;max-height:5vh;display:flex;justify-content:center;align-items:center;text-align:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:14px;cursor:pointer;transition:.3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#cfc6ff}.company-card:hover{transform:scale(1.04);border-color:#7c52ff}.company-card.selected{border-color:#a783ff;background:#45307b2e;color:#fff}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:10px}.difficulty-card{padding:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:.3s;color:#cfc6ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.difficulty-card:hover{transform:scale(1.04);border-color:#7c52ff}.difficulty-card.selected{border-color:#a783ff;background:#7c52ff2e;color:#fff}.difficulty-level{font-size:1rem;font-weight:700;margin-bottom:6px;color:#fff}.difficulty-card p{font-size:.9rem;opacity:.85}.step-content{animation:fadeIn .4s ease-in-out}.step-content h2{font-size:1.8rem;margin-bottom:8px;color:#e9ddff}.step-description{color:#bda9ff;margin-bottom:20px;font-size:.95rem}.skills-selection{display:grid;grid-template-columns:1fr;gap:25px}.selected-skills h3{margin-bottom:10px;color:#d7c8ff}.skills-container{min-height:80px;padding:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selected-skill{display:inline-flex;align-items:center;padding:6px 12px;margin:6px;background:#7c52ff;color:#fff;border-radius:20px;font-size:.85rem;animation-duration:.5s}.remove-skill{background:none;border:none;margin-left:6px;color:#fff;font-size:1rem;cursor:pointer;opacity:.7}.remove-skill:hover{opacity:1}.empty-skills{opacity:.5;font-size:.85rem}.popular-skills h3{margin-bottom:12px;color:#d7c8ff}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{padding:8px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#e8ddff;border-radius:30px;cursor:pointer;transition:all .2s ease}.skill-tag:hover{background:#7c52ff4d;transform:translateY(-2px)}.skill-tag.selected{background:#7c52ff;border-color:#a67aff;color:#fff}.skill-tag:disabled{opacity:.4;cursor:not-allowed}.custom-skill h3{margin-top:18px;margin-bottom:10px;color:#d7c8ff;grid-column:span 2}.custom-input{grid-column:span 2;display:flex;width:40vw;gap:10px}.custom-input input{flex:1;padding:10px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e8ddff;border-radius:10px;outline:none;transition:border .2s ease}.custom-input input:focus{border-color:#b9f}.add-btn{padding:10px 20px;background:#7c52ff;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease}#form{background:#1d0e2f52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:50vw;margin:0 auto;min-width:30vw;border:1px solid rgba(169,130,232,.3);box-shadow:0 10px 30px #0000004d;transition:all .5s ease}.browse{scale:.9;width:45vw;display:flex;justify-content:center;border-radius:10px;padding-right:10%;border:1px dashed rgba(184,184,184,.742);background-color:#d1d0d011}.browse svg{scale:.8}.browse p{display:block;color:#d4d4d4}.browse label{width:35vw;display:flex;scale:.9;align-items:center;justify-content:center}.browse label:hover,.finalconfirmation label:hover{border:1px solid transparent}.drop-bottom{display:flex;border-radius:10px;height:10vh;width:33vw;margin:0 auto;border:1px solid rgba(128,62,190,.703);justify-content:space-evenly;align-items:center}input#file{display:none}.drop-bottom svg{scale:.8;cursor:pointer}.drop-bottom p{color:#cfcfcf;display:flex;align-items:center}#form h5{color:#d2d2d2;font-weight:300;text-align:center}.skill-title{color:#f0f0f0;font-size:1.8em;text-align:center;margin-bottom:3%}.add-btn:hover{background:#9a76ff}.skill-submit{background:#fff;--color: rgb(169, 130, 232);font-family:inherit;display:block;margin:2rem auto 0;width:100%;max-width:200px;height:3rem;line-height:1;position:relative;cursor:pointer;overflow:hidden;transition:all .5s;z-index:1;font-size:1.1rem;border-radius:50px;font-weight:600;color:var(--color);border:none}.skill-submit:disabled{opacity:.5;cursor:not-allowed}.skill-submit:not(:disabled):hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #a982e84d}.skill-submit:before{content:"";position:absolute;z-index:-1;background:var(--color);height:0;width:0;border-radius:50%;transition:all .7s;left:50%;top:50%;transform:translate(-50%,-50%)}.skill-submit:not(:disabled):hover:before{height:400px;width:400px}.step-3-skip{text-align:center;color:#fff;padding:20px;padding-top:15vh;animation:fadeIn .5s ease}.skip-animation{display:inline-block;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:30px 40px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUp .5s ease}.checkmark{font-size:5rem;color:#7c52ff;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-summary{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:40px}.summary-card{background:#1d0e2f52;padding:30px;border-radius:16px;border:1px solid #989898;transition:all .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.summary-card h3{color:#eaeaea;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #989898}.item-value{font-size:18px;color:#bda9ff;font-weight:500;margin-top:8px}.difficulty-badging{background:var(--purple-gradient);color:#bda9ff;padding:4px 12px;font-size:20px;border-radius:20px;text-transform:capitalize}.skills-summary{display:flex;flex-wrap:wrap;gap:10px;color:#d8d5d5}.skill-summary-tag{background:var(--purple-lighter);color:var(--primary-purple);padding:6px 15px;border-radius:20px;font-size:14px;font-weight:500}.not-required{color:#bda9ff}.estimate-card{text-align:center;background:linear-gradient(135deg,#f9f7ff,#f0ebff)}.question-count{color:#dadada;margin:20px 0}.count-number{font-size:3.3em;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:800;color:#6f38e5;display:block;line-height:1}.count-label{color:#bda9ff;font-size:14px}.estimate-note{color:var(--text-light);font-size:14px;margin-top:10px}.generation-preview{text-align:center;padding:40px;background:#b48ad50e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.loading-animation{display:inline-block}.spinner{width:60px;height:60px;border:4px solid var(--purple-lighter);border-top:4px solid var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-thinking{font-size:18px;color:var(--text-dark);font-weight:600}.ai-thinking h4,.ai-thinking h3{font-weight:600;color:#d5d5d5}.wizard-navigation{display:flex;justify-content:space-between;margin:0% 5%}.nav-btn{padding:14px 40px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.prev-btn{background:#fff;color:var(--text-dark);border:2px solid #e0e0e0}.prev-btn:hover{border-color:var(--purple-light);transform:translate(-5px)}.next-btn{background:var(--purple-gradient);color:#fff;box-shadow:0 5px 20px #8a2be24d}.next-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8a2be266}.tick{width:40px;height:40px;border:4px solid #4CAF50;border-radius:50%;position:relative;left:10vw;animation:pop 1s ease-in-out}.credit-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.credit-modal{position:relative;width:90%;max-width:400px;background:#fff;padding:25px;border-radius:14px;text-align:center;box-shadow:0 4px 40px #00000040;animation:popIn .25s ease}.credit-modal h2{color:#e93f3f;font-size:2rem}.credit-modal p{color:#000}.close-btn{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:22px;cursor:pointer;font-weight:700;padding:5px}.plan-btn{width:100%;padding:12px;background:#6a5acd;border:none;border-radius:10px;color:#fff;font-size:16px;cursor:pointer;margin-top:20px;transition:.2s}.plan-btn:hover{background:#5a4ac0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.tick:after{content:"";position:absolute;left:11px;top:5px;width:12px;height:22px;border-right:4px solid #4CAF50;border-bottom:4px solid #4CAF50;transform:rotate(45deg);animation:draw .8s ease-in-out}@keyframes draw{0%{opacity:0;transform:scale(0) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes pop{0%{transform:scale(.8)}to{transform:scale(1)}}*{padding:0;margin:0}.video-container{width:100vw;height:100vh;background:linear-gradient(to right,#0f021c,#260143);overflow:hidden;margin:0;padding:0}.frame-grid{display:grid;grid-template-columns:75vw 25vw;gap:10px}.video-feed{width:73vw;height:80vh;object-fit:contain;background-color:#000;transform:scaleX(-1);margin:2% 1% 1%;border-radius:10px}button#start-interview{font-size:1.2em;text-align:center;position:absolute;bottom:7%;right:5%;width:8vw;padding:10px;border-radius:10px}button:hover,svg.cont:hover{cursor:pointer}.timer h3{background-color:#ededed;width:max-content;color:#1a1818;display:flex;justify-content:center;align-items:center;padding:1vh;padding-right:2%;font-family:sans-serif;border-radius:30px;position:absolute;left:2%;top:2vh}.timer h3 svg{padding:8px;background-color:#ededed;margin-right:8px;scale:1.2;border-radius:10px}.video-container *{position:relative;z-index:2}.question-box{margin:7% 7% 3% 3%;background-color:#efefef;border-radius:20px;height:max-content;padding-bottom:5vh}.ques-head{background:linear-gradient(#300938,#340746);border-radius:10px 10px 0 0;padding:7%;color:#fff;font-size:1.2rem}.ques-text{color:#000;padding:5%;font-size:1.2em}button{background-color:#fff;transition:background-color .4s ease}button:hover{background-color:#dfdfdf}.controls svg{background-color:#fff;padding:20px;border-radius:35px;fill:#000;margin:0 10px;scale:.8}.controls{position:relative;left:40vw;width:max-content;cursor:pointer;margin-right:5%}.ehm{position:absolute;right:2%;animation:popupFade 1s ease-in-out;z-index:999999!important}.respeak{bottom:20%;scale:.8}.again{bottom:30%;scale:.9}@keyframes popupFade{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.confirmation-box{background:linear-gradient(90deg,#210f4c,#2e1944);padding:2.3rem 3.4rem;border-radius:12px;box-shadow:0 8px 16px #0000004d;scale:.8;max-width:50vw;animation:fadeIn .3s ease-in-out}.confirmation-box h2{margin-bottom:1rem;animation:scaleReveal 0s ease-out forwards;color:#f1f1f1}.confirmation-box p{color:#333;font-size:1rem}.popup-subtitle{text-align:center;font-size:2.1rem;margin-bottom:1rem;font-weight:500}.conduct-list{padding-left:0;margin-bottom:1.8rem;line-height:1.6}.conduct-list li{margin-bottom:.6rem;font-size:1.1rem;opacity:.9;color:#dfdfdf}.pop{position:fixed;bottom:50vh;right:2%;background-color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000;transform:translate(100%);opacity:0}.slide-in{animation:slideIn .5s forwards}@keyframes slideIn{to{transform:translate(0);opacity:1}}.pop.fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}.pop h3{color:#000;margin:0;font-size:1rem}.survey-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:popIn .4s ease-in-out;height:100vh;width:100%;position:absolute;z-index:10000000}.survey-header{text-align:center;max-width:900px}.survey-title{font-size:3rem;font-weight:700;color:#fff}.survey-subtitle{font-size:1rem;color:#ddd6fe;margin-bottom:20px}.survey-card{background:linear-gradient(135deg,#4c1d95,#7c3aed,#3730a3);border-radius:1.5rem;padding:1.5rem;border:1px solid rgba(139,92,246,.5);width:40vw;box-shadow:0 20px 40px #0000004d}.progressing-container{margin-bottom:2rem}.progressing-label{font-size:.875rem;color:#c4b5fd;margin-bottom:.5rem}.progressing-bar{height:.5rem;background-color:#5b21b6;border-radius:9999px;overflow:hidden}.progressing-fill{height:100%;background:linear-gradient(to right,#8b5cf6,#a78bfa);transition:width .5s ease}.question-title{font-size:1.9rem;font-weight:700;color:#fff;margin-bottom:10px}.question-desc{font-size:1.1rem;color:#ddd6fe;text-align:center;margin-bottom:1rem}.stars-container{display:flex;justify-content:center;gap:1rem;margin:2rem 0rem 0rem}.star-button{background:none;border:none;cursor:pointer;transition:transform .3s;padding:.5rem}.star-button:hover{transform:scale(1.25)}.star-button:active{transform:scale(.95)}.star-filled{color:#f7b749;fill:#f7b749;transition:color .2s}.star-empty{color:#d1d5db;fill:none;transition:color .2s}.rating-labels{display:flex;align-items:center;justify-content:center;gap:1rem;color:#c4b5fd;margin-top:23px}.rating-label{font-size:.875rem}.rating-dots{display:flex}.rating-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#a78bfa;margin:0 .25rem}.selected-rating{color:#ddd6fe;margin-top:1rem;text-align:center}.textarea-container{display:flex;flex-direction:column;gap:1.5rem}.survey-textarea{width:85%;height:10rem;padding:1.5rem;background:#5b21b680;border:2px solid #7c3aed;border-radius:1rem;color:#fff;font-size:1rem;resize:none;outline:none;transition:all .3s}.survey-textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf64d}.survey-textarea::placeholder{color:#c4b5fd}.quick-suggestions{display:flex;flex-wrap:wrap;gap:1rem}.quick-button{padding:.5rem 1rem;background:#5b21b6;color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:background-color .3s}.quick-button:hover{background:#7c3aed}.navigation-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(139,92,246,.5)}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,#7c3aed,#8b5cf6);color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:all .3s;font-weight:600}.nav-button:hover{background:linear-gradient(to right,#8b5cf6,#a78bfa);transform:scale(1.05)}.nav-button:active{transform:scale(.95)}.nav-button-disabled{background:#5b21b64d;color:#ddd6fe80;cursor:not-allowed}.nav-button-disabled:hover{background:#5b21b64d;transform:none}.page-indicator{color:#ddd6fe;font-size:.875rem}.success-screen{display:flex;margin-top:-20px;align-items:center;justify-content:center;padding:1rem}.success-card{background:linear-gradient(135deg,#4c1d95,#7c3aed,#3730a3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2.3rem;border:1px solid rgba(139,92,246,.5);width:37vw;scale:.9;box-shadow:0 20px 40px #0000004d;text-align:center}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(to right,#8b5cf6,#a78bfa);border-radius:9999px;margin-bottom:1.5rem}.success-title{font-size:2.3rem;font-weight:700;color:#fff;margin-bottom:1rem}.success-message{font-size:1rem;color:#ddd6fe;margin-bottom:2rem}.ratings-summary{background:#5b21b666;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.ratings-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.rating-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.rating-label-text{color:#ddd6fe;text-transform:capitalize}.rating-stars{display:flex}.rating-star{width:1.25rem;height:1.25rem}.suggestions-box{background:#5b21b666;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;text-align:left}.suggestions-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.suggestions-text{color:#ddd6fe}.reset-button{padding:.75rem 2rem;background:linear-gradient(to right,#7c3aed,#8b5cf6);color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:all .3s;font-weight:600;font-size:1rem}.reset-button:hover{background:linear-gradient(to right,#8b5cf6,#a78bfa);transform:scale(1.05);box-shadow:0 10px 20px #0003}.reset-button:active{transform:scale(.95)}.survey-footer{text-align:center;margin-top:2rem;color:#c4b5fd;font-size:.875rem}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.driver-popover{background:#6a00ff!important;color:#fff!important;border-radius:12px!important;padding:18px!important;font-size:15px!important}.driver-popover-title{font-size:18px!important;font-weight:700!important;color:#fff!important}.driver-popover-description{font-size:14px!important;color:#f1eaff!important}.driver-popover-progress-text{color:#fff!important}.driver-popover-next-btn,.driver-popover-prev-btn,.driver-popover-close-btn{background:#fff!important;color:#6a00ff!important;border-radius:8px!important;padding:6px 14px!important;border:none!important;font-weight:500!important}.driver-popover-next-btn:hover,.driver-popover-prev-btn:hover{background:#f1eaff!important}.card-container{text-align:center}.performance-card{width:1200px;height:627px;background:linear-gradient(135deg,#1d0c42,#120a1c,#140435);padding:30px 45px;color:#fff;font-family:Inter,Poppins,sans-serif;box-shadow:0 25px 50px #00000080,0 0 100px #3b82f61a;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.card-header{display:flex;align-items:center;gap:30px;z-index:1}.app-logo{width:30vw;object-fit:contain}.cardbody{display:flex;justify-content:space-between;margin-top:0}.user-info{text-align:left}.badge{background:linear-gradient(90deg,#10b981,#059669);padding:5px 14px;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block;margin-bottom:8px}.user-info h3{font-size:2.4rem;margin-top:5vh;color:#c7d2fe}.user-info .email{font-size:1.2rem;opacity:.85;color:#c7d2fe}.verification{display:flex;align-items:flex-end;gap:6px;font-size:.95rem;color:#4ade80;margin-top:5px}.verified{width:16px;height:16px;background:#10b981;border-radius:50%;display:flex;align-items:flex-end;justify-content:center;font-size:.75rem;color:#fff}.score-info{display:flex;flex-direction:column;align-items:center;gap:18px}.score-circle{width:160px;height:160px;border-radius:50%;background:#ffffff0d;display:flex;flex-direction:column;justify-content:center;align-items:center;border:3px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;top:30%;right:10%;overflow:hidden;transition:all .3s ease}.score-value{font-size:3rem;font-weight:800;color:#e0e0e0}.score-level{font-size:.9rem;opacity:.9;margin-top:-5px;color:#a5b4fc}.skills-section{margin-top:2vh}.skills-section h4{font-size:1.4rem;margin-bottom:12px;text-align:left;color:#a5b4fc;animation:scaleReveal 0s ease-out forwards}.skills-list{display:flex;flex-wrap:wrap;gap:12px}.skill{background:#ffffff0d;padding:10px 16px;border-radius:12px;font-size:.95rem;border:1px solid rgba(255,255,255,.1);min-width:120px}.skill-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden}.skill-fill{height:100%;border-radius:2px;transition:width .3s ease}.card-footer{display:flex;justify-content:space-between;margin-top:20px}.insights{display:flex;gap:20px;margin-top:5vh}.strengths{display:flex;align-items:baseline;padding:12px;border-radius:12px;flex:1}.strengths ul{display:flex;justify-content:space-evenly;width:max-content;list-style:none;gap:10px}.strengths ul li{padding:7px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.strengths h5{color:#60a5fa;margin-bottom:8px;font-size:1.2em}.test-details{display:flex;flex-direction:column;gap:6px;min-width:160px}.test-details div{font-size:.9rem}.share-section{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.qr{background:#ffffff0d;padding:10px;border-radius:10px;border:1px dashed rgba(255,255,255,.2);width:140px;text-align:center;font-size:.85rem}.powered{position:absolute;bottom:12%;font-size:.9rem;opacity:.9}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;pointer-events:auto}.confirm-box{width:45vw;max-width:620px;background:#141414;padding:2rem 2.5rem;border-radius:18px;color:#fff;animation:popupFade .7s ease-in-out;box-shadow:0 0 20px #783cc866}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.confirm-box h2{animation:scaleReveal 0s ease-out forwards;color:#d8d7d7;font-size:2em;margin-bottom:25px;padding-top:40px}.confirm-buttons{margin-top:8%;justify-content:space-around}.confirm-buttons{display:flex;justify-content:space-evenly;margin-top:1rem}.confirm-start{background:#8e44ff;color:#fff;padding:.7rem 1.6rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:.2s}.confirm-start:hover{background:#7a33e6}.confirm-cancel{background:#333;color:#fff;padding:.7rem 1.6rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:.2s}.confirm-cancel:hover{background:#444}#dashboard{background:linear-gradient(to bottom,#03010c,#0e0026);background-attachment:fixed;min-height:100vh;padding:20vh 5% 10% 4%}.top-face h3{color:#e7e6e6;font-size:2.8rem;line-height:1.2}.top-face h5{font-size:1.2rem;padding-left:1%;color:#9f9f9f;margin-bottom:3%;line-height:1.4}.ui-cards{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:30px;justify-content:center}.dash-cards{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;max-width:100%;min-height:120px;background-color:#fffffff2;box-shadow:0 0 20px #ffffff40;padding:20px;border-radius:25px;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.dash-cards:hover{transform:translateY(-5px);box-shadow:0 5px 25px #ffffff59}.pass{grid-column:1}.pass h5{font-size:1rem;padding-bottom:8px;color:#555;font-weight:500;margin:0}.pass h4{font-size:1.8rem;color:#430956;text-align:left;font-weight:700;margin:0}.dash-icon{display:flex;justify-content:center;align-items:center;grid-column:2;padding-left:15px;overflow:visible}.dash-cards:nth-child(1) .dash-icon svg{fill:#4a00e0}.dash-cards:nth-child(2) .dash-icon svg{fill:#00b4d8}.dash-cards:nth-child(3) .dash-icon svg{fill:#ff6b6b}.dash-cards:nth-child(4) .dash-icon svg{fill:#06d6a0}.dash-cards:nth-child(5) .dash-icon svg{fill:#ff9e00}.dash-cards:nth-child(6) .dash-icon svg{fill:#7209b7}.dash-cards:nth-child(7) .dash-icon svg{fill:#3a86ff}.dash-cards:nth-child(8) .dash-icon svg{fill:#ff006e}.dash-icon svg{transform:scale(1);background:none;border-radius:0;transition:transform .3s ease}.summary-head{display:flex;margin-top:2%;align-items:center;margin-bottom:2rem}h2.summary-title{animation:scaleReveal 0s ease-out forwards;position:relative;font-size:2.3rem;font-weight:600;padding-right:1rem;background-color:#fff;z-index:2}.summary-title:after{content:"";position:absolute;top:50%;left:100%;width:100%;height:2px;background:linear-gradient(90deg,#e5e7eb,transparent);transform:translateY(-50%);z-index:1}.summary-head button{border:none;background:#fff;border-radius:20px;color:#000;display:flex;align-items:center;position:absolute;right:10%;padding-right:1%}.summary-head button svg{fill:#000;transform:scale(1.4);background:none;margin:0;padding:1.2vw}.results-container{display:flex;flex-wrap:wrap;gap:5vw;align-items:stretch;justify-content:flex-start}.compact-result-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d;flex:1 1 280px;max-width:350px;min-width:280px;transition:border .4s ease-in-out;box-sizing:border-box}.compact-result-card:hover{border:1px solid #8b5cf6}.compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.date-score{display:flex;align-items:center;gap:8px}.date-badge{background:#ffffff12;color:#ffffffe6;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.score-badge{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;padding:4px 10px;border-radius:8px;font-weight:600;font-size:.875rem;box-shadow:0 2px 8px #4f46e54d}.duration-chip{background:#4f46e51a;color:#8b5cf6;padding:4px 10px;border-radius:8px;font-size:.9rem;font-weight:500;border:1px solid rgba(139,92,246,.2)}.compact-skills{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.skills-label{color:#fff9;font-size:.75rem;font-weight:500;white-space:nowrap}.skill-chips{display:flex;gap:6px;flex-wrap:wrap}.skill-chip{background:#8b5cf61a;color:#a78bfa;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:500;border:1px solid rgba(139,92,246,.2)}.more-chip{background:#ffffff0d;color:#ffffff80;padding:3px 6px;border-radius:6px;font-size:.7rem}.compact-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;background:#ffffff08;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.05)}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-number{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:2px}.stat-label{color:#ffffff80;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.total .stat-number{color:#8b5cf6}.correct .stat-number{color:#10b981}.wrong .stat-number{color:#ef4444}.stat-divider{width:1px;height:24px;background:#ffffff1a}.progress-text{color:#ffffffb3;font-size:.75rem;display:flex;justify-content:center;align-items:center;font-weight:500;display:block;text-align:center}.dash-icon svg{position:relative;right:10%}.empty-state{text-align:center;margin-top:40px}.empty-state h2{animation:scaleReveal 0s ease-out forwards}.compact-progress{cursor:pointer;background:#7349d7;padding:10px;border-radius:10px}@media(max-width:1024px){.ui-cards{grid-template-columns:repeat(2,1fr);gap:25px}.dash-cards{min-height:110px;padding:18px}.pass h4{font-size:1.6rem}.dash-icon svg{transform:scale(2.1)}}@media(max-width:768px){#dashboard{padding:18vh 4% 5%}.summary-title:after{width:0%}.top-face h3{font-size:2.2rem}.top-face h5{font-size:1rem}.ui-cards{grid-template-columns:repeat(2,1fr);gap:20px}.dash-cards{min-height:100px;padding:15px;border-radius:20px}.pass h5{font-size:.9rem}.pass h4{font-size:1.4rem}.dash-icon svg{transform:scale(1.9)}}@media(max-width:600px){#dashboard{padding:15vh 4% 20%}.test-details{margin-top:5%}.summary-head button{margin-right:-6%;margin-top:4%;padding:2%;transform:scale(.8)}h2.summary-title{margin-top:5%;margin-bottom:0%;font-size:1.8rem}.summary-title:after{width:0%}.top-face h3{font-size:1.8rem}.top-face h5{font-size:.9rem;margin-bottom:20px}.ui-cards{grid-template-columns:repeat(2,1fr);gap:15px;width:100%;margin:0}.dash-cards{min-height:90px;padding:12px;border-radius:18px;background-color:#e1e1e1f2;transform:scale(.95);margin:0 auto}.pass h5{font-size:.8rem;color:#333}.pass h4{font-size:1.2rem}.dash-icon{padding-left:8px}.dash-icon svg{transform:scale(2.1)}}@media(max-width:360px){#dashboard{padding:12vh 3% 4%}.ui-cards{gap:12px}.dash-cards{min-height:85px;padding:10px;border-radius:15px;transform:scale(.9)}.pass h5{font-size:.75rem}.pass h4{font-size:1rem}.dash-icon svg{width:14px;height:14px}h2.summary-title{font-size:1.2em;padding-left:1%}}@media(min-width:1200px){#dashboard{padding:20vh 8% 5% 5%}.ui-cards{gap:35px}.dash-cards{min-height:130px;padding:25px}.pass h5{font-size:1.1rem}.pass h4{font-size:2rem}.dash-icon svg{position:relative;right:10%;transform:scale(2.5)}}@media(min-width:1600px){.ui-cards{grid-template-columns:repeat(4,1fr);gap:40px}.dash-cards{min-height:140px}.pass h4{font-size:2.2rem}.dash-icon svg{transform:scale(1.9)}}@media(min-width:1025px)and (max-width:1199px){.ui-cards{grid-template-columns:repeat(4,1fr);gap:25px}.dash-cards{min-height:110px;padding:18px}.pass h4{font-size:1.6rem}.dash-icon svg{scale:1.2}}.ira-container{width:100%;border:1px solid rgba(139,92,246,.3);border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000000f;margin-bottom:18px;overflow:hidden}.ira-summary{width:100%;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:#fff;border:none;cursor:pointer;text-align:left}.ira-summary-left p{margin:3px 0;color:#555;font-size:14px}.ira-title{margin-bottom:6px;font-size:18px;color:#222;font-weight:700}.ira-accuracy{color:#7c3aed;font-weight:700;margin-left:6px}.ira-icon{font-size:22px;color:#7c3aed;transition:.3s ease}.rotate-up{transform:rotate(180deg)}.rotate-down{transform:rotate(0)}.ira-expanded{padding:18px 22px;border-top:1px solid #eee;animation:fadeIn .3s ease}.ira-subtitle{font-size:17px;font-weight:600;margin-bottom:10px;color:#222}.ira-question-card{border:1px solid #eee;padding:12px 14px;border-radius:8px;background:#fafafa;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.ira-question-left{max-width:70%}.ira-q-title{font-weight:600;color:#333;margin-bottom:4px}.ira-q-text{font-size:14px;color:#666}.ira-tag{padding:6px 12px;font-size:13px;border-radius:100px;font-weight:700}.ira-correct{background:#d1fae5;color:#065f46}.ira-wrong{background:#fee2e2;color:#b91c1c}.ira-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:12px}.ira-category-item{text-align:center;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:14px}.ira-cat-name{font-size:14px;color:#444}.ira-cat-score{font-size:18px;font-weight:700;color:#7c3aed;margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:500px){.ira-question-left{max-width:100%;margin-bottom:8px}.ira-summary{padding:16px}.ira-expanded{padding:14px}}#freehub{height:max-content;padding-top:23vh;padding-bottom:20%;background:linear-gradient(to bottom,#03010c,#0e0026)}.review-container{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-family:Inter,sans-serif}.avatars{display:flex}.avatars img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #0f172a;margin-left:-10px}.avatars img:first-child{margin-left:0}.stars{color:#fdca48;font-size:20px;letter-spacing:1px}.rating-text{display:flex;flex-direction:column;line-height:1.2}.rating{font-weight:600;margin-left:4px}.reviews{font-size:14px;opacity:.8}.hub-land h2{color:#e4e3e3;font-size:4.3em;padding:2% 15%;animation:scaleReveal 0s ease-out forwards}.hub-land h4{animation:scaleReveal 0s ease-out forwards}.catch{display:flex;justify-content:space-between;padding:5%}.catch-box{display:flex;gap:10px;align-items:center}.catch-box p{color:#fff}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px 25px;border:5px solid rgba(116,53,193,.256);margin:2%;border-radius:30px;box-shadow:0 -10px 50px -5px #da61da98}.resources-grid h3{grid-column:1/-1;padding:1% 2% 0% 1%;color:#fff;font-size:2.2em;margin-bottom:5%}.card{background:#18181c37;color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000026;overflow:hidden;font-family:sans-serif;display:flex;flex-direction:column;outline:1px solid rgba(255,255,255,.338)}.card-banner{height:160px;background:url(/devops.jpg);background-position-x:center;border-radius:16px 16px 0 0}.card-body{padding:24px}.card-title{margin-bottom:8px;font-size:23px;font-weight:600;color:#b194e4}.card-text{font-size:16px;font-weight:300;line-height:1.6}.card-footer{padding:0 24px 24px;margin-top:auto}.card-btn{width:fit-content;padding:12px 24px;background:#e5e5e5;color:#5118ad;text-transform:uppercase;font-size:12px;font-weight:700;border-radius:8px;border:none;cursor:pointer;box-shadow:0 4px 8px #3b82f64d;transition:.2s}.card-btn:hover{box-shadow:0 6px 12px #3b82f666}.card-btn:active{opacity:.85;box-shadow:none}.DSA-container h3{color:#fff;font-size:2.5em;padding:4%;font-weight:500}.sheets-container{display:grid;grid-template-columns:repeat(2,1fr);gap:0px;justify-content:center;padding:20px}.sheet{display:inline-flex;padding:1% 10%;flex-direction:column;margin-bottom:5%}.s1{border-right:1px solid white;border-bottom:1px solid white;border-image:linear-gradient(to right,#e4e4e406,#6e4ccd8d 40%) 1}.s2{border-bottom:1px solid white;border-image:linear-gradient(to left,#e4e4e406,#6e4ccd8d 40%) 1}.s3{margin-top:-5%;padding-top:5%;border-right:1px solid white;border-image:linear-gradient(to top,#e4e4e406,#6e4ccd8d 40%) 1}.sheet h4{font-size:1.6em;color:#fff}.sheet p{text-align:center;color:#bdbdbd;padding:3% 0% 2%;font-size:1em;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.sheet a{align-self:center;text-decoration:none;color:#fff;background-color:#835ac0;width:5vw;text-align:center;padding:2%;margin-top:3%;border-radius:14px;margin-bottom:4%;scale:.9;transition:transform .4s ease}.sheet a:hover{transform:scale(1.1)}.protip{display:flex;align-items:center;margin-left:5%;background-color:#11092768;border-radius:20px;width:90vw;gap:20px;margin-top:1%}.protip .text-block{display:flex;flex-direction:column;justify-content:center}.protip h4{text-align:left;font-size:1.8em;color:#fff}.protip h6{color:#efefef}.resume-hub{margin-top:6%;padding-left:3%}.resume-hub h3{text-align:center;font-size:2.3em;color:#eaeaea;margin-bottom:1%}.resume-hub p{text-align:center;padding:0% 4%;font-size:1em;color:#d1d1d1}.button-p{margin-bottom:2%}@media(max-width:1024px){.resources-grid{gap:15px;padding:15px}}@media(max-width:768px){.resources-grid{gap:12px;padding:12px}.catch{display:block;margin-left:30%}.catch-box{margin-bottom:3%;display:flex;align-items:center!important}.sheet a{width:10vw}.sheet h4{font-size:1.3em}.sheet{padding:5%}}@media(max-width:600px){.DSA-container h3{font-size:1.7em;display:flex}#freehub{padding-top:25%}.review-container{scale:.7}.hub-land h2{padding:0% 10%;font-size:3em}.hub-land h4{font-size:.8em;padding:0% 10%;margin-bottom:2%}.card{padding:1%;margin:1% 3%}.DSA-container{margin-top:13%}.sheets-container{display:grid;grid-template-columns:repeat(1,1fr)}.sheet h4{font-size:1.3em}.s4{border-top:1px solid white;border-left:1px solid white;border-image:linear-gradient(to left,#e4e4e406,#6e4ccd8d 40%) 1}.sheet a{width:15vw}.catch{margin-left:22%}.catch-box{margin-bottom:10%}.resume-hub{margin-top:13%}.resume-hub h3{font-size:1.8em}.resume-hub>p{font-size:.8em;padding:1% 10%}.protip h6{font-size:11px;padding-right:2%}}h1{color:#fff;padding:1% 3% 2px;display:flex;align-items:center;gap:10px;margin-top:6%}p.review-sub{color:#ebebeb;padding-left:3%}.mac-card{width:40vw;padding:20px;border:1px solid #8f8f8f;border-radius:10px;background-color:#f4f4f4;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:3% auto}.mac-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.mac-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.mac-header span{display:inline-block;width:12px;height:12px;border-radius:50%}.mac-header .red{background-color:#ff5f57}.mac-header .yellow{background-color:#ffbd2e}.mac-header .green{background-color:#28c941}.mac-card-title{font-size:18px;font-weight:700;margin:0 0 10px;color:#272729}.mac-card-description{font-size:14px;color:#666;margin-bottom:15px}.mac-card .mac-card-tag{display:inline-block;font-size:10px;border-radius:5px;background-color:#0d1117;padding:4px;margin-block-end:12px;color:#dcdcdc}.mac-code-editor textarea{padding:2%;outline:none;margin-top:2%;border-top:1px solid black;border-radius:10px;width:35vw;height:30vh;background-color:#f3f3f3}.review-submit{margin-top:12px;padding:10px 18px;background:#7d46f0;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.review-submit:hover{background:#a170ff}@media(max-width:1000px){.max-card{width:50vw}.mac-code-editor textarea{width:35vw}}@media(max-width:800px){h1{font-size:1.3em;margin-bottom:1%;margin-top:15%;padding-left:2%;gap:0%}h1 svg{scale:.8}p.review-sub{font-size:12px;text-align:center;margin:1% 7% 8%}.mac-card{margin:2% 10%;width:65vw}.mac-code-editor textarea{width:60vw;margin-right:20%;height:25vh}}.ats-wrapper{max-width:90vw;margin:auto;color:#fff;font-family:Poppins,sans-serif}.ats-title{text-align:center;font-size:1.3em;margin-bottom:25px;color:#8f8f8f;font-weight:600}.upload-box{border:2px dashed #b784f8;border-radius:16px;padding:30px;width:40vw;margin:auto;text-align:center;position:relative;cursor:pointer;transition:.25s;background:#9e56ff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upload-box:hover{background:#9e56ff26}.upload-label{display:flex;flex-direction:column;align-items:center;color:#d9c3ff;cursor:pointer}.upload-label:hover{border:1px solid transparent}.upload-box input{display:none}.upload-text{margin-top:12px;font-size:15px}.remove-file{margin-top:15px;padding:6px 14px;border:none;background:#ff6b6b;color:#fff;border-radius:8px;cursor:pointer}.jd-box{margin-top:25px}.jd-box h4{margin-bottom:10px;color:#e8d4ff}.jd-textarea{width:42vw;height:180px;padding:15px;border-radius:12px;border:2px solid #a569f0;background:#ffffff0f;color:#fff;font-size:14px;resize:none;position:relative;left:25%}.jd-textarea:focus{border-color:#c48bff;outline:none}.ats-submit{width:30%;margin-top:25px;background:linear-gradient(90deg,#a86bff,#8f44ff);padding:14px;font-size:17px;border-radius:12px;border:none;cursor:pointer;color:#fff;font-weight:600;transition:.3s;position:relative;left:35%}.ats-submit:hover{background:linear-gradient(90deg,#b27aff,#9b53ff)}.ats-wrappr{width:90%;height:max-content;padding:20px;border-radius:20px;color:#fff;font-family:Poppins,sans-serif;margin:30px -1%;width:100%}.ats-role{text-align:center;font-size:28px;margin-bottom:10px;color:#b38bff}.ats-section ul li{display:inline-block}.ats-total{text-align:center;margin-bottom:20px}.ats-total h1{font-size:60px;display:block;margin:0 0 1%;text-align:center;color:#fff}.ats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:25px}.ats-box{padding:15px;background:#12072e;border-radius:12px;text-align:center;border:1px solid #3d2c74}.ats-box h4{margin-bottom:5px;color:#c7afff}.ats-suitability{background:#16093a;padding:15px;border-radius:12px;margin-bottom:25px;border:1px solid #3d2c74}.ats-suitability p{margin-top:5px;font-size:20px;color:#eee}.ats-section{height:max-content;margin-bottom:30px;background:#13072e;padding:20px;border-radius:12px;border:1px solid #3d2c74}.ats-section h3{color:#c7afff;margin-bottom:10px;padding-top:1%}.ats-section ul{margin-left:20px}.ats-section li{margin:6px 0;color:#e4d9ff}.ats-submit:disabled{background:linear-gradient(90deg,#482776,#5722a6)}@media(max-width:700px){button.ats-submit{width:50vw;left:25%}.jd-textarea{left:10%;width:65vw}.upload-box{margin-left:6%;width:65vw}}.resume-page{height:max-content;padding:10% 3%;background:linear-gradient(to bottom,#03010c,#0e0026)}.resume-land h3{font-size:2.6em;color:#ebebeb}.resume-land h5{font-size:1.2em;color:#c9c7c7}.quesbox{display:block}.quesbox h6{font-size:1.2em;margin-bottom:2%}.quesbox p{color:#e7e7e7}.ques-maincontrainer{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:90%;margin:auto}.main-quesbox{display:flex;align-items:flex-start;background:#11092768;border-radius:16px;padding:20px;gap:10px;margin-top:5%}.main-quesbox svg{display:block;scale:.8}.premium-section h4{font-size:1.8em;color:#ededed;text-align:center;margin-top:5%;animation:scaleReveal 0s ease-out forwards}.premium-section p{color:#cfcfcf;margin-top:4px;text-align:center}.premium-templates{padding:2%;border:1px solid rgb(153,137,179);border-radius:20px;margin-top:4%}.resumes div{display:flex;justify-content:space-evenly;width:80vw;align-items:center}.resumes a{margin-top:3%;display:flex;justify-content:center;color:#fff;padding:2%;cursor:pointer}.resumes a svg{margin-left:4px;scale:.9;color:#5e75ed}.ats-machine{margin-top:5%}.ats-machine h3{color:#fff;text-align:left;font-size:2.1em;font-weight:500}.ats-machine h5{color:#c6c6c6;text-align:left;margin-bottom:5%;font-size:1.1em}.non-premium-view{background:#9e56ff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;text-align:center;border:1px solid rgba(255,255,255,.25);width:80%;margin:20px auto;box-shadow:0 8px 20px #0000001f;animation:fadeIn .4s ease-in-out}.non-premium-view p{font-size:1.3em;color:#f5f5f5;margin-top:10px;line-height:1.5}.non-premium-view .pill{transform:scale(1.3)}.non-premium-view button{margin:2% auto;border:none}.report-section{width:80vw;padding:80px 20px;color:#fff}.report-header{text-align:center;max-width:600px;margin:0 auto 50px}.report-header h2{font-size:42px;font-weight:700;margin-bottom:10px}.report-header h2 span{color:#a855f7}.report-header p{color:#d1d1d1;font-size:18px;line-height:1.5}.report-grid{display:grid;gap:25px;width:85vw;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.report-card{background:#ffffff0f;padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.12);transition:.3s ease}.report-card:hover{background:#ffffff1f;transform:translateY(-4px)}i#resume-icons{scale:.8;color:#c9bbe7}.report-card h3{font-size:20px;font-weight:600;margin-bottom:8px}.report-card p{color:#ccc;font-size:15px;line-height:1.5}.suitability-highlight{padding:80px 20px;display:flex;justify-content:center}.suitability-container{width:100%;display:flex;align-items:center;gap:50px}.suitability-left{flex:1.2;color:#fff}.pill{display:inline-block;padding:6px 16px;font-size:12px;border-radius:20px;background:#8c52ff33;color:#caa7ff;margin-bottom:15px}.suitability-left h2{font-size:2.6rem;line-height:1.3;margin-bottom:15px}.highlight{color:#a074ff}.suitability-left p{font-size:1.1rem;color:#c7c7c7;margin-bottom:25px;max-width:500px}.suitability-points{list-style:none;padding:0;margin:0 0 30px}.suitability-points li{margin:12px 0;font-size:.95rem;color:#e5e5e5}.suitability-points i{color:#a074ff;margin-right:10px}.try-btn{padding:12px 25px;background:linear-gradient(90deg,#531bff,#9d68ff);border:none;border-radius:8px;font-size:1rem;color:#fff;cursor:pointer;transition:.3s}.try-btn:hover{opacity:.85}.suitability-right{position:relative;top:10vh}.tag-card{width:25vw;padding:35px;border-radius:20px;text-align:center;background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1)}.tag-card h3{color:#fff;margin-bottom:15px}.tag-display{font-size:1.8rem;font-weight:600;color:#b88cff;margin-bottom:8px}.tag-card p{color:#d0c8ff;font-size:.9rem}.tag-icons i{color:#ffce4a;margin:5px;font-size:1.2rem}@media(max-width:1024px){.suitability-container{flex-direction:column;text-align:center}.suitability-left{flex:none;max-width:700px}.suitability-right{top:1vh}.suitability-left h2{font-size:2.2rem}.tag-card{width:300px}}@media(max-width:480px){.suitability-highlight{padding:50px 15px}.suitability-container{gap:30px}.suitability-left h2{font-size:1.8rem}.suitability-left p{font-size:.9rem}.suitability-points li{font-size:.85rem}.try-btn{width:max-content;padding:12px;font-size:.95rem}.tag-card{width:100%;max-width:320px;padding:25px}.tag-display{font-size:1.5rem}.tag-icons i{font-size:1rem}}@media(max-width:640px){i#resume-icons{left:-30vw}}@media(max-width:768px){.resumes{margin-top:5%}.resumes div{row-gap:15px;padding-bottom:10px}.ques-maincontrainer{grid-template-columns:1fr}.resume-land{margin-top:17%}.resume-land h3{font-size:2.1em}.resume-land h5{font-size:1em;margin-bottom:5%}.resumes div{flex-direction:column}.premium-templates{padding:7%;scale:.9}.ats-machine h3{margin-top:15%;font-size:1.6em;padding:0% 2%}.ats-machine h5{font-size:13px;padding:0% 3%}.premium-section h4{font-size:21px;margin-top:15%;color:#7765ec}.premium-section p{font-size:10px;margin:1% 5%}.suitability-left h2{font-size:2rem}.suitability-left p{font-size:.95rem}.tag-card{width:280px;padding:28px}.tag-display{font-size:1.6rem}}.career-guide-container{padding-top:17vh;min-height:100vh;background:linear-gradient(to bottom,#0e0026,#03010c);padding-bottom:4rem}.career-header{padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem}.back-link{display:inline-flex;align-items:center;float:right;gap:.5rem;color:#b8b5ff;text-decoration:none;margin-bottom:2rem;padding:.5rem 1rem;border-radius:8px;background:#ffffff0d;transition:all .3s ease}.back-link:hover{background:#ffffff1a;transform:translate(-5px)}.title-section{display:flex;gap:2rem;align-items:flex-start}.title-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;flex-shrink:0}.title-content{flex:1}.title-meta{display:flex;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap;align-items:center}.category-tag{padding:.3rem 1rem;background:#ffffff1a;border-radius:20px;font-size:.9rem;color:#fff;margin-top:0%}.trend-score{display:flex;align-items:center;gap:.5rem;color:#ff9e6b;margin-top:0%}.content-nav-container{display:flex;align-items:center;max-width:1200px;margin:2rem auto;padding:0 2rem;position:relative}.content-nav-wrapper{flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.content-nav-wrapper::-webkit-scrollbar{display:none}.content-nav{display:flex;gap:.5rem;padding-bottom:1rem;min-width:min-content}.nav-scroll-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#1e0f5099;color:#b8b5ff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;position:relative;z-index:2}.nav-scroll-btn:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:scale(1.1)}.nav-scroll-btn:disabled{opacity:.3;cursor:not-allowed}.nav-scroll-btn.left{margin-right:.5rem}.nav-scroll-btn.right{margin-left:.5rem}.nav-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#b8b5ff;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;white-space:nowrap;transition:all .3s ease;flex-shrink:0;min-width:max-content}@media(max-width:768px){.content-nav-container{padding:0 1rem}.nav-tab{padding:.8rem 1rem;font-size:.9rem}.nav-tab i{font-size:.9rem}.nav-scroll-btn{width:35px;height:35px;font-size:.8rem}}@media(max-width:480px){.nav-tab span{display:none}.nav-tab{padding:.8rem;min-width:50px;justify-content:center}.nav-tab i{font-size:1rem;margin:0}}.content-nav-wrapper{position:relative}.content-nav-wrapper:before,.content-nav-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:1}.content-nav-wrapper.scroll-start:before{display:none}.content-nav-wrapper.scroll-end:after{display:none}.title-content h1{font-size:2.8rem;background:linear-gradient(90deg,#fff,#b8b5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:.5rem 0}.career-description{font-size:1.2rem;color:#b8b5ff;margin-bottom:2rem;line-height:1.6}.career-stats{display:flex;gap:2rem;flex-wrap:wrap;margin-right:0%;margin-left:2%}.stat-items{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-value{font-size:1.8rem;font-weight:700;color:#6c63ff}.stat-label{font-size:.9rem;color:#b8b5ff;margin-top:.5rem}.content-nav{max-width:1200px;margin:2rem auto;padding:0 2rem 1rem;display:flex;gap:.5rem;overflow-x:auto}.nav-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#b8b5ff;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;white-space:nowrap;transition:all .3s ease}.nav-tab:hover{color:#fff;background:#ffffff0d}.nav-tab.active{color:#fff;background:#ffffff0d;border-radius:8px 8px 0 0}.content-area{max-width:1200px;margin:0 auto;padding:0 2rem}.overview-section{display:flex;flex-direction:column;gap:3rem}.prerequisites-section h2,.study-structure-section h2,.roadmap-section h2,.tools-section h2,.certifications-section h2,.projects-section h2,.communities-section h2{animation:scaleReveal 0s ease-out forwards;font-size:2.5em;text-align:left}.overview-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:#ececec;display:flex;align-items:center;gap:.5rem;animation:scaleReveal 0s ease-out forwards}.overview-section p{color:#b8b5ff;line-height:1.8;font-size:1.1rem}.roles-list,.companies-list{display:flex;margin-top:-4%;flex-wrap:wrap;gap:.8rem}.role-tag,.company-tag{padding:.5rem 1rem;background:#ffffff0d;border-radius:20px;color:#b1b1b1;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.role-tag:hover,.company-tag:hover{background:#ffffff1a;transform:translateY(-2px)}.learning-tips ul{list-style:none;padding:0}.learning-tips li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:1rem;color:silver;background:#ffffff08;border-radius:10px;border-left:3px solid #6c63ff}.learning-tips li i{color:#6c63ff;margin-top:.2rem}.prerequisites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.prereq-card{background:#1e0f5066;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.prereq-card:hover{border-color:#fff3;transform:translateY(-5px)}.prereq-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.prereq-number{width:40px;height:40px;background:#6c63ff33;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#6c63ff}.prereq-card h3{font-size:1.2rem;color:#fff}.prereq-description{color:#b8b5ff;margin-bottom:1rem;line-height:1.6}.prereq-resources{display:flex;flex-direction:column;gap:.5rem}.resource-link{display:flex;align-items:center;gap:.5rem;color:#6c63ff;text-decoration:none;padding:.5rem;border-radius:8px;background:#6c63ff1a;transition:all .3s ease}.resource-link:hover{background:#6c63ff33}.phases-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.phase-card{background:#1e0f5066;border-radius:15px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.phase-card:hover{border-color:#fff3}.phase-card.expanded{border-color:#6c63ff4d}.phase-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem}.phase-number{width:60px;height:60px;background:linear-gradient(135deg,#6c63ff,#ff6b9d);border-radius:12px;display:flex;align-items:center;padding:3px;text-align:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.phase-title-duration{flex:1}.phase-title-duration h3{font-size:1.4rem;color:#fff;margin-bottom:.5rem}.phase-duration{color:#6c63ff;font-weight:600}.phase-toggle{color:#b8b5ff}.phase-content{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.topics-section,.resources-section,.phase-projects{margin-bottom:2rem}.topics-section h4,.resources-section h4,.phase-projects h4{color:#b8b5ff;animation:scaleReveal 0s ease-out forwards;margin:1.1rem;font-size:1.2rem}.topics-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.topic-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:10px}.topic-item i{color:#6c63ff}.topic-item span{color:#fff;margin-top:0}.resources-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.resource-card{background:#ffffff0d;border-radius:10px;padding:1rem;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid transparent}.resource-card:hover{background:#ffffff1a;border-color:#6c63ff4d;transform:translateY(-3px)}.resource-type{font-size:.8rem;color:#6c63ff;margin-bottom:.5rem}.resource-card h5{color:#fff;margin-bottom:1rem;font-size:1rem}.resource-link{display:flex;align-items:center;gap:.5rem;color:#6c63ff;font-size:.9rem}.phase-projects ul{list-style:none;padding:0;color:#cdcdcd}.phase-projects li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.8rem;padding:.8rem;background:#ffffff08;border-radius:8px}.phase-projects li i{color:#6c63ff;margin-top:.2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.project-card{background:#1e0f5066;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.project-card:hover{border-color:#fff3}.project-card.expanded{border-color:#6c63ff4d}.project-header{display:flex;gap:1rem;margin-bottom:1rem}.project-number{width:50px;height:50px;background:#6c63ff33;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#6c63ff;flex-shrink:0}.project-title{flex:1}.project-title h3{font-size:1.3rem;color:#fff;margin-bottom:.5rem}.project-difficulty{display:flex;gap:1rem;align-items:center}.difficulty-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.difficulty-badge.beginner{background:#4cc9f033;color:#4cc9f0}.difficulty-badge.intermediate{background:#ff9e6b33;color:#ff9e6b}.difficulty-badge.advanced{background:#ff6b9d33;color:#ff6b9d}.project-duration{color:#b8b5ff;font-size:.9rem;display:flex;align-items:center;gap:.3rem}.project-toggle{color:#b8b5ff}.project-description{color:#b8b5ff;line-height:1.6;margin-bottom:1rem}.project-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-tag{padding:.3rem .8rem;background:#ffffff0d;border-radius:12px;font-size:.85rem;color:#d0cdff}.project-details{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.impact-section h4{color:#b8b5ff;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;animation:scaleReveal 0s ease-out forwards}.impact-section p{color:#fff;margin-bottom:1rem}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:.9rem;transition:all .3s ease}.project-link.github{background:#6c63ff1a;color:#6c63ff}.project-link.tutorial{background:#ff6b9d1a;color:#ff6b9d}.project-link:hover{transform:translateY(-2px)}.timeline{position:relative;margin-top:2rem}.timeline:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#6c63ff,transparent)}.timeline-item{display:flex;margin-bottom:2rem;position:relative}.timeline-marker{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin-right:2rem;flex-shrink:0;z-index:1}.timeline-content{flex:1;background:#1e0f5066;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.timeline-header h3{font-size:1.3rem;color:#fff}.timeline-duration{text-align:center;padding:.3rem 1rem;background:#ffffff1a;border-radius:20px;font-size:.9rem;color:#6c63ff}.timeline-description{color:#b8b5ff;line-height:1.6;margin-bottom:1.5rem}.timeline-resources,.timeline-milestones{margin-bottom:1.5rem}.timeline-resources h4,.timeline-milestones h4{color:#b8b5ff;margin-bottom:.8rem;font-size:1.1rem;animation:scaleReveal 0s ease-in-out}.resource-links{display:flex;flex-direction:column;gap:.5rem}.timeline-milestones ul{list-style:none;padding:0;color:#c1c1c1}.timeline-milestones li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.8rem;padding:.8rem;background:#ffffff08;border-radius:8px}.timeline-milestones li i{color:#6c63ff;margin-top:.2rem}.tool-category{margin-bottom:2rem}.tool-category h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.tools-list{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:-4%}.tool-tag{padding:.5rem 1.2rem;background:#6c63ff1a;border-radius:20px;border:1px solid rgba(108,99,255,.3);color:#6c63ff;font-weight:500;transition:all .3s ease}.tool-tag:hover{background:#6c63ff33;transform:translateY(-2px)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.certification-card{background:#1e0f5066;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;transition:all .3s ease}.certification-card:hover{border-color:#6c63ff4d;transform:translateY(-5px)}.cert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.cert-header h3{font-size:1.2rem;color:#fff;flex:1;margin-right:1rem}.cert-difficulty{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.cert-difficulty.beginner{background:#4cc9f033;color:#4cc9f0}.cert-difficulty.intermediate{background:#ff9e6b33;color:#ff9e6b}.cert-difficulty.advanced{background:#ff6b9d33;color:#ff6b9d}.cert-provider{color:#b8b5ff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.cert-link{display:flex;align-items:center;gap:.5rem;color:#6c63ff;font-weight:500}.communities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.community-card{background:#1e0f5066;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;transition:all .3s ease}.community-card:hover{border-color:#6c63ff4d;transform:translateY(-5px)}.community-card h3{font-size:1.2rem;color:#fff;margin-bottom:.8rem}.community-card p{color:#b8b5ff;margin-bottom:1.5rem;line-height:1.5}.community-link{display:flex;align-items:center;gap:.5rem;color:#6c63ff;font-weight:500}.action-buttons{max-width:1200px;margin:4rem auto 0;padding:0 2rem;display:flex;gap:1rem;flex-wrap:wrap}.start-learning-btn,.save-path-btn,.share-path-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;font-weight:600}.start-learning-btn{color:#fff}.start-learning-btn:hover,.save-path-btn:hover,.share-path-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.save-path-btn{background:#ffffff1a;color:#b8b5ff}.share-path-btn{background:#ffffff0d;color:#b8b5ff;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.career-guide-container{padding-top:10vh}.header-content{padding:0 1rem}.stat-value{font-size:1.2em}.title-section{flex-direction:column;gap:1.5rem}.title-icon{width:70px;height:70px;font-size:2rem}.title-content h1{font-size:2.2rem}.career-stats{width:87vw;gap:1rem}.prerequisites-section h2,.study-structure-section h2,.roadmap-section h2,.tools-section h2,.certifications-section h2,.projects-section h2,.communities-section h2{font-size:1.8em;padding-left:3%}.content-nav{padding:0 1rem}.nav-tab{padding:.8rem 1rem;font-size:.9rem}.content-area{padding:0 1.2rem}.prerequisites-grid,.projects-grid,.certifications-grid,.communities-grid{grid-template-columns:1fr}.timeline:before{left:30px}.timeline-marker{width:60px;height:60px;margin-right:1.5rem;font-size:1.2rem}.action-buttons{padding:0 1rem;flex-direction:column}.start-learning-btn,.save-path-btn,.share-path-btn{width:100%}}.mockpage{padding-top:25vh;height:max-content;padding-bottom:25vh;overflow-x:hidden;background:linear-gradient(180deg,#06000f,#0b0120)}.top-pop{padding:10px 15px;border-radius:30px;background-color:#6824f0;width:max-content;margin:0 auto;color:#fff;font-size:13px;margin-bottom:8vh;border:1px solid rgb(122,122,122)}h1.mock-hero{color:#fff;font-size:clamp(2rem,6vw,4.8rem);margin-top:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:row;text-align:center;line-height:1.2;padding:0 10px}span.colorspan{margin-top:0;background:linear-gradient(-45deg,#6419ff,#cbb2ff) text;color:transparent!important}.mock-description p{color:#d3d3d3;font-size:1.3em;padding:1%;margin:0px 23vw;text-align:center}.marketing-tool{background:#9e56ff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;display:grid;grid-template-columns:repeat(3,1fr);width:70vw;margin:2% auto;padding:2%;position:relative}.sec{padding:5%;text-align:center;position:relative;font-size:2em}.sec:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:10vh;background:#fff6}.highlight-sec span{font-family:Raleway,sans-serif;margin-bottom:0;font-weight:800;font-size:45px;color:#886de8!important}.sec h5{font-family:Raleway,sans-serif;color:#dfdede;font-size:20px;margin-top:5px}.personal-section{color:#dedede;margin-bottom:5%}p.personal-desc{text-align:center}.craft{font-size:3em;margin:8% 8% 3px}.process-frame{width:90vw;margin:10vh auto;position:relative;z-index:1;border:1px solid rgb(155,120,235)}.section2{margin-top:20vh}.section2 h2{font-size:3em}.section2 p{margin-top:3px;font-size:1.2em;margin-bottom:5%;text-align:center;color:#d3d3d3}.buttons-sec button{width:max-content;height:max-content;border-radius:20px;font-size:16px;border:1px solid white;font-weight:500;padding:15px 25px;background-color:#fffffffa}.buttons-sec{display:flex;gap:40px;position:relative;left:30%}.buttons-sec button:hover{background-color:#dbdbdb}.buttons-sec button:nth-child(1){color:#fff;border:1px solid rgb(160,160,160);background-color:#532fb7c3}.buttons-sec button:nth-child(1):hover{background-color:#47289cc3}.alpha{display:flex;justify-content:center;align-items:center;gap:40px;margin:8vh 0}.app-details{padding:0% 3%;font-size:32px;color:#fff;font-weight:600;position:relative}.features-mockpage h2{font-size:2.5rem;margin-top:15vh;margin-bottom:10vh}.feature-section{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw;width:85vw;margin:5vh auto}.feature-card{background:#9e56ff14;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px 25px;border:1px solid rgba(158,86,255,.2);transition:.3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-8px)}.feature-card .icon{font-size:45px;margin-bottom:15px;display:inline-block}.feature-card h3{color:#b09aff;font-family:Raleway,sans-serif;margin-bottom:10px;font-size:24px}.feature-card p{color:#dcdcdc;font-size:16px;line-height:1.5;font-family:Raleway,sans-serif}.app-details:not(:last-child):after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px;height:7vh;background:#fff6}.app-details span{font-size:30px;opacity:.8;color:transparent!important;background:#886de8 text}.performance-feature{margin-top:15vh;max-width:100vw;background:linear-gradient(to right,#240b4d,#2c2acf);box-shadow:0 20px 40px #0000004d;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;color:#fff}.performance-text h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.performance-text h4{font-size:1rem;line-height:1.6;color:#dcdcdce6}.performance-text h4 span{font-weight:700;color:#c98027}.performance-image img{width:30vw;border-radius:1rem;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease}.performance-image img:hover{transform:scale(1.05)}@media screen and (min-width:768px){.performance-feature{flex-direction:row;justify-content:space-between;padding:3rem}.performance-text{flex:1;padding-right:2rem}.performance-image{flex:1;display:flex;justify-content:center}}@media(max-width:768px){h1.mock-hero{font-size:clamp(1.8rem,8vw,3rem);padding:0 5vw}p.personal-desc{margin:0% 8vw}.alpha{scale:.7}.mockpage{padding-top:18vh}.top-pop{padding:1.7%;font-size:12px}h1.mock-hero{font-size:290%}h2.craft{font-size:2.2em}.feature-section{grid-template-columns:1fr;width:90vw}.performance-image img{width:50vw}.mock-description p{margin:0% 10vw;font-size:1em;margin-bottom:5%}.feature-card{margin-bottom:20px}.section2 p{font-size:13px}.marketing-tool{grid-template-columns:1fr;width:70vw;padding:4%;scale:.9}.sec:not(:last-child):after{width:40%;height:1px;right:50%;top:auto;bottom:0;transform:translate(50%)}.buttons-sec button:nth-child(1){font-size:12px}.buttons-sec{gap:10px}.buttons-sec button{font-size:10px;width:max-content;padding:6px 10px;left:60%;scale:.8;transform:translate(-50%)}.sec{margin-bottom:20px}}@media(max-width:480px){h1.mock-hero{font-size:clamp(1.6rem,9vw,2.5rem)}.alpha{scale:.6}}.feedback-section{max-width:1200px;margin:4rem auto;padding:0 2rem;text-align:center}.feedback-section h2{font-size:2.5rem;margin-bottom:12vh;color:#c2b2f0}.feedback-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.feedback-card{background:linear-gradient(78deg,#c2b2f0,#a8a8a8);border-radius:1.5rem;padding:2rem;width:280px;box-shadow:0 15px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feedback-card:hover{transform:translateY(-10px);box-shadow:0 25px 40px #00000026}.feedback-card .avatar{width:70px;height:70px;border-radius:50%;margin-bottom:1rem}.feedback-card h3{margin:.5rem 0;font-size:1.25rem}.feedback-card .role{font-size:.9rem;color:#2b0628b0;margin-bottom:1rem}.feedback-card .improvement{font-size:1rem;font-weight:600;color:#2d1a89;margin-bottom:1rem}.feedback-card .skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.feedback-card .skill{background:#e0e0ff;color:#000003;font-size:.8rem;padding:.3rem .7rem;border-radius:999px}.result-contr{min-height:100vh;padding:12vh 1rem 4rem;background:radial-gradient(circle at center,#32145e,#0a0218 50%);color:#e0e0e0;position:relative;overflow-x:hidden}.result-contr:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(180deg,rgba(153,98,225,.1) 0%,transparent 100%);z-index:0}.result-contr h2{color:#fff;font-size:1.8rem;background:linear-gradient(45deg,#fff,#9962e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.top-container{display:flex;flex-direction:column-reverse;padding:1.5rem;margin:1.2rem 0 2rem;border-radius:20px;gap:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(115,84,227,.502);position:relative;overflow:hidden}.top-cont-fst{order:2;margin-top:1.5rem}.top-cont-fst h2{text-align:left;font-size:1.5rem}.top-cont-fst h2 span{color:#9962e1;font-weight:700}.top-cont-fst h5{margin-top:5%;font-size:1.2em}.mode-tags{display:flex;gap:.5rem;flex-wrap:wrap}.mode-tag{background:linear-gradient(135deg,#9962e14d,#32145e99);color:#fff;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;border:1px solid rgba(153,98,225,.5);font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.top-cont-scnd{order:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}.top-cont-scnd p{color:#fff;text-align:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9962e1,#32145e);font-size:2rem;font-weight:700;margin:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #9962e166;position:relative;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.score-label{margin-top:.5rem;color:#ffffffb3;font-size:.85rem;text-align:center}.performance-ribbon{background:linear-gradient(90deg,#4caf50,#2196f3);color:#fff;padding:.75rem 1rem;border-radius:10px;margin:1rem 0 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;box-shadow:0 4px 15px #2196f34d}.performance-ribbon span{font-size:1.1rem}.score-section{margin:1.5rem 0}.score-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.score-grid{grid-template-columns:repeat(3,1fr)}}.score-card{background:linear-gradient(145deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.score-card.correct:before{background:linear-gradient(90deg,#4caf50,#81c784)}.score-card.wrong:before{background:linear-gradient(90deg,#f44336,#e57373)}.score-card.total:before{background:linear-gradient(90deg,#2196f3,#64b5f6)}.score-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0000004d}.score-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 10px #0003}.score-card.correct .score-icon{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.score-card.wrong .score-icon{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.score-card.total .score-icon{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.score-content{text-align:center}.score-content h3{font-size:2rem;margin:0;color:#fff;font-weight:700}.score-content p{margin:.25rem 0 0;color:#fffc;font-size:.9rem}.analysis-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:2rem 0}@media(min-width:768px){.analysis-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.analysis-card{background:linear-gradient(145deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.analysis-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%}.strengths:before{background:linear-gradient(180deg,#4caf50,#66bb6a)}.improvements:before{background:linear-gradient(180deg,#ff9800,#ffb74d)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.card-header h3{margin:0;color:#fff;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.card-header h3 .icon{font-size:1.3rem}.count-badge{background:linear-gradient(135deg,#9962e14d,#4caf504d);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.analysis-list{list-style:none;padding:0;margin:0}.list-item{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-start;gap:.75rem;color:#fffffff2;line-height:1.5;font-size:.95rem}.list-item:last-child{border-bottom:none}.item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.5rem}.strengths .item-dot{background:#4caf50;box-shadow:0 0 10px #4caf50}.improvements .item-dot{background:#ff9800;box-shadow:0 0 10px #ff9800}.improvement-suggestion{background:linear-gradient(145deg,#ff98001a,#f443360d);border-radius:12px;padding:1rem;margin:.5rem 0;border-left:4px solid #FF9800;animation:slideIn .5s ease}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.improvement-suggestion h4{color:#ff9800;margin:0 0 .5rem;font-size:1rem}.improvement-suggestion p{margin:0;color:#ffffffe6;font-size:.9rem}.questions-section{margin:2rem 0}.section-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}@media(min-width:640px){.section-header{flex-direction:row;justify-content:space-between;align-items:center}}.section-header h3{color:#fff;font-size:1.4rem;margin:0;display:flex;align-items:center;gap:.5rem}.questions-count{background:linear-gradient(135deg,#9962e14d,#2196f34d);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.questions-list{display:flex;flex-direction:column;gap:.75rem}.question-card{background:linear-gradient(145deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.25rem;border-left:4px solid;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.question-card:hover{transform:translate(5px)}.question-card.correct{border-left-color:#4caf50}.question-card.incorrect{border-left-color:#f44336}.question-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}@media(min-width:640px){.question-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.question-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.question-number{font-weight:700;color:#fff;background:#9962e14d;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.difficulty-badge{padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase}.difficulty-badge.easy{background:#4caf5033;color:#4caf50}.difficulty-badge.medium{background:#ff980033;color:#ff9800}.difficulty-badge.hard{background:#f4433633;color:#f44336}.topic-tag{background:#2196f333;color:#2196f3;padding:.25rem .75rem;border-radius:20px;font-size:.7rem}.status-badge{padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;align-self:flex-start}.status-badge.correct{background:linear-gradient(135deg,#4caf504d,#66bb6a4d);color:#4caf50}.status-badge.incorrect{background:linear-gradient(135deg,#f443364d,#ef53504d);color:#f44336}.question-text{color:#fffffff2;font-size:1rem;line-height:1.5;margin:0;padding:.5rem 0}.summary-section{margin:2rem 0;position:relative}.motivation-banner{background:linear-gradient(90deg,#9962e1cc,#4caf50cc);color:#fff;padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;text-align:center;animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #9962e180}to{box-shadow:0 0 30px #4caf5080}}.motivation-banner h3{margin:0 0 .5rem;font-size:1.3rem}.motivation-banner p{margin:0;opacity:.9;font-size:.95rem}.summary-card{background:linear-gradient(145deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.summary-card h3{color:#fff;margin-top:0;margin-bottom:1.5rem;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.summary-content{display:flex;flex-direction:row;justify-content:space-between}.summary-row{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-row:last-child{border-bottom:none}.summary-row .label{color:#fffc;font-size:.95rem}.summary-row .value{color:#9c5bec;font-weight:600;font-size:1rem}.summary-row .value.good{color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.5)}.summary-row .value.average{color:#ff9800;text-shadow:0 0 10px rgba(255,152,0,.5)}.summary-row .value.poor{color:#8b54e4}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0}@media(min-width:640px){.action-buttons{flex-direction:row;justify-content:center}}.action-btn{padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.primary-btn{background:linear-gradient(135deg,#9962e1,#764ba2);color:#fff}.primary-btn:hover{background:linear-gradient(135deg,#8a52d4,#6a4191);transform:translateY(-2px);box-shadow:0 10px 20px #9962e14d}.secondary-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.secondary-btn:hover{background:linear-gradient(135deg,#43a047,#1b5e20);transform:translateY(-2px);box-shadow:0 10px 20px #4caf504d}.outline-btn{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.outline-btn:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.progress-ring{position:relative;width:120px;height:120px;margin:0 auto}.progress-ring-circle{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.8rem;font-weight:700}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:50vh;color:#ffffffb3;font-size:1.2rem;gap:1rem}.spinner{width:50px;height:50px;border:3px solid rgba(153,98,225,.3);border-top-color:#9962e1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:640px){.result-contr{padding:15vh 2rem 4rem}.top-container{flex-direction:row;align-items:center;padding:2rem}.top-cont-fst{order:1;margin-top:0;flex:2}.top-cont-scnd{order:2;flex:1;margin-bottom:0}.top-cont-scnd p{width:140px;height:140px;font-size:2.8rem}.result-contr h2{font-size:2.2rem}}@media(min-width:1024px){.result-contr{padding:14vh 4rem 4rem;max-width:100vw;margin:0 auto}.result-contr h2{font-size:2.5rem}.top-container{padding:3rem;margin:2rem 0 3rem}.top-cont-scnd p{width:160px;height:160px;font-size:3.2rem}}@media print{.result-contr{background:#fff;color:#000;padding:0}.score-card,.analysis-card,.question-card,.summary-card{background:#fff;border:1px solid #ddd;box-shadow:none}}
