.App{font-family:Arial,sans-serif}.glassnav{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:1px}.glassfooter,.glassnav{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(100%);backdrop-filter:blur(var(--glass-blur)) saturate(100%);background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow);margin-top:20px;text-align:center;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .45s}.glassfooter{justify-content:center;padding:0}.glassfooter:hover,.glassnav:hover{box-shadow:0 20px 50px #000000e6;transform:translateY(-6px)}.contactlist{flex-direction:row;gap:10px}.animated-button1,.logo{margin-left:20px}.logo{justify-content:left;padding-bottom:20px;padding-top:20px}nav.navbar{color:#fff;padding:0;position:-webkit-sticky;position:sticky;text-align:left}nav.navbar ul{display:flex;gap:50px;justify-content:right;list-style:none;margin-right:50px;padding:0}nav.navbar li{cursor:pointer}.roadmap-card{border:1px solid #ddd;border-radius:8px;margin:10px;max-width:300px;padding:15px;text-align:left}:root{--bg-opacity:0.08;--bg:#121212;--bg-alt:#1a1a1a;--card-bg:#1414148c;--card-border:#ffffff0f;--glass-blur:14px;--accent-1:175 95% 45%;--accent-2:150 95% 45%;--accent-3:195 95% 50%;--text:0 0% 90%;--text-soft:0 0% 75%;--muted:0 0% 60%;--shadow:0 10px 35px #000000bf;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#e6e6e6;color:hsl(var(--text));min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:rotateGrad 10s linear infinite;background:conic-gradient(from 220deg at 50% 50%,#06e0ce,#06e073,#06bcf9,#06e0ce);background:conic-gradient(from 220deg at 50% 50%,hsl(var(--accent-1)/1),hsl(var(--accent-2)/1),hsl(var(--accent-3)/1),hsl(var(--accent-1)/1));content:"";filter:blur(90px);inset:0;opacity:.08;opacity:var(--bg-opacity);pointer-events:none;position:fixed;transform:translateZ(0);z-index:0}@keyframes rotateGrad{0%{transform:rotate(0deg) scale(1.05)}to{transform:rotate(1turn) scale(1.05)}}body:after{animation:float 16s ease-in-out infinite;background:radial-gradient(600px 400px at 10% 20%,#ffffff08,#0000 15%),radial-gradient(500px 300px at 90% 80%,#ffffff08,#0000 15%);content:"";inset:0;mix-blend-mode:overlay;opacity:.8;pointer-events:none;position:fixed;z-index:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.aboutpara{font-size:12px;line-height:18px}.wrap{margin:48px auto;max-width:490px;padding:36px;position:relative;width:-webkit-fit-content;width:fit-content;z-index:1}.glass{-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(100%);backdrop-filter:blur(var(--glass-blur)) saturate(100%);background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid #ffffff0f;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 10px 35px #000000bf;box-shadow:var(--shadow);padding:28px;text-align:center;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .45s}.glass:hover{box-shadow:0 20px 50px #000000e6;transform:translateY(-6px)}.inputbox{size:30px;background-color:inherit;border:none;border-radius:10px;border-radius:100px;box-shadow:0 0 0 2px #ffffff20;color:#ffffff40;display:inline-block;font-size:15px;font-size:12px;font-weight:60;opacity:90%;overflow:hidden;padding:5px 19px;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.inputbox:hover{box-shadow:0 0 0 2px #0a797e8f;color:#ffffffb7}.animated-button{background-color:inherit;border:none;border-radius:100px;box-shadow:0 0 0 2px #ffffff20;color:#ffffff40;cursor:pointer;display:inline-block;font-size:12px;font-weight:60;overflow:hidden;padding:5px 19px;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button1{padding:5px 3px}.animated-button1,.animated-button3{background-color:inherit;border:none;border-radius:100px;box-shadow:0 0 0 2px #ffffff20;color:#ffffff40;cursor:pointer;display:inline-block;font-size:10px;font-weight:60;margin-left:3px;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.animated-button3{margin-top:30px;padding:9px 10px}.animated-button span:last-child,.animated-button1 span:last-child{opacity:0}.animated-button span:last-child,.animated-button1 span:last-child,.animated-button3 span:last-child{background-color:#09756c;border-radius:10%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .8s cubic-bezier(.23,1,.32,1);width:10px}.animated-button3 span:last-child{opacity:50%}.animated-button span:first-child,.animated-button1 span:first-child{position:relative;z-index:1}.animated-button1:hover,.animated-button3:hover,.animated-button:hover{box-shadow:0 0 0 1px #0a797e8f;color:#ffffffb7}.animated-button1:active,.animated-button:active{scale:.95}.animated-button1:hover span:last-child,.animated-button:hover span:last-child{height:10px;opacity:1;width:10px}.logo_login{justify-content:center;z-index:2}.logo_login,.logout{align-items:center;display:flex}.logout{justify-content:right;justify-content:flex-end;text-align:right}#welcometext{color:#ffffffe6;font-size:55px}#paratext,#welcometext{font-family:Times New Roman,Times,serif;text-align:center}#paratext{color:#ffffffb6;font-size:25px;margin-top:-20px}.main-grid{grid-gap:-2px;align-items:center;display:grid;gap:-2px;grid-template-columns:1fr 710px;overflow:auto}.jobspart{height:-webkit-fit-content;height:fit-content;margin-top:-1500px;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:9999999}.rolespart{margin-top:70px;overflow-y:auto}.roadmap-container{grid-gap:50px;display:grid;font-size:8px;gap:50px;grid-template-columns:repeat(3,1fr)}.resume-builder-container{align-items:flex-start;display:flex;gap:40px;justify-content:space-between;padding:30px}.left-notes,.right-notes{display:flex;flex:1 1;flex-direction:column;gap:40px;justify-content:center;margin-top:70px}.center-form{align-items:center;display:flex;flex:2 1;flex-direction:column;width:-webkit-max-content;width:max-content}.resumeform{display:block;justify-content:center;max-width:400px;padding:28px;width:100%}.note-card,.resumeform{-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(100%);backdrop-filter:blur(var(--glass-blur)) saturate(100%);background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid #ffffff0f;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 10px 35px #000000bf;box-shadow:var(--shadow);text-align:center;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .45s}.note-card{padding:20px}.note-card:hover{box-shadow:0 20px 50px #000000e6;transform:translateY(-6px)}.note-card h3{color:#e6e6e6;color:hsl(var(--text));font-size:13px;margin:0 0 10px}.note-card p{color:#bfbfbf;color:hsl(var(--text-soft));font-size:10px;margin:0}#rolehead{font-size:20px;margin-bottom:-10px;text-align:center}#rolehead1{font-size:15px;text-align:center}.glass2{-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(100%);backdrop-filter:blur(var(--glass-blur)) saturate(100%);background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid #ffffff0f;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 10px 35px #000000bf;box-shadow:var(--shadow);margin:20px 30px 20px 20px;padding:28px;text-align:center;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .45s}.glass2:hover{box-shadow:0 20px 50px #000000e6;transform:translateY(-2px)}.glass3{-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(100%);backdrop-filter:blur(var(--glass-blur)) saturate(100%);background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid #ffffff0f;border:1px solid var(--card-border);border-radius:16px;box-shadow:0 10px 35px #000000bf;box-shadow:var(--shadow);margin:40px;overflow:hidden;padding:28px;position:-webkit-sticky;position:sticky;text-align:center;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .45s}.glass3:hover{box-shadow:0 20px 50px #000000e6;transform:translateY(-2px)}.roadmap-container{text-align:center}.role-card-wrapper{display:grid;text-align:center}.role-card-wrapper:hover{transform:translateY(-2px)}#role-heading{font-size:15px;letter-spacing:4px}#role-heading,#role-heading1{align-items:center;text-align:center}#role-heading1{font-display:block;font-size:20px;font-weight:4000;letter-spacing:2px}.glasslevels1{align-items:center;display:flex;flex-direction:column;padding:20px 14px;position:relative;z-index:1}.roadmap-grid1{grid-row-gap:60px;grid-column-gap:60px;border-radius:1px solid #fff;column-gap:60px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:5px;max-width:-webkit-fit-content;max-width:fit-content;position:relative;row-gap:60px;width:80%;z-index:2}.roadmap-card1{background:linear-gradient(180deg,#ffffff08,#ffffff05);border:1px solid #ffffff0f;border:1px solid var(--card-border);border-radius:12px;color:#e6e6e6;color:hsl(var(--text));cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:188px;overflow:hidden;padding:18px;position:relative;text-align:left;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.roadmap-card1:hover{box-shadow:0 18px 40px #0009;transform:translateY(-6px)}.level-label{color:#e6e6e6;color:hsl(var(--text));font-size:12px;font-weight:700;margin:0}.roadmap-details{margin-left:20px;margin-top:12px;max-height:-webkit-fit-content;max-height:fit-content;opacity:80%;overflow:hidden;text-align:left;transition:opacity .26s ease,max-height .36s ease}.roadmap-card1.active{-webkit-backdrop-filter:blur(14px) saturate(100%);backdrop-filter:blur(14px) saturate(100%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(100%);backdrop-filter:blur(var(--glass-blur)) saturate(100%);background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid #3605050f;border-radius:16px;border-radius:14px;box-shadow:0 10px 35px #000000bf;box-shadow:var(--shadow);box-shadow:0 40px 120px #000000d9;height:-webkit-fit-content;height:fit-content;left:50%;overflow:auto;overflow-y:hidden;padding:26px;pointer-events:auto;position:fixed;text-align:center;text-align:left;top:50%;transform:translate(-50%,-50%)!important;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .45s;width:min(1000px,75%);z-index:111111}.roadmap-card1.active .roadmap-details{max-height:-webkit-max-content;max-height:max-content;opacity:1}.close-x{background:#0000;border:none;color:#e6e6e6;color:hsl(var(--text));cursor:auto;font-size:24px;position:absolute;right:12px;top:10px;z-index:1120}.overlay-blur{inset:0;pointer-events:none;position:fixed;transition:opacity 1.62s ease;z-index:1100}@media (max-width:1024px){.roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.roadmap-grid{gap:16px;grid-template-columns:1fr}.roadmap-card.active{height:86vh;width:94%}}.why{line-height:20.6px}.listlearn{display:flex;list-style:none}.listlearn,.listresources{margin-top:10px}.listlearn,.listresources,.listresources1{flex-direction:column;gap:6px;padding-left:0}.listresources1{margin-top:0}.listbox{color:#e0e0e0;font-size:1rem;line-height:1.6;padding-left:24px;position:relative}.listbox:before{color:#4dabf7;content:"•";font-size:1.2rem;font-weight:700;left:8px;position:absolute;top:0}.subheadcard{color:#d1d1d1;font-size:1.1rem;font-weight:600;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.listresources{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;list-style:none;margin:0;padding:0}.listresources li{flex:0 1 auto}.listresources a{border:1px solid #ffffff77;border-radius:6px;color:#dee6e4;display:inline-block;font-weight:10;padding:2px 5px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.listresources a:hover{background:#ffffff14;border-color:#9ecbff;margin-left:10px;transform:scale(1.03)}.listresources a:after{content:" ↗";font-size:.9em;opacity:.7}.listresources1{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start;list-style:none;margin:0;padding:0}.listresources1 li{flex:0 1 auto}.listresources1 a{border-radius:6px;color:#dee6e4;display:inline-block;font-weight:10;padding:3px 6px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.listresources1 a:hover{background:#ffffff14;border-color:#9ecbff;margin-left:0;transform:scale(1.03)}#linkpara{font-size:10px}.searchbox{align-items:center;box-sizing:border-box;flex-direction:column;font-family:Arial,sans-serif;max-height:-webkit-max-content;max-height:max-content;min-height:-webkit-fit-content;min-height:fit-content;padding:2rem;text-align:center}.progress-pie-charts,.searchbox{display:flex;justify-content:center}.progress-pie-charts{flex-wrap:wrap;gap:20px;margin-top:10px}.progress-pie-chart{align-items:center;display:flex;flex-direction:column;text-align:center}.progress-pie-chart svg{margin-bottom:8px}.role-name{word-wrap:break-word;color:#e6e6e6;color:hsl(var(--text));font-size:12px;font-weight:500;max-width:100px}@page{size:A4;margin:100mm}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.resume-page{min-height:257mm!important;width:190mm!important}}.section-block{break-inside:avoid;margin-bottom:2mm;margin-top:.5cm;page-break-inside:avoid}.pdf-wrapper{background:#fff;margin:0 auto;max-width:210mm;min-height:297mm;padding:0;width:100%}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}
/*# sourceMappingURL=main.c2377002.css.map*/