*{padding:0;margin:0;font-family:Raleway,sans-serif;scroll-behavior:smooth}.navbar{position:fixed;top:3%;left:0;right:0;z-index:999;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;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-color:#111111ec;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(67,9,67)}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:30vw;border:1px solid grey;border-radius:10px;padding:5%}.review h4{font-size:1em;line-height:1.4}.review p{color:gray;margin-top:6%}@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 rgb(203,96,8);width:30vw;height:max-content;image-rendering:optimizeQuality}.bio-description{float:left;color:#fff;padding:5% 7% 5% 5%}.myname{color:#f4f4f4;font-size:4rem;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;padding:10px 20px;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;color:#0077b5;background:#000}a.linkedin:hover{border-color:#0077b5;box-shadow:0 2px 8px #0077b526}a.linkedin svg{width:25px;height:25px;fill:#319dd8}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%}}.footer{border-top:1px solid #3b3b3bd1;padding:3% 1%;background:linear-gradient(to bottom,#0e0026,#03010c)}h6{color:#fff;font-size:1em}.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:10px;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:linear-gradient(to bottom,#03010c,#0e0026)}.sec-bdy{background:linear-gradient(to bottom,#0e0026,#03010c)}@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}#skills{background:linear-gradient(to bottom,#03010c,#0e0026);padding:20vh 2vw 15vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;height:max-content;min-height:100vh;box-sizing:border-box}.form-container{width:100%;margin:2rem auto;transition:all .5s cubic-bezier(.4,0,.2,1)}.form-container.hide{opacity:0;transform:translateY(-20px)}.form-container.hidden{display:none}#form{background:#1e053cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;max-width:50vw;min-width:30vw;border:1px solid rgba(169,130,232,.3);box-shadow:0 10px 30px #0000004d;transition:all .5s ease}#form.fade-out{animation:fadeOutUp .5s ease forwards}@keyframes fadeOutUp{to{opacity:0;transform:translateY(-30px)}}.skill-title{background:linear-gradient(to top,#a28ac0,#fff);font-size:clamp(1.5rem,3vw,2rem);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Raleway,sans-serif;text-align:left;margin-bottom:2rem;padding:0 1rem}.input-section{margin-bottom:2rem}.skills-display{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem;min-height:60px;padding:.5rem;background:#ffffff0d;border-radius:12px}.skill-unit{background:linear-gradient(135deg,#a982e8,#8c64d2);padding:.6rem 1.2rem;color:#fff;border-radius:20px;display:flex;align-items:center;font-size:.95rem;font-weight:500;animation:popIn .3s ease;box-shadow:0 4px 12px #a982e84d}@keyframes popIn{0%{opacity:0;transform:scale(.8)}}.skill-unit button{background:none;border:none;margin-left:.8rem;cursor:pointer;font-size:1.2rem;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.skill-unit button:hover{background:#fff3;transform:scale(1.1)}.input-wrapper{position:relative;margin-bottom:.5rem}.skill-input{border-radius:30px;height:7vh;font-size:1rem;padding:0% 3%;padding-left:1.2rem;background:#ffffff1a;border:2px solid rgba(169,130,232,.5);color:#fff;margin-top:5%;width:100%;transition:all .3s ease}.skill-input:focus{outline:none;border-color:#a982e8}.skill-input:disabled{opacity:.5;cursor:not-allowed}.skill-counter{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#a982e833;color:#a28ac0;padding:.2rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.notification{padding:.8rem 1rem;border-radius:10px;margin:.5rem 0;font-size:.9rem;animation:slideIn .3s ease}.notification.error{background:#ff44441a;color:#f44;border-left:4px solid #ff4444}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}}.instructions{color:#bfbfbfbc;font-size:.9rem;margin-top:.5rem;padding-left:.5rem}.instructions .max-reached{color:#6dc74e;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.7}}.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}.permission-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#03010cf2;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.permission-modal.show{opacity:1;visibility:visible}.permission-content{background:#1e053ce6;border-radius:20px;padding:2.5rem;width:90%;max-width:500px;border:1px solid rgba(169,130,232,.3);box-shadow:0 20px 40px #0006;animation:modalIn .5s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}}.permission-content h3{background:linear-gradient(to right,#a28ac0,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;text-align:center}.permission-content>p{color:#bfbfbf;text-align:center;margin-bottom:2rem}.permission-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.permission-item{display:flex;align-items:center;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid transparent;transition:all .3s ease}.permission-item.granted{border-color:#6dc74e;background:#6dc74e1a}.permission-icon{width:50px;height:50px;background:#a982e833;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;color:#a28ac0;font-size:1.2rem}.permission-item.granted .permission-icon{background:#6dc74e33;color:#6dc74e}.permission-text{flex:1}.permission-text h4{color:#fff;margin:0 0 .2rem}.permission-text p{color:#bfbfbf;font-size:.9rem;margin:0}.check-icon{color:#6dc74e;font-size:1.5rem;margin-left:1rem}.permission-progress{text-align:center}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(to right,#a28ac0,#6dc74e);border-radius:3px;transition:width .5s ease}.permission-progress p{color:#bfbfbf;font-size:.9rem}.processing-screen{text-align:center;padding:3rem 1rem;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}}.spinner-container{margin-bottom:2rem}.spinner{font-size:4rem;color:#a28ac0;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-screen h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.processing-screen p{color:#bfbfbf;margin-bottom:2rem}.loading-bar{width:100%;max-width:300px;height:4px;background:#ffffff1a;border-radius:2px;margin:0 auto;overflow:hidden}.loading-fill{height:100%;width:30%;background:linear-gradient(to right,#a28ac0,#6dc74e);border-radius:2px;animation:loading 2s ease-in-out infinite}iframe{margin-top:10vh;border:none;scale:2;opacity:.5}.framin-title{font-size:2rem;color:#fff;text-align:center;margin-bottom:1%;width:100%}@keyframes loading{50%{transform:translate(200%)}}.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}.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}}.middle-instruction{width:90vw;line-height:45px;border-left:1px solid rgb(183,183,183);padding-left:30px}.middle-instruction h3{color:#ebebeb;font-size:2.4em}.middle-instruction h5{color:#d3d3d3;font-size:1.3em}.instruct{color:#fff;width:95vw}.instruct h3{font-weight:400;padding:3% 2%;text-align:left;font-size:1.7em;color:#fff;margin-bottom:-10px}.instruct p{line-height:1.8em;padding-left:1%;margin-bottom:5px;color:#e2e2e2;font-size:1.3em}.finalconfirmation{display:flex;width:95vw;justify-content:left;color:#fff;margin-top:15px}input[type=checkbox]{scale:1.3;margin-right:13px}button.confirm{width:15vw;max-width:40vw;height:6vh;border:none;border-radius:20px;font-size:1em;margin:2%}div.type-selecter{border:1px solid rgb(169,169,169);width:48vw;height:max-content;color:#fff;border-radius:30px;padding:2% 3% 3% 2%}.type-selecter p{color:#c5c5c5;font-size:2.4rem;padding:1%;margin-bottom:5%}label{display:flex;font-size:1.4em;justify-content:space-between;padding:2.2% 2.2% 2.2% 5%;cursor:pointer;border:1px solid transparent;margin-bottom:1%}label:hover{border-radius:10px;border:1px solid rgb(99,70,131)}input[type=radio]{scale:1.3}.locked{opacity:.8;display:flex;align-items:center;cursor:not-allowed;pointer-events:none}.premium-tag{font-size:.7rem;padding:3px 7px;border-radius:12px;background:linear-gradient(90deg,#7c3aed,#ec4899);color:#fff;font-weight:600;position:relative;top:-10px}.browse{scale:.9;width:max-content;margin-left:-5%;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;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;padding-left:3%}@media(max-width:768px){#skills{padding:18vh 1rem 3rem;align-items:center;margin:0 auto}#form{padding:1.5rem;margin:0 .5rem;max-width:70vw}.skill-title{font-size:1.6rem}.skill-input{height:2.5rem;font-size:.95rem}.skill-counter{position:relative;right:auto;top:auto;transform:none;margin-top:.5rem;display:inline-block}.skill-submit{height:2.7rem;font-size:1rem;max-width:80%;margin-left:auto;margin-right:auto;display:block}.permission-content{padding:1.5rem;margin:1rem}.permission-item{padding:.8rem}.permission-icon{width:40px;height:40px;font-size:1rem}iframe{display:block;margin:10vh auto 0;max-width:90vw;width:100%}h3.framin-title,.framin-desc{text-align:center;width:100%;margin-left:auto;margin-right:auto}}@media(max-width:480px){.skill-unit{padding:.5rem 1rem;font-size:.85rem}.skills-display{gap:.5rem}.permission-content{padding:1rem}.permission-text h4{font-size:.95rem}.permission-text p{font-size:.8rem}}*{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}.progress-container{margin-bottom:2rem}.progress-label{font-size:.875rem;color:#c4b5fd;margin-bottom:.5rem}.progress-bar{height:.5rem;background-color:#5b21b6;border-radius:9999px;overflow:hidden}.progress-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:0;-webkit-text-fill-color:transparent}.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;-webkit-text-fill-color:transparent}.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% 5% 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:linear-gradient(135deg,#1f1e1eda,#282828f2);-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;box-sizing:border-box}.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;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}@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% 5%}.test-details{margin-top:5%}.summary-head button{margin-top:4%;padding:2%;transform:scale(.8)}.summary-title{margin-top:5%;margin-bottom:0%;font-size:1.7rem}.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}}@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}}#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}.premium-badge{font-size:30px;margin-bottom:3px;color:#aa79f0}.non-premium-view{text-align:center;color:#c4c4c4}.non-premium-view button{margin:2% auto;border:none}@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%}}.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%}}