@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#1a202c;background-color:#f7fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--university-primary: #6366f1;--university-secondary: #8b5cf6;--university-primary-dark: #4338ca;--university-secondary-dark: #7c3aed;--university-primary-rgb: 99, 102, 241;--university-secondary-rgb: 139, 92, 246;--university-bg-primary: #6366f1;--university-bg-secondary: #8b5cf6;--university-text-color: #ffffff;--university-bg-primary-dark: #1e1b4b;--university-bg-secondary-dark: #312e81}:root.dark{color:#fff;background-color:#1a1a2e}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--university-bg-primary);transition:background-color .5s ease;color:var(--university-text-color)}:root.dark body{background-color:var(--university-bg-primary-dark);color:#f1f5f9}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}a{color:#4a90e2;text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.aspyr-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--university-bg-primary) 0%,var(--university-bg-secondary) 100%);transition:background .5s ease;color:var(--university-text-color)}.aspyr-landing:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.03) 0%,transparent 50%);pointer-events:none;z-index:1}.aspyr-landing.dark{background:linear-gradient(135deg,var(--university-bg-primary-dark) 0%,var(--university-bg-secondary-dark) 100%);color:#fff}.aspyr-landing.dark:before{background:linear-gradient(45deg,rgba(255,255,255,.05) 0%,transparent 50%)}.theme-toggle{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.theme-toggle:hover{transform:rotate(180deg) scale(1.1);background:#fff3;border-color:#ffffff80}.landing-content{text-align:center;z-index:10;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.landing-content.visible{opacity:1;transform:translateY(0)}.logo-container{position:relative;margin-bottom:2rem;display:inline-block}.aspyr-logo{font-size:clamp(4rem,10vw,7rem);font-weight:900;color:var(--university-text-color);text-shadow:1px 1px 4px rgba(0,0,0,.2),0 0 8px rgba(0,0,0,.15);letter-spacing:.1em;margin:0;position:relative;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.dark .aspyr-logo{color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-letter{display:inline-block;animation:letterFloat 3s ease-in-out infinite;animation-delay:var(--delay)}@keyframes letterFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:pulseGlow 3s ease-in-out infinite;z-index:1}.dark .logo-glow{background:radial-gradient(circle,rgba(167,139,250,.4) 0%,transparent 70%)}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.landing-description{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--university-text-color);opacity:.95;max-width:600px;margin:0 auto 3rem;line-height:1.8;text-shadow:0 1px 2px rgba(0,0,0,.15);animation:fadeInUp 1s ease-out .3s both;font-weight:500;position:relative;z-index:2}.dark .landing-description{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.features-preview{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap;animation:fadeInUp 1s ease-out .5s both}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--university-text-color);opacity:.9;font-size:1rem;padding:1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:150px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.feature-item:hover{transform:translateY(-5px) scale(1.05);background:#fff3;border-color:#fff6;box-shadow:0 10px 30px #0000004d}.feature-icon{font-size:2rem;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.start-button{position:relative;padding:1.25rem 3rem;font-size:1.25rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp 1s ease-out .7s both;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 40px #0003}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.start-button:hover:before{left:100%}.start-button:hover{transform:scale(1.05);border-color:#ffffff80;background:linear-gradient(135deg,#ffffff4d,#fff3);box-shadow:0 15px 50px #0000004d}.start-button:active{transform:scale(.98)}.button-text{position:relative;z-index:2}.button-arrow{position:relative;z-index:2;transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:1.5rem}.start-button:hover .button-arrow{transform:translate(5px)}.button-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50px;opacity:0;transition:opacity .3s ease;pointer-events:none}.start-button:hover .button-glow{opacity:1}.landing-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;filter:blur(60px);animation:float 20s ease-in-out infinite}.aspyr-landing.dark .bg-circle{background:rgba(var(--university-secondary-rgb),.15)}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.aspyr-logo{font-size:3.5rem}.features-preview{gap:1rem}.feature-item{min-width:120px;font-size:.9rem}.start-button{padding:1rem 2rem;font-size:1.1rem}.theme-toggle{top:1rem;right:1rem;width:40px;height:40px;font-size:1.2rem}}.personal-info-page{min-height:100vh;background:var(--university-bg-primary);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;transition:background .5s ease;color:var(--university-text-color)}.personal-info-page.dark{background:var(--university-bg-primary-dark);color:#f1f5f9}.personal-info-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:800px;width:100%;padding:3rem;animation:slideUp .6s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.personal-info-page.dark .personal-info-container{background:#1a1a2ef2;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080}.personal-info-header{text-align:center;margin-bottom:2.5rem}.personal-info-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .3s ease}.personal-info-page.dark .personal-info-title{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(167,139,250,.3)}.personal-info-subtitle{font-size:1.1rem;color:#718096;margin-bottom:2rem;line-height:1.6;transition:color .3s ease}.personal-info-page.dark .personal-info-subtitle{color:#fffc}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:1rem;transition:background .3s ease}.personal-info-page.dark .progress-bar{background:#ffffff1a}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:4px;box-shadow:0 2px 10px #6366f180}.step-indicator{font-size:.9rem;color:#718096;font-weight:500;transition:color .3s ease}.personal-info-page.dark .step-indicator{color:#ffffffb3}.personal-info-form{width:100%}.form-step{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.step-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;transition:color .3s ease}.personal-info-page.dark .step-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.step-description{font-size:1rem;color:#718096;margin-bottom:2rem;line-height:1.6;transition:color .3s ease}.personal-info-page.dark .step-description{color:#fffc}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.95rem;font-weight:600;color:#2d3748;margin-bottom:.5rem;transition:color .3s ease}.personal-info-page.dark .form-label{color:#ffffffe6}.required{color:#e53e3e}.optional{color:#a0aec0;font-weight:400;font-size:.85rem;transition:color .3s ease}.personal-info-page.dark .optional{color:#ffffff80}.form-input,.form-select{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background:#fff;color:#2d3748}.personal-info-page.dark .form-input,.personal-info-page.dark .form-select{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126,0 4px 12px #6366f11a;transform:translateY(-1px);background:#fff}.personal-info-page.dark .form-input:focus,.personal-info-page.dark .form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf640,0 4px 12px #8b5cf626;background:#ffffff14}.form-input::placeholder{color:#a0aec0;transition:color .3s ease}.personal-info-page.dark .form-input::placeholder{color:#fff6}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.personal-info-page.dark .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.form-select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.7}.personal-info-page.dark .form-select:disabled{background-color:#ffffff0d}.form-hint{font-size:.85rem;color:#718096;margin-top:.5rem;font-style:italic;transition:color .3s ease}.personal-info-page.dark .form-hint{color:#fff9}.roles-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.role-card-compact{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.personal-info-page.dark .role-card-compact{background:#ffffff0d;border-color:#ffffff1a}.role-card-compact:hover{border-color:#6366f1;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px #6366f140,0 0 0 1px #6366f11a;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.personal-info-page.dark .role-card-compact:hover{border-color:#8b5cf6;box-shadow:0 12px 28px #8b5cf659,0 0 0 1px #8b5cf633;background:linear-gradient(135deg,#8b5cf626,#a78bfa26)}.role-card-compact.selected{border-color:#6366f1;background:linear-gradient(135deg,#6366f126,#8b5cf626);box-shadow:0 8px 24px #6366f159,0 0 0 2px #6366f133;transform:translateY(-2px)}.personal-info-page.dark .role-card-compact.selected{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf640,#a78bfa40);box-shadow:0 8px 24px #8b5cf666,0 0 0 2px #8b5cf64d}.role-card-compact-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem;transition:color .3s ease}.personal-info-page.dark .role-card-compact-title{color:#fff}.role-card-compact-description{font-size:.9rem;color:#718096;line-height:1.5;margin:0;transition:color .3s ease}.personal-info-page.dark .role-card-compact-description{color:#ffffffb3}.role-selected-indicator-compact{position:absolute;top:.75rem;right:.75rem;color:#667eea;font-weight:600;font-size:.85rem}.personal-info-page.dark .role-selected-indicator-compact{color:#a78bfa}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e2e8f0;transition:border-color .3s ease}.personal-info-page.dark .form-navigation{border-top-color:#ffffff1a}.navigation-spacer{flex:1}.btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;box-shadow:0 6px 20px #6366f166,0 0 0 1px #ffffff1a;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #6366f180,0 0 0 1px #fff3;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#6366f1;border:2px solid #6366f1;box-shadow:0 2px 8px #6366f133}.personal-info-page.dark .btn-secondary{background:#ffffff0d;color:#8b5cf6;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf640}.btn-secondary:hover{background:#f8fafc;transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #6366f14d;border-color:#7c3aed;color:#7c3aed}.personal-info-page.dark .btn-secondary:hover{background:#ffffff1a;box-shadow:0 4px 12px #8b5cf659;border-color:#a855f7;color:#a855f7}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}@media(max-width:768px){.personal-info-container{padding:2rem 1.5rem;border-radius:16px}.personal-info-title{font-size:2rem}.personal-info-subtitle{font-size:1rem}.step-title{font-size:1.5rem}.roles-grid-compact{grid-template-columns:1fr}.form-navigation{flex-direction:column;gap:1rem}.btn{width:100%}.navigation-spacer{display:none}}.resume-parser-container{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6;transition:all .3s ease}.resume-parser-container:hover{border-color:#4a90e2;background:#f0f4f8}.resume-parser-header{margin-bottom:1rem}.resume-parser-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem}.resume-parser-description{font-size:.9rem;color:#6c757d;margin:0}.resume-parser-upload-area{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.resume-parser-input{display:none}.resume-parser-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.resume-parser-button:hover:not(:disabled){background:#357abd;transform:translateY(-1px);box-shadow:0 4px 8px #4a90e24d}.resume-parser-button:active:not(:disabled){transform:translateY(0)}.resume-parser-button:disabled{opacity:.6;cursor:not-allowed}.resume-parser-button svg{flex-shrink:0}.resume-parser-filename{font-size:.9rem;color:#495057;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-parser-message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;animation:slideIn .3s ease}.resume-parser-error{background:#fee;color:#c33;border:1px solid #fcc}.resume-parser-success{background:#efe;color:#3c3;border:1px solid #cfc}.resume-parser-message svg{flex-shrink:0}@media(max-width:768px){.resume-parser-container{padding:1rem}.resume-parser-upload-area{flex-direction:column;align-items:stretch}.resume-parser-button{width:100%;justify-content:center}.resume-parser-filename{max-width:100%;text-align:center}}.linkedin-parser-container{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:2px dashed #0077b5;transition:all .3s ease}.linkedin-parser-container:hover{border-color:#005885;background:#f0f4f8}.linkedin-parser-header{margin-bottom:1rem}.linkedin-parser-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.linkedin-parser-title:before{content:"";display:inline-block;width:24px;height:24px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230077b5"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>') no-repeat center;background-size:contain}.linkedin-parser-description{font-size:.9rem;color:#6c757d;margin:0}.linkedin-parser-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #dee2e6;padding-bottom:.5rem}.linkedin-parser-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#6c757d;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.linkedin-parser-tab:hover{color:#0077b5;background:#f8f9fa;border-radius:6px 6px 0 0}.linkedin-parser-tab.active{color:#0077b5;border-bottom-color:#0077b5;font-weight:600}.linkedin-parser-tab svg{flex-shrink:0}.linkedin-parser-form{display:flex;flex-direction:column;gap:1rem}.linkedin-parser-input-group{display:flex;flex-direction:column;gap:.5rem}.linkedin-parser-label{font-size:.95rem;font-weight:500;color:#2c3e50}.linkedin-parser-input,.linkedin-parser-textarea{width:100%;padding:.75rem;border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s ease;resize:vertical}.linkedin-parser-input:focus,.linkedin-parser-textarea:focus{outline:none;border-color:#0077b5;box-shadow:0 0 0 3px #0077b51a}.linkedin-parser-input:disabled,.linkedin-parser-textarea:disabled{background:#e9ecef;cursor:not-allowed;opacity:.7}.linkedin-parser-textarea{min-height:120px;font-family:Courier New,monospace;font-size:.9rem}.linkedin-parser-hint{font-size:.85rem;color:#6c757d;margin:0;font-style:italic}.linkedin-parser-submit-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#0077b5;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:flex-start}.linkedin-parser-submit-button:hover:not(:disabled){background:#005885;transform:translateY(-1px);box-shadow:0 4px 8px #0077b54d}.linkedin-parser-submit-button:active:not(:disabled){transform:translateY(0)}.linkedin-parser-submit-button:disabled{opacity:.6;cursor:not-allowed}.linkedin-parser-submit-button svg{flex-shrink:0}.linkedin-parser-message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.linkedin-parser-error{background:#fee;color:#c33;border:1px solid #fcc}.linkedin-parser-success{background:#efe;color:#3c3;border:1px solid #cfc}.linkedin-parser-message svg{flex-shrink:0}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.linkedin-parser-container{padding:1rem}.linkedin-parser-tabs{flex-direction:column;gap:.25rem}.linkedin-parser-tab{width:100%;justify-content:center;padding:.75rem;border-bottom:none;border-left:3px solid transparent;margin-bottom:0}.linkedin-parser-tab.active{border-left-color:#0077b5;border-bottom-color:transparent}.linkedin-parser-submit-button{width:100%}.linkedin-parser-textarea{min-height:100px}}.skills-input-container{margin-bottom:2rem;transition:all .3s ease}.skills-input-wrapper{position:relative}.skills-label{display:block;font-weight:600;margin-bottom:.5rem;color:#333;font-size:1rem;transition:color .3s ease}.skills-input-container.dark .skills-label{color:#ffffffe6}.input-method-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.method-tab{flex:1;min-width:120px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#718096;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem}.skills-input-container.dark .method-tab{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3}.method-tab:hover{transform:translateY(-2px);border-color:#667eea;box-shadow:0 4px 12px #667eea33}.skills-input-container.dark .method-tab:hover{border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa4d}.method-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.skills-input-container.dark .method-tab.active{background:linear-gradient(135deg,#a78bfa,#c4b5fd);border-color:#a78bfa}.processing-state{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#667eea1a;border-radius:12px;margin-bottom:1rem;color:#667eea;font-weight:500}.skills-input-container.dark .processing-state{background:#a78bfa33;color:#a78bfa}.spinner-small{width:20px;height:20px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.skills-input-container.dark .spinner-small{border-color:#a78bfa33;border-top-color:#a78bfa}.error-message{padding:1rem;background:#fee;border:2px solid #fcc;border-radius:12px;color:#c33;margin-bottom:1rem;animation:shake .5s ease}.skills-input-container.dark .error-message{background:#ff00001a;border-color:#ff00004d;color:#ff6b6b}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.upload-instructions{padding:2rem;text-align:center;background:#667eea0d;border-radius:12px;border:2px dashed rgba(102,126,234,.3);margin-bottom:1rem}.skills-input-container.dark .upload-instructions{background:#a78bfa1a;border-color:#a78bfa4d}.upload-instructions p{margin:.5rem 0;color:#718096}.skills-input-container.dark .upload-instructions p{color:#ffffffb3}.upload-instructions .hint{font-size:.9rem;font-style:italic;color:#a0aec0}.skills-input-container.dark .upload-instructions .hint{color:#ffffff80}.input-with-suggestions{position:relative}.skills-chips-container,.skills-chips-container-display{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border:2px solid #ddd;border-radius:12px;background:#fff;min-height:48px;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.skills-input-container.dark .skills-chips-container,.skills-input-container.dark .skills-chips-container-display{background:#ffffff0d;border-color:#ffffff1a}.skills-chips-container:focus-within{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.skills-input-container.dark .skills-chips-container:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.skills-display{margin-top:1rem}.skill-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.9rem;font-weight:500;animation:chipAppear .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #667eea4d}.skills-input-container.dark .skill-chip{background:linear-gradient(135deg,#a78bfa,#c4b5fd)}@keyframes chipAppear{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chip-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;margin-left:.25rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.chip-remove:hover{background-color:#ffffff4d;transform:rotate(90deg)}.chip-remove:focus{outline:2px solid white;outline-offset:2px}.skill-input{flex:1;border:none;outline:none;padding:.25rem;font-size:1rem;min-width:150px;background:transparent;color:#333}.skills-input-container.dark .skill-input{color:#fff}.skill-input::placeholder{color:#a0aec0}.skills-input-container.dark .skill-input::placeholder{color:#fff6}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 30px #00000026;max-height:300px;overflow-y:auto;z-index:1000;animation:dropdownAppear .3s cubic-bezier(.4,0,.2,1)}.skills-input-container.dark .suggestions-dropdown{background:#1e293b;border:2px solid rgba(139,92,246,.3);box-shadow:0 8px 30px #00000080,0 0 0 1px #8b5cf61a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0;color:#1e293b}.skills-input-container.dark .suggestion-item{border-bottom-color:#ffffff1a;color:#f1f5f9}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item:focus{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);outline:none;transform:translate(5px);color:#6366f1}.skills-input-container.dark .suggestion-item:hover,.skills-input-container.dark .suggestion-item:focus{background:linear-gradient(135deg,#8b5cf64d,#a78bfa4d);color:#c4b5fd}.suggestion-label{font-weight:500;color:#1e293b;flex:1}.skills-input-container.dark .suggestion-label{color:#f1f5f9}.suggestion-category{font-size:.75rem;color:#475569;text-transform:capitalize;padding:.25rem .5rem;background:#e2e8f0;border-radius:12px;font-weight:500;margin-left:.5rem}.skills-input-container.dark .suggestion-category{color:#cbd5e1;background:#8b5cf633;border:1px solid rgba(139,92,246,.3)}.clear-all-button{margin-top:.5rem;padding:.5rem 1rem;background:#ff6b6b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-all-button:hover{background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.clear-all-button:focus{outline:2px solid #ff6b6b;outline-offset:2px}.input-hint{margin-top:.5rem;font-size:.875rem;color:#666;transition:color .3s ease}.skills-input-container.dark .input-hint{color:#fff9}@media(max-width:768px){.skills-chips-container,.skills-chips-container-display{padding:.5rem}.skill-chip{font-size:.85rem;padding:.35rem .65rem}.suggestions-dropdown{max-height:250px}.input-method-tabs{flex-direction:column}.method-tab{width:100%}}.role-selection-container{margin-bottom:2rem}.role-selection-label{display:block;font-weight:600;margin-bottom:.5rem;color:#333;font-size:1rem;transition:color .3s ease}.role-selection-container.dark .role-selection-label{color:#ffffffe6}.role-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background:#fff;color:#2d3748;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.role-selection-container.dark .role-select{background:#ffffff0d;border-color:#ffffff1a;color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.role-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.role-selection-container.dark .role-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.role-select:hover{border-color:#667eea}.role-selection-container.dark .role-select:hover{border-color:#a78bfa}@media(max-width:768px){.role-select{font-size:.95rem;padding:.75rem 2.25rem .75rem .875rem}}.results-dashboard{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.results-dashboard.dark{background:#1e293bf2;box-shadow:0 4px 16px #00000080;border:1px solid rgba(255,255,255,.1)}.results-dashboard.empty{text-align:center;padding:3rem}.empty-message{font-size:1.1rem;color:#666;font-style:italic;transition:color .3s ease}.results-dashboard.dark .empty-message{color:#ffffffb3}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.role-summary{flex:1;min-width:250px}.role-name{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;color:#1e293b;transition:color .3s ease;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.results-dashboard.dark .role-name{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(139,92,246,.2)}.role-description{font-size:1rem;color:#666;line-height:1.6;transition:color .3s ease}.results-dashboard.dark .role-description{color:#fffc}.readiness-indicator{flex-shrink:0}.readiness-circle{position:relative;width:120px;height:120px}.circular-progress{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-background{stroke:#e0e0e0}.results-dashboard.dark .progress-ring-background{stroke:#ffffff26}.progress-ring{stroke:#6366f1;transition:stroke-dashoffset .5s ease;filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}.results-dashboard.dark .progress-ring{stroke:#8b5cf6;filter:drop-shadow(0 2px 4px rgba(139,92,246,.4))}.readiness-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.percentage-value{display:block;font-size:2rem;font-weight:700;color:#333;line-height:1;transition:color .3s ease}.results-dashboard.dark .percentage-value{color:#fff}.percentage-label{display:block;font-size:.85rem;color:#666;margin-top:.25rem;transition:color .3s ease}.results-dashboard.dark .percentage-label{color:#ffffffe6}.weighted-readiness{display:block;font-size:.75rem;color:#888;margin-top:.25rem;transition:color .3s ease}.results-dashboard.dark .weighted-readiness{color:#ffffffb3}.skills-summary{display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;justify-content:center;transition:background .3s ease}.results-dashboard.dark .skills-summary{background:#ffffff0d}.summary-stat{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:#333;line-height:1;transition:color .3s ease}.results-dashboard.dark .stat-value{color:#fff}.stat-label{display:block;font-size:.9rem;color:#666;margin-top:.5rem}.summary-stat.matched .stat-value{color:#28a745}.summary-stat.missing .stat-value{color:#ff6b6b}.skills-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.skills-section{padding:1.5rem;background:#f8f9fa;border-radius:8px;transition:background .3s ease}.results-dashboard.dark .skills-section{background:#ffffff0d}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333;transition:color .3s ease}.results-dashboard.dark .section-title{color:#fff}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-block;transition:all .2s ease}.skill-badge.matched{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid #10b981;box-shadow:0 2px 4px #10b98133}.skill-badge.missing{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #ef4444;box-shadow:0 2px 4px #ef444433}.clickable-skill{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.clickable-skill:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #0003;z-index:1}.clickable-skill.matched:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166}.clickable-skill.missing:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466}.clickable-skill:active{transform:translateY(0) scale(1)}.results-dashboard.dark .skill-badge.matched{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.results-dashboard.dark .skill-badge.missing{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.empty-skills-message{color:#666;font-style:italic;padding:1rem 0}.empty-skills-message.success{color:#28a745;font-weight:500}.missing-skills-by-category{display:flex;flex-direction:column;gap:1.5rem}.category-group{border-bottom:1px solid #ddd;padding-bottom:1rem}.category-group:last-child{border-bottom:none;padding-bottom:0}.category-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.results-dashboard.dark .category-title{color:#ffffffe6}@media(max-width:968px){.skills-comparison{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:center;text-align:center}.role-summary{text-align:center}.skills-summary{flex-wrap:wrap;gap:1rem}}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e2e8f0;overflow-x:auto}.tab-button{padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#718096;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:inherit}.results-dashboard.dark .tab-button{color:#ffffffb3}.tab-button:hover{color:#6366f1;background:#6366f10d;transform:translateY(-2px)}.results-dashboard.dark .tab-button:hover{color:#8b5cf6;background:#8b5cf61a}.tab-button.active{color:#6366f1;border-bottom-color:#6366f1;background:#6366f10d}.results-dashboard.dark .tab-button.active{color:#8b5cf6;border-bottom-color:#8b5cf6;background:#8b5cf626}.tab-content{min-height:400px}.skills-tab{padding:1rem 0}.resources-section,.school-courses-section{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.school-courses-section.featured{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.2);box-shadow:0 4px 20px #667eea26}.results-dashboard.dark .resources-section,.results-dashboard.dark .school-courses-section{background:#ffffff0d}.results-dashboard.dark .school-courses-section.featured{background:linear-gradient(135deg,#a78bfa26,#c4b5fd26);border-color:#a78bfa4d;box-shadow:0 4px 20px #a78bfa33}.section-subtitle{font-size:.95rem;color:#718096;margin-bottom:1rem;line-height:1.6;transition:color .3s ease}.results-dashboard.dark .section-subtitle{color:#ffffffb3}.resources-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.resource-card{display:flex;align-items:center;padding:1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);gap:1rem}.results-dashboard.dark .resource-card{background:#ffffff0d;border-color:#ffffff1a}.resource-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.results-dashboard.dark .resource-card:hover{border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa4d}.resource-icon{font-size:2rem;flex-shrink:0}.resource-content{flex:1}.resource-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem;transition:color .3s ease}.results-dashboard.dark .resource-title{color:#fff}.resource-description{font-size:.9rem;color:#718096;margin-bottom:.5rem;transition:color .3s ease}.results-dashboard.dark .resource-description{color:#ffffffb3}.resource-type{font-size:.85rem;color:#667eea;font-weight:500}.resource-arrow{font-size:1.5rem;color:#667eea;flex-shrink:0}.courses-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.course-card{display:flex;gap:1rem;padding:1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.results-dashboard.dark .course-card{background:#ffffff0d;border-color:#ffffff1a}.course-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.results-dashboard.dark .course-card:hover{border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa4d}.course-code{font-size:.9rem;font-weight:700;color:#667eea;background:#667eea1a;padding:.5rem 1rem;border-radius:8px;align-self:flex-start;flex-shrink:0}.course-content{flex:1}.course-name{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem;transition:color .3s ease}.results-dashboard.dark .course-name{color:#fff}.course-description{font-size:.9rem;color:#718096;line-height:1.6;transition:color .3s ease}.results-dashboard.dark .course-description{color:#ffffffb3}.timeline-tab{padding:1rem 0}.timeline-description{font-size:1rem;color:#718096;margin-bottom:2rem;line-height:1.6}.timeline-container{position:relative;padding-left:2rem}.timeline-item{position:relative;margin-bottom:2.5rem;display:flex;gap:1.5rem}.timeline-marker{position:absolute;left:-2rem;top:0;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:16px;height:16px;border-radius:50%;background:#667eea;border:3px solid white;box-shadow:0 0 0 2px #667eea;z-index:2}.timeline-line{width:2px;flex:1;background:#e2e8f0;margin-top:.5rem;min-height:60px}.timeline-content{flex:1;padding:1rem 1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.timeline-month{font-size:.85rem;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.timeline-event-title{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.timeline-event-description{font-size:.9rem;color:#718096;line-height:1.6;margin-bottom:.5rem}.timeline-completed{font-size:.85rem;color:#28a745;font-weight:600}.job-stats-tab{padding:1rem 0}.stats-description{font-size:1rem;color:#718096;margin-bottom:2rem;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{padding:2rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #e2e8f0;border-radius:12px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.stat-icon{font-size:3rem;margin-bottom:1rem}.stat-card-title{font-size:1rem;font-weight:600;color:#718096;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:1.5rem;font-weight:700;color:#2d3748}.bls-link{text-align:center;margin-top:2rem}.bls-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .2s ease}.bls-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.stats-updated{text-align:center;font-size:.85rem;color:#718096;margin-top:1rem}.projects-tab{padding:1rem 0}.projects-description{font-size:1rem;color:#718096;margin-bottom:2rem;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{padding:1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.project-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-name{font-size:1.2rem;font-weight:600;color:#2d3748;flex:1}.project-difficulty{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.project-difficulty.beginner{background:#d4edda;color:#155724}.project-difficulty.intermediate{background:#fff3cd;color:#856404}.project-difficulty.advanced{background:#f8d7da;color:#721c24}.project-description{font-size:.95rem;color:#718096;line-height:1.6;margin-bottom:1rem}.project-skills{font-size:.9rem;color:#2d3748;padding-top:1rem;border-top:1px solid #e2e8f0}.project-skills strong{color:#667eea}.loading-state,.error-state{text-align:center;padding:3rem;color:#718096}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-state .hint{font-size:.85rem;color:#a0aec0;margin-top:.5rem}@media(max-width:968px){.skills-comparison{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:center;text-align:center}.role-summary{text-align:center}.skills-summary{flex-wrap:wrap;gap:1rem}.dashboard-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:.75rem 1rem;font-size:.9rem}.stats-grid,.projects-grid{grid-template-columns:1fr}}@media(max-width:768px){.results-dashboard{padding:1.5rem}.role-name{font-size:1.5rem}.readiness-circle{width:100px;height:100px}.percentage-value{font-size:1.5rem}.timeline-container{padding-left:1.5rem}.timeline-marker{left:-1.5rem}}.dashboard-actions{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1);flex-wrap:wrap}.results-dashboard.dark .dashboard-actions{border-top-color:#ffffff1a}.btn-change-role,.btn-start-over{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.btn-change-role{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-change-role:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #6366f166;background:linear-gradient(135deg,#7c3aed,#a855f7)}.btn-start-over{background:#ffffff1a;color:#6366f1;border:2px solid #6366f1;box-shadow:0 2px 8px #6366f133}.results-dashboard.dark .btn-start-over{background:#ffffff0d;color:#8b5cf6;border-color:#8b5cf6}.btn-start-over:hover{transform:translateY(-2px) scale(1.02);background:#6366f11a;box-shadow:0 4px 12px #6366f14d}.results-dashboard.dark .btn-start-over:hover{background:#8b5cf626;box-shadow:0 4px 12px #8b5cf659}@media(max-width:768px){.dashboard-actions{flex-direction:column}.btn-change-role,.btn-start-over{width:100%}}.learning-path-container{margin-top:2rem;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.results-dashboard.dark .learning-path-container,.dark .learning-path-container{background:#1e293bf2;box-shadow:0 4px 16px #00000080;border:1px solid rgba(255,255,255,.1)}.learning-path-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#1e293b;transition:color .3s ease}.results-dashboard.dark .learning-path-title,.dark .learning-path-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.learning-path-subtitle{font-size:1rem;color:#666;margin-bottom:2rem;transition:color .3s ease}.results-dashboard.dark .learning-path-subtitle,.dark .learning-path-subtitle{color:#fffc}.learning-path-list{display:flex;flex-direction:column;gap:1.5rem}.learning-path-item{padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #6366f1;transition:transform .2s,box-shadow .2s}.results-dashboard.dark .learning-path-item,.dark .learning-path-item{background:#ffffff0d;border-left-color:#8b5cf6}.learning-path-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.results-dashboard.dark .learning-path-item:hover,.dark .learning-path-item:hover{box-shadow:0 4px 12px #8b5cf64d;background:#ffffff14}.path-item-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.path-item-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.results-dashboard.dark .path-item-number,.dark .path-item-number{background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 2px 8px #8b5cf666}.path-item-skill{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;flex:1;transition:color .3s ease}.results-dashboard.dark .path-item-skill,.dark .path-item-skill{color:#fff}.path-item-category{font-size:.85rem;color:#475569;text-transform:capitalize;padding:.25rem .75rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.results-dashboard.dark .path-item-category,.dark .path-item-category{color:#cbd5e1;background:#8b5cf633;border-color:#8b5cf64d}.path-item-resources{margin-left:2.5rem}.resource-instruction{font-size:.9rem;color:#666;margin-bottom:.75rem;font-style:italic;transition:color .3s ease}.results-dashboard.dark .resource-instruction,.dark .resource-instruction{color:#ffffffb3}.resources-list{display:flex;flex-direction:column;gap:.75rem}.resource-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;text-decoration:none;color:#1e293b;transition:all .2s}.results-dashboard.dark .resource-link,.dark .resource-link{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}.resource-link:hover{border-color:#6366f1;background:#f0f7ff;transform:translate(4px);box-shadow:0 2px 8px #6366f126}.results-dashboard.dark .resource-link:hover,.dark .resource-link:hover{border-color:#8b5cf6;background:#8b5cf626;box-shadow:0 2px 8px #8b5cf640}.resource-link:focus{outline:2px solid #4a90e2;outline-offset:2px}.resource-icon{font-size:1.5rem;flex-shrink:0}.resource-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.resource-title{font-weight:600;font-size:1rem;color:#1e293b;display:block;transition:color .3s ease}.results-dashboard.dark .resource-title,.dark .resource-title{color:#fff}.resource-meta{font-size:.85rem;color:#666;display:block;text-transform:capitalize;transition:color .3s ease}.results-dashboard.dark .resource-meta,.dark .resource-meta{color:#ffffffb3}.resource-arrow{font-size:1.5rem;color:#6366f1;flex-shrink:0;transition:color .3s ease}.results-dashboard.dark .resource-arrow,.dark .resource-arrow{color:#8b5cf6}.path-item-fallback{margin-left:2.5rem;padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;transition:all .3s ease}.results-dashboard.dark .path-item-fallback,.dark .path-item-fallback{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.path-item-fallback strong{font-weight:600}.roadmap-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.results-dashboard.dark .roadmap-footer,.dark .roadmap-footer{border-top-color:#ffffff1a}.roadmap-link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .3s ease}.results-dashboard.dark .roadmap-link,.dark .roadmap-link{color:#a78bfa}.roadmap-link:hover{color:#4f46e5;text-decoration:underline}.results-dashboard.dark .roadmap-link:hover,.dark .roadmap-link:hover{color:#c4b5fd}.learning-path-attribution{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;text-align:center}.results-dashboard.dark .learning-path-attribution,.dark .learning-path-attribution{border-top-color:#ffffff1a}.attribution-text{color:#666;font-size:.9rem;transition:color .3s ease}.results-dashboard.dark .attribution-text,.dark .attribution-text{color:#ffffffb3}.attribution-link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .3s ease}.results-dashboard.dark .attribution-link,.dark .attribution-link{color:#a78bfa}.attribution-link:hover{color:#4f46e5;text-decoration:underline}.results-dashboard.dark .attribution-link:hover,.dark .attribution-link:hover{color:#c4b5fd}@media(max-width:768px){.learning-path-container{padding:1.5rem}.learning-path-title{font-size:1.5rem}.path-item-header{flex-direction:column;align-items:flex-start;gap:.75rem}.path-item-resources{margin-left:0}.resource-link{padding:.75rem}.path-item-fallback{margin-left:0}}.chatbot-toggle{position:fixed!important;bottom:24px!important;right:24px!important;width:64px!important;height:64px!important;border-radius:50%!important;background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7)!important;color:#fff!important;border:3px solid rgba(255,255,255,.2)!important;box-shadow:0 6px 20px #4f46e580!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;opacity:1!important;visibility:visible!important}.chatbot-toggle:hover{transform:scale(1.1) rotate(5deg)!important;box-shadow:0 8px 24px #4f46e599!important;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa)!important}.chatbot-toggle:active{transform:scale(.95)!important}.chatbot-container{position:fixed!important;bottom:100px!important;right:24px!important;width:400px!important;max-width:calc(100vw - 48px)!important;height:600px!important;max-height:calc(100vh - 120px)!important;background:#fff!important;border-radius:20px!important;box-shadow:0 12px 48px #00000040!important;display:flex!important;flex-direction:column!important;z-index:10000!important;animation:slideUp .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid rgba(0,0,0,.05)!important;overflow:hidden!important;opacity:1!important;visibility:visible!important}.dark .chatbot-container{background:#1e293b!important;border-color:#ffffff1a!important;color:#f1f5f9!important}@media(prefers-color-scheme:dark){.chatbot-container:not(.light){background:#1e293b;border-color:#ffffff1a}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 20px!important;background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7)!important;border-radius:16px 16px 0 0!important;color:#fff!important;flex-shrink:0!important}.chatbot-header-content{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center}.chatbot-title{margin:0;font-size:1.1rem;font-weight:600}.chatbot-subtitle{margin:0;font-size:.85rem;opacity:.9}.chatbot-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.chatbot-close:hover{background:#fff3}.chatbot-messages{flex:1!important;overflow-y:auto!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:16px!important;background:#f8f9fa!important;min-height:0!important}.dark .chatbot-messages{background:#0f172a!important}.chatbot-message{display:flex;max-width:85%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;margin-left:auto}.assistant-message{align-self:flex-start;margin-right:auto}.message-content{padding:12px 16px;border-radius:12px;line-height:1.5;font-size:.95rem}.user-message .message-content{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-bottom-right-radius:4px}.assistant-message .message-content{background:#fff;color:#2c3e50;border:1px solid #e9ecef;border-bottom-left-radius:4px;box-shadow:0 2px 4px #0000000d}.dark .assistant-message .message-content{background:#1e293b!important;color:#f1f5f9!important;border-color:#ffffff1a!important}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-quick-questions{padding:16px 20px;background:#fff;border-top:1px solid #e9ecef;flex-shrink:0}.dark .chatbot-quick-questions{background:#1e293b!important;border-top-color:#ffffff1a!important}.quick-questions-label{font-size:.85rem;color:#718096;margin-bottom:8px;font-weight:500}.dark .quick-questions-label{color:#ffffffb3!important}.quick-questions-list{display:flex;flex-direction:column;gap:8px}.quick-question-button{padding:10px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;color:#4a5568;cursor:pointer;transition:all .2s ease;text-align:left}.dark .quick-question-button{background:#0f172a!important;border-color:#ffffff1a!important;color:#f1f5f9!important}.quick-question-button:hover:not(:disabled){background:#e9ecef;border-color:#4f46e5;color:#4f46e5}.dark .quick-question-button:hover:not(:disabled){background:#1e293b!important;border-color:#7c3aed!important;color:#a78bfa!important}.quick-question-button:disabled{opacity:.6;cursor:not-allowed}.chatbot-input-container{display:flex!important;align-items:flex-end!important;gap:8px!important;padding:16px 20px!important;background:#fff!important;border-top:1px solid #e9ecef!important;border-radius:0 0 16px 16px!important;flex-shrink:0!important}.dark .chatbot-input-container{background:#1e293b!important;border-top-color:#ffffff1a!important}.chatbot-input{flex:1!important;padding:10px 14px!important;border:1px solid #e9ecef!important;border-radius:20px!important;font-size:.95rem!important;font-family:inherit!important;resize:none!important;max-height:120px!important;transition:border-color .2s ease!important;background:#fff!important;color:#1a202c!important}.dark .chatbot-input{background:#0f172a!important;color:#f1f5f9!important;border-color:#fff3!important}.dark .chatbot-input::placeholder{color:#ffffff80!important}.chatbot-input:focus{outline:none!important;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e51a!important}.dark .chatbot-input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed33!important}.chatbot-input:disabled{background:#f8f9fa!important;cursor:not-allowed!important;opacity:.6!important}.dark .chatbot-input:disabled{background:#0f172a!important}.chatbot-send-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.chatbot-send-button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:scale(1.05)}.chatbot-send-button:active:not(:disabled){transform:scale(.95)}.chatbot-send-button:disabled{opacity:.5;cursor:not-allowed}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a0aec0}.dark .chatbot-messages::-webkit-scrollbar-thumb{background:#fff3}.dark .chatbot-messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.chatbot-toggle{bottom:20px!important;right:20px!important;width:56px!important;height:56px!important}.chatbot-container{bottom:90px!important;right:12px!important;left:12px!important;width:auto!important;max-width:none!important;height:calc(100vh - 110px)!important;max-height:calc(100vh - 110px)!important;border-radius:16px!important}.chatbot-header{padding:12px 16px!important}.chatbot-title{font-size:1rem}.chatbot-subtitle{font-size:.8rem}.chatbot-messages{padding:16px!important}.chatbot-input-container{padding:12px 16px!important}}@media(max-width:480px){.chatbot-toggle{bottom:16px!important;right:16px!important;width:52px!important;height:52px!important}.chatbot-container{bottom:80px!important;right:8px!important;left:8px!important;height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important}.chatbot-header{padding:10px 14px!important}.chatbot-avatar{width:32px;height:32px}.chatbot-title{font-size:.95rem}.chatbot-subtitle{font-size:.75rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--university-bg-primary);transition:background .5s ease;color:var(--university-text-color)}.app.dark{background:var(--university-bg-primary-dark);color:#f1f5f9}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.app-header{background:linear-gradient(135deg,var(--university-bg-primary) 0%,var(--university-bg-secondary) 100%);color:var(--university-text-color);padding:3rem 0;box-shadow:0 8px 32px #0003;transition:all .5s ease;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.05) 0%,transparent 50%);pointer-events:none}.app.dark .app-header{background:linear-gradient(135deg,var(--university-bg-primary-dark) 0%,var(--university-bg-secondary-dark) 100%);box-shadow:0 8px 32px #0009;color:#fff}.app.dark .app-header:before{background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%)}.app-title{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-align:center;color:var(--university-text-color);text-shadow:1px 1px 4px rgba(0,0,0,.2),0 0 8px rgba(0,0,0,.15);letter-spacing:-.5px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));position:relative;z-index:2}.app-subtitle{font-size:1.15rem;text-align:center;color:var(--university-text-color);opacity:.95;max-width:700px;margin:0 auto;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.15);font-weight:500;position:relative;z-index:2}.app-user-info{font-size:1rem;text-align:center;color:var(--university-text-color);opacity:.9;margin-top:.5rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.15);position:relative;z-index:2}.app-main{flex:1;padding:2rem 0}.app-content{display:flex;flex-direction:column;gap:2rem}.input-section,.role-section,.results-section,.learning-path-section{width:100%}.empty-state{background:#fff;border-radius:12px;padding:3rem;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.app.dark .empty-state{background:#1a1a2ecc;box-shadow:0 2px 8px #0000004d}.empty-state-content h2{font-size:1.5rem;margin-bottom:1rem;color:#333;transition:color .3s ease}.app.dark .empty-state-content h2{color:#fff}.empty-state-content p{font-size:1rem;color:#666;line-height:1.6;transition:color .3s ease}.app.dark .empty-state-content p{color:#fffc}.app-footer{background:linear-gradient(135deg,var(--university-bg-primary) 0%,var(--university-bg-secondary) 100%);color:var(--university-text-color);padding:1.5rem 0;margin-top:3rem;text-align:center;font-size:.9rem;transition:background .5s ease;border-top:1px solid rgba(255,255,255,.1)}.app.dark .app-footer{background:linear-gradient(135deg,var(--university-bg-primary-dark) 0%,var(--university-bg-secondary-dark) 100%);color:#fff}.footer-link{color:#a78bfa;text-decoration:underline;transition:color .2s ease}.footer-link:hover{color:#c4b5fd}.app-footer p{margin:0;opacity:.9}.skills-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--university-bg-primary);transition:background .5s ease;color:var(--university-text-color)}.skills-page.dark{background:var(--university-bg-primary-dark);color:#f1f5f9}.skills-page-container{max-width:900px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000001a;animation:slideUp .6s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.skills-page.dark .skills-page-container{background:#1a1a2ef2;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skills-page-header{text-align:center;margin-bottom:2.5rem}.skills-page-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.skills-page.dark .skills-page-title{background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-page-subtitle{font-size:1.1rem;color:#718096;line-height:1.6;transition:color .3s ease}.skills-page.dark .skills-page-subtitle{color:#fffc}.skills-page-content{margin-bottom:2rem}.skills-page-actions{display:flex;justify-content:center;margin-top:2rem}.btn-primary-large{padding:1.25rem 3rem;font-size:1.25rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border:none;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #6366f166,0 0 0 1px #ffffff1a;position:relative;overflow:hidden}.btn-primary-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary-large:hover:before{left:100%}.btn-primary-large:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 15px 50px #6366f180,0 0 0 1px #fff3;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc)}.btn-primary-large:active:not(:disabled){transform:translateY(-1px) scale(1)}.btn-primary-large:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.app-title{font-size:2rem}.app-subtitle{font-size:1rem;padding:0 1rem}.app-header{padding:2rem 0}.app-main{padding:1.5rem 0}.container{padding:0 1rem}.app-content{gap:1.5rem}.empty-state,.skills-page-container{padding:2rem 1.5rem}.skills-page-title{font-size:2rem}.btn-primary-large{padding:1rem 2rem;font-size:1.1rem;width:100%}}@media(max-width:480px){.app-title{font-size:1.75rem}.app-subtitle{font-size:.95rem}.skills-page-title{font-size:1.75rem}}