@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}#root,body,html{background-color:#0d1117;height:100%;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6dd5ed,#2193b0)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2196f3,#1976d2)}.auth-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:30px;position:relative;transition:all .3s ease;width:100%}.auth-title{color:#333;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:15px;position:relative}.form-group input{background-color:initial;border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 15px;transition:all .3s;width:100%;z-index:1}.form-group input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{background-color:#fff;color:#4285f4;padding:0 5px;transform:translateY(-25px) scale(.85);z-index:2}.form-group label{color:#777;font-size:16px;left:15px;pointer-events:none;position:absolute;top:12px;transition:all .3s}button[type=submit]{background-color:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s}button[type=submit]:hover{background-color:#3367d6}button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.error-message{margin-bottom:15px}.error-message.with-suggestion{display:flex;flex-direction:column;gap:5px}.suggestion-text{color:#666;font-size:14px}.suggestion-text span{color:#4285f4;cursor:pointer}.auth-actions{align-items:center;display:flex;justify-content:space-between}.forgot-password{color:#666;font-size:14px;text-decoration:none;transition:color .3s}.forgot-password:hover{color:#4285f4}.auth-divider{align-items:center;color:#777;display:flex;font-size:14px;margin:20px 0}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.auth-divider span{padding:0 10px}.social-logins{display:flex;flex-direction:column;gap:15px}.google-signin-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:all .3s}.google-signin-button:hover{background-color:#f5f5f5;border-color:#ccc}.google-signin-button svg{height:20px;width:20px}.auth-footer{color:#666;font-size:14px;margin-top:20px;text-align:center}.auth-link{text-decoration:none}.back-link{display:inline-block}.password-strength-indicators{font-size:.75rem;margin-top:8px}.strength-indicator{margin-bottom:2px;transition:color .3s ease}.strength-indicator.valid{color:#2ecc71}.strength-indicator.invalid{color:#e74c3c}@media (max-width:480px){.auth-box{padding:20px}.auth-title{font-size:20px}.form-group input{font-size:14px;padding:10px 12px}.google-signin-button,button[type=submit]{font-size:14px;padding:10px}}@keyframes draw-line-infinite{0%{stroke-dashoffset:200}50%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}@keyframes fade-elements-infinite{0%{opacity:0;transform:scale(.8)}35%{opacity:.5;transform:scale(1.05)}50%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.8)}}@keyframes fade-arrow-infinite{0%{opacity:0;transform:translateX(-15px)}55%{opacity:0;transform:translateX(-15px)}65%{opacity:.5;transform:translateX(-7px)}75%{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(0)}}.roadmap-container{align-items:center;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden;padding:20px;position:relative;width:100%}.node:hover rect{filter:brightness(1.15)}.ask-ai-button{background-color:#4285f4;border:none;border-radius:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:12px;max-width:200px;overflow:hidden;padding:8px 16px;position:absolute;text-align:center;text-overflow:ellipsis;transform:translate(-50%,30px);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap;z-index:100}.ask-ai-button:hover{background-color:#3367d6;box-shadow:0 6px 12px #00000040;transform:translate(-50%,28px) scale(1.02)}.roadmap-wrapper{align-items:flex-start;display:flex;justify-content:center;margin:30px 0;overflow-x:auto;width:100%}.loading-container{height:500px;width:100%}.loading-text{color:#555;font-size:1rem;margin-top:10px}.d3-container{margin:0 auto;max-width:100%;min-width:320px;position:relative}.roadmap-svg{display:block;height:auto;margin:0 auto;max-width:1600px;width:100%}.input-section{align-items:center;background-color:#4285f414;border:1px solid #4285f433;border-radius:16px;display:flex;flex-direction:column;margin:10px auto;max-width:720px;overflow:hidden;padding:32px;position:relative;width:100%}.input-section h2{color:#fff;display:inline-block;font-size:1.75rem;font-weight:700;margin-bottom:24px;position:relative;text-align:center}.input-group{align-items:stretch;display:flex;flex-direction:column;gap:18px;width:100%}.input-group input{background-color:#ffffff12;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.input-group input:focus{background-color:#ffffff1a;border-color:#4285f433}.input-group input::placeholder{color:#fff6;font-size:.95rem;font-style:italic}.input-group input:disabled{background-color:#ffffff08;color:#ffffff4d;cursor:not-allowed}.ai-dropdown-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:6px 0;width:100%}.ai-dropdown-group label{color:#fffc;flex:0 0 auto;font-size:1rem;font-weight:600}.ai-dropdown{appearance:none;background-color:#ffffff12;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;border:2px solid #ffffff1a;border-radius:10px;color:#000;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;min-width:140px;outline:none;padding:12px 36px 12px 16px;transition:all .3s ease}.ai-dropdown:focus{background-color:#ffffff1a;border-color:#4285f433}.ai-dropdown:disabled{background-color:#ffffff08;color:#ffffff4d;cursor:not-allowed}.custom-context-box{display:flex;flex-direction:column;margin-top:16px;width:100%}.custom-context-box label{align-items:center;color:#fffc;display:flex;font-size:1rem;font-weight:600;margin-bottom:10px;text-align:left}.custom-context-box textarea{background-color:#ffffff12;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;line-height:1.5;min-height:120px;outline:none;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.custom-context-box textarea:focus{background-color:#ffffff1a;border-color:#4285f433}.custom-context-box textarea::placeholder{color:#fff6;font-style:italic}.custom-context-box textarea:disabled{background-color:#ffffff08;color:#ffffff4d;cursor:not-allowed}.button-group{align-items:center;display:flex;gap:16px;margin-top:8px}.generate-btn{align-self:center;background:linear-gradient(-60deg,#965de9,#6358ee);border:none;border-radius:12px;box-shadow:0 4px 15px #7d2ae84d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.generate-btn:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.generate-btn:hover{box-shadow:0 6px 20px #7d2ae866}.generate-btn:hover:before{left:100%}.generate-btn:active:not(:disabled){box-shadow:0 2px 10px #7d2ae84d}.generate-btn:disabled{background:#3d3d4d;box-shadow:none;cursor:not-allowed;opacity:.6}.download-ai-roadmap-pdf{align-items:center;background-color:#ffffff1a;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s ease}.download-ai-roadmap-pdf:hover{background-color:#fff3}.download-ai-roadmap-pdf svg{fill:#fff;height:22px;transition:fill .3s;width:22px}.download-ai-roadmap-pdf:disabled{cursor:not-allowed;opacity:.4;transform:none}.usage-info{align-items:center;display:flex;flex-direction:column;margin-top:22px;width:100%}.usage-info p{color:#fffc;font-size:.95rem;font-weight:500;margin-bottom:10px;text-align:center}.usage-bar{background-color:#ffffff1a;border-radius:10px;box-shadow:inset 0 1px 3px #0003;height:10px;max-width:320px;width:100%}.usage-fill{background:linear-gradient(45deg,#0ce39a,#69007f,#fc0987);border-radius:10px;transition:width .5s cubic-bezier(.22,1,.36,1)}.usage-fill.warning{background:linear-gradient(90deg,#ffa000,#ffb74d)}.usage-fill.danger{background:linear-gradient(90deg,#e53935,#ef5350)}.error-message{background-color:#ff52521a;border-left:3px solid #ff5252;border-radius:8px;color:#ff5252;font-size:.95rem;font-weight:500;margin-top:14px;padding:10px 16px;text-align:center;width:100%}.auth-required{align-items:center;background-color:#121212;border:1px solid #ffe70080;border-radius:16px;box-shadow:0 10px 30px #ffe7001a;display:flex;flex-direction:column;justify-content:center;margin:120px auto;max-width:520px;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.auth-required:before{background:linear-gradient(90deg,#ffe70033,#ffe700 50%,#ffe70033);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-required h2{color:#ffe700;font-size:1.75rem;font-weight:700;margin-bottom:24px}.auth-required p{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.regenerate-section{background-color:#4285f414;border:1px solid #4285f433;border-radius:16px;box-shadow:0 5px 20px #00000026;margin:40px auto;max-width:800px;padding:28px}.regenerate-section h3{align-items:center;color:#ffffffe6;display:flex;font-size:1.3rem;font-weight:600;margin-bottom:20px}.regenerate-section h3:before{content:"⚡";font-size:1.4rem;margin-right:10px}.regenerate-input-container{display:flex;flex-direction:column;gap:18px}.regenerate-input-container textarea{background-color:#ffffff12;border:2px solid #4285f44d;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.regenerate-input-container textarea:focus{background-color:#ffffff1a;border-color:#4285f4b3;box-shadow:0 0 15px #4285f440;outline:none}.regenerate-input-container textarea::placeholder{color:#fff6;font-style:italic}.regenerate-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#4285f4,#346ac3);border:none;border-radius:12px;box-shadow:0 4px 15px #4285f44d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;overflow:hidden;padding:14px 26px;position:relative;transition:all .3s ease}.regenerate-btn:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.regenerate-btn:hover{background:linear-gradient(135deg,#346ac3,#2857a7);box-shadow:0 6px 20px #4285f466}.regenerate-btn:hover:after{left:100%}.regenerate-btn:active:not(:disabled){box-shadow:0 2px 10px #4285f44d}.regenerate-btn:disabled{background:#2a3a51;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.start-roadmap-section{align-items:center;animation:fadeIn .8s ease-in;border:2px solid #4285f433;border-radius:16px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:5px auto;margin:20px auto;max-width:500px;padding:15px;padding:20px;text-align:center}.start-roadmap-prompt{color:#fff;font-size:18px;font-weight:600;margin-bottom:15px}.start-roadmap-button{align-items:center;background-color:#4285f414;border:1px solid #4285f433;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:12px 24px;transition:all .3s ease;width:auto}.start-roadmap-button:hover{background-color:#4285f426}.start-roadmap-icon{font-size:18px;transition:transform .3s ease}.start-roadmap-button:hover .start-roadmap-icon{transform:translateX(3px)}@media (max-width:768px){.input-section{border-radius:12px;padding:24px}.input-section h2{font-size:1.4rem}.regenerate-section{margin:30px 20px;padding:20px}.regenerate-btn{align-self:center;justify-content:center;width:100%}.ask-ai-button{border-radius:16px;font-size:11px;max-width:150px;padding:6px 12px}}@media (max-width:600px){.ai-dropdown-group{align-items:flex-start;flex-direction:column}.ai-dropdown-group label{margin-top:10px}.button-group{flex-direction:column;width:100%}.download-ai-roadmap-pdf,.generate-btn{flex:1 1;margin-bottom:10px;width:100%}.download-ai-roadmap-pdf:last-child{margin-bottom:0}.ask-ai-button{font-size:10px;max-width:120px;padding:5px 10px}}.link{fill:none;stroke:#888;stroke-width:2px;stroke-dasharray:5,5;opacity:.7;transition:stroke .3s ease,opacity .3s ease}.node text{font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.title-node{cursor:pointer}.title-node text{font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:767px){.roadmap-wrapper{align-items:center}.d3-container{overflow-x:auto;width:100%}.TechRoles,.TechSkills{margin:10px 0;max-width:350px;width:100%}}@media (min-width:768px){.roadmap-wrapper{flex-wrap:wrap;gap:20px;justify-content:space-around}.TechRoles,.TechSkills{flex:1 1;margin:10px;min-width:250px}.d3-container{flex:2 1;min-width:600px}}@media (min-width:1024px){.roadmap-wrapper{padding:0 20px}.d3-container{max-width:90vw}}.navbar{background-color:#0d1117;box-shadow:0 2px 8px #0000004d;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;width:100%;z-index:1000}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;gap:.5rem;transition:color .2s ease}.navbar-logo-image{height:32px;object-fit:contain;width:32px}.navbar-links{align-items:center;display:flex;gap:1.25rem}.navbar-links button{background:none;border:none;border-radius:.25rem;color:#c9d1d9;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.navbar-links button:hover{background-color:#1f2937;color:#fff}.shared-roadmaps-button{color:#c9d1d9}.signup-button{background-color:#238636!important;border-radius:.25rem;color:#fff!important;font-weight:500;padding:.5rem 1.25rem!important;transition:background-color .2s ease}.signup-button:hover{background-color:#2ea043!important;color:#fff!important}.create-button{background-color:#1f6feb!important;color:#fff!important;font-weight:500}.create-button:hover{background-color:#388bfd!important;color:#fff!important}.nav-user-container{cursor:pointer;position:relative}.nav-user{align-items:center;border-radius:.25rem;color:#c9d1d9;display:flex;font-weight:500;gap:.5rem;padding:.5rem}.nav-user:hover{background-color:#1f2937;color:#fff}.dropdown-user-menu{animation:fadeIn .2s ease;background-color:#161b22;border:1px solid #30363d;border-radius:.25rem;box-shadow:0 4px 12px #0006;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1001}.dropdown-user-menu button{background:none;border:none;color:#c9d1d9;cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-user-menu button:hover{background-color:#1f2937;color:#fff}.navbar-toggle{cursor:pointer;display:none;flex-direction:column}.bar{background-color:#c9d1d9;display:block;height:3px;margin:3px 0;transition:all .3s ease;width:25px}@media (max-width:768px){.navbar{padding:1rem}.navbar-toggle{display:flex}.navbar-links{background-color:#0d1117;border-bottom:1px solid #30363d;box-shadow:0 4px 12px #0006;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transition:max-height .3s ease-out;z-index:999}.navbar-links.active{max-height:520px;padding:.5rem 0}.navbar-links button{border-radius:0;padding:.85rem 1rem}.nav-user-container,.navbar-links button{text-align:center;width:100%}.nav-user{justify-content:center;padding:.85rem 1rem}.dropdown-user-menu{border:none;border-top:1px solid #30363d;box-shadow:none;margin-top:0;position:relative;width:100%}.bar.change:first-child{background-color:#fff;transform:rotate(-45deg) translate(-5px,6px)}.bar.change:nth-child(2){opacity:0}.bar.change:nth-child(3){background-color:#fff;transform:rotate(45deg) translate(-5px,-6px)}.dropdown-user-menu button,.nav-user-container,.navbar-links button{opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.navbar-links.active .dropdown-user-menu button,.navbar-links.active .nav-user-container,.navbar-links.active button{opacity:1;transform:translateY(0)}}.simple-footer{background:#16213e;color:#fff;margin-top:auto;padding:1.5rem 1rem;text-align:center;width:100%}.simple-footer .footer-bottom{border-top:none;padding-top:0}.simple-footer .footer-accent{display:none}.simple-footer .contact-email{align-items:center;background:#00bcd433;border:1px solid #00bcd4;border-radius:30px;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.6rem 1.2rem;transition:background .3s ease,box-shadow .3s ease}.simple-footer .email-icon{color:#00bcd4;font-size:1.2rem;transition:color .3s ease}.simple-footer .email-link{color:#00bcd4;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s ease}.simple-footer .contact-email:hover{background:#00bcd4}.simple-footer .contact-email:hover .email-icon,.simple-footer .contact-email:hover .email-link{color:#fff}:root{--primary-color:#6366f1;--primary-hover:#818cf8;--secondary-color:#3b82f6;--background-dark:#0f172a;--background-darker:#020617;--surface-dark:#1e293b;--surface-darker:#172033;--surface-light:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-disabled:#64748b;--accent-color:#10b981;--error-color:#ef4444;--warning-color:#eab308;--border-color:#334155;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition-speed:0.3s}.profile-page{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}.profile-container{margin:0 auto;max-width:1440px;padding:2rem 1rem;width:100%}.profile-layout{display:flex;gap:2rem;position:relative}.profile-sidebar{background-color:#172033;background-color:var(--surface-darker);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow);height:fit-content;overflow:hidden;padding:1.5rem 0;position:sticky;top:20px;width:280px}.profile-sidebar,.sidebar-item{transition:all .3s ease;transition:all var(--transition-speed) ease}.sidebar-item{align-items:center;background:#0000;border:none;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:1rem 1.5rem;text-align:left;width:100%}.sidebar-item:hover{background-color:#ffffff0d;color:#f8fafc;color:var(--text-primary)}.sidebar-item.active{background-color:#6366f1;background-color:var(--primary-color);border-left:4px solid #818cf8;border-left:4px solid var(--primary-hover);color:#f8fafc;color:var(--text-primary);font-weight:600}.profile-main-content{background-color:#1e293b;background-color:var(--surface-dark);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow);flex:1 1;overflow:hidden;padding:2rem}.profile-header-section{margin-bottom:2rem}.profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#3b82f6);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.profile-user-info{background-color:#172033;background-color:var(--surface-darker);border-radius:12px;padding:1.5rem}.profile-user-detail{font-size:1.1rem;margin-bottom:1rem}.profile-user-detail:last-child{margin-bottom:0}.profile-user-detail strong{color:#6366f1;color:var(--primary-color);margin-right:.5rem}.account-delete-btn{background-color:#ef4444;background-color:var(--error-color);border:none;border-radius:8px;color:#f8fafc;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;margin-top:2rem;padding:.75rem 1.25rem;transition:background-color .3s;transition:background-color var(--transition-speed)}.delete-account-btn:hover{background-color:#dc2626}.airoadmaps-title,.bookmarks-title,.careertracker-title,.followed-title,.roadmaps-title,.suggestions-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#3b82f6);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.airoadmaps-header,.careertracker-header,.roadmaps-header,.suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.airoadmap-create-btn,.careertracker-create-btn,.create-suggestion-btn,.empty-state-action-btn,.empty-state-explore-btn,.roadmap-create-btn{align-items:center;background-color:#6366f1;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 10px #6366f14d;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.airoadmap-create-btn:hover,.careertracker-create-btn:hover,.create-suggestion-btn:hover,.empty-state-action-btn:hover,.empty-state-explore-btn:hover,.roadmap-create-btn:hover{background-color:#818cf8;background-color:var(--primary-hover);box-shadow:0 4px 12px #6366f166}.airoadmap-list-item,.bookmark-list-item,.careertracker-list-item,.followed-list-item,.roadmap-list-item,.suggestion-list-item{background-color:#172033;background-color:var(--surface-darker);border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.airoadmap-list-item:hover,.bookmark-list-item:hover,.careertracker-list-item:hover,.followed-list-item:hover,.roadmap-list-item:hover,.suggestion-list-item:hover{box-shadow:0 8px 16px #0003}.airoadmap-list-content,.bookmark-content,.careertracker-list-content,.followed-list-content,.roadmap-list-content,.suggestion-list-content{flex:1 1}.airoadmap-item-title,.bookmark-item-title,.careertracker-item-title,.followed-item-title,.roadmap-item-title,.suggestion-item-title{color:#f8fafc;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.followed-item-description,.roadmap-item-description{color:#cbd5e1;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.careertracker-item-details,.suggestion-item-details{color:#94a3b8;color:var(--text-tertiary);margin-bottom:.5rem}.airoadmap-item-metadata,.careertracker-item-metadata,.followed-item-metadata,.roadmap-item-metadata,.suggestion-item-metadata{color:#94a3b8;color:var(--text-tertiary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;margin-top:.5rem}.rating-container{gap:.5rem;margin-top:.75rem}.star{font-size:1.1rem;margin-right:.1rem}.full-star,.half-star{color:#eab308;color:var(--warning-color)}.half-star{position:relative}.empty-star{color:#64748b;color:var(--text-disabled)}.rating-count{color:#94a3b8;color:var(--text-tertiary)}.no-ratings{color:#64748b;color:var(--text-disabled)}.followers-container{align-items:center;color:#94a3b8;color:var(--text-tertiary);display:flex;gap:.25rem}.followers-icon{height:1rem;width:1rem}.visibility-status{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.status-private{background-color:#ef444433;color:#ef4444}.status-public{background-color:#10b98133;color:#10b981}.airoadmap-list-actions,.careertracker-list-actions,.followed-list-actions,.roadmap-list-actions,.suggestion-list-actions{display:flex;flex-direction:column;justify-content:center}.bookmark-view-link,.unfollow-btn,.view-airoadmap-btn,.view-careertracker-btn,.view-followed-btn,.view-suggestion-btn{border-radius:8px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;margin-right:1rem;min-width:100px;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.bookmark-view-link,.view-airoadmap-btn,.view-careertracker-btn,.view-followed-btn,.view-suggestion-btn{background-color:#3b82f6;background-color:var(--secondary-color);border:none;color:#f8fafc;color:var(--text-primary)}.bookmark-view-link:hover,.view-airoadmap-btn:hover,.view-careertracker-btn:hover,.view-followed-btn:hover,.view-suggestion-btn:hover{background-color:#60a5fa}.delete-button,.unfollow-btn{background-color:initial;border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:5px;color:#ef4444;color:var(--error-color);padding:.5rem .2rem}.delete-button:hover,.unfollow-btn:hover{background-color:#ef44441a;color:#f87171}.dropdown{display:inline-block;position:relative}.dropdown-toggle{background-color:initial;border:none;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;transition:color .3s ease;transition:color var(--transition-speed) ease}.dropdown-toggle:hover{color:#f8fafc;color:var(--text-primary)}.dropdown-menu{background-color:#334155;background-color:var(--surface-light);border-radius:8px;box-shadow:0 2px 10px #0000004d;min-width:150px;opacity:0;position:absolute;right:0;top:100%;transition:all .3s ease;transition:all var(--transition-speed) ease;visibility:hidden;z-index:100}.dropdown:focus-within .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-item{background:#0000;border:none;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:block;font-size:.95rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.dropdown-item:hover{background-color:#ffffff0d;color:#f8fafc;color:var(--text-primary)}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.delete-option{color:#ef4444;color:var(--error-color)}.delete-option:hover{background-color:#ef44441a;color:#f87171}.airoadmaps-empty-state,.bookmarks-empty-state,.careertracker-empty-state,.followed-empty-state,.roadmaps-empty-state,.suggestions-empty-state{align-items:center;background-color:#172033;background-color:var(--surface-darker);border:2px dashed #334155;border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding:3rem 2rem;text-align:center}.empty-state-message{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.pagination-container{gap:1rem;margin-top:2rem}.pagination-button{align-items:center;background-color:#334155;background-color:var(--surface-light);border:none;border-radius:50%;color:#f8fafc;color:var(--text-primary);display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;transition:all var(--transition-speed) ease;width:40px}.pagination-button:hover:not([disabled]){background-color:#6366f1;background-color:var(--primary-color)}.pagination-button[disabled]{background-color:#172033;background-color:var(--surface-darker);color:#64748b;color:var(--text-disabled);cursor:not-allowed}.pagination-info{color:#cbd5e1;color:var(--text-secondary);font-size:.95rem}.profile-main-content>div{animation:fadeIn .5s ease forwards}.profile-auth-required{background-color:#1e293b;background-color:var(--surface-dark);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow);margin:5rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.profile-auth-required h2{color:#ef4444;color:var(--error-color);font-size:1.8rem;margin-bottom:1rem}.profile-auth-required p{color:#cbd5e1;color:var(--text-secondary);font-size:1.1rem}.loader-container{align-items:center;display:flex;height:50vh;justify-content:center}.roadmap-stats-container{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}@media (max-width:1200px){.profile-layout{gap:1.5rem}.profile-sidebar{width:240px}}@media (max-width:992px){.profile-layout{flex-direction:column}.profile-sidebar{border-radius:12px;display:flex;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem 0;position:static;width:100%}.sidebar-item{justify-content:center;padding:.75rem 1.25rem;white-space:nowrap}.sidebar-item.active{border-bottom:4px solid #818cf8;border-bottom:4px solid var(--primary-hover);border-left:none}.airoadmaps-header,.careertracker-header,.roadmaps-header,.suggestions-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:768px){.profile-container{padding:1rem .75rem}.profile-main-content{padding:1.5rem}.airoadmap-list-item,.bookmark-list-item,.careertracker-list-item,.followed-list-item,.roadmap-list-item,.suggestion-list-item{flex-direction:column;padding:1.25rem}.airoadmap-list-actions,.careertracker-list-actions,.followed-list-actions,.roadmap-list-actions,.suggestion-list-actions{flex-direction:row;gap:.75rem}.unfollow-btn,.view-airoadmap-btn,.view-careertracker-btn,.view-followed-btn,.view-suggestion-btn{margin-bottom:0}.airoadmap-item-metadata,.careertracker-item-metadata,.followed-item-metadata,.roadmap-item-metadata,.suggestion-item-metadata{flex-direction:column;gap:.5rem}.sidebar-item{font-size:.9rem;padding:.6rem 1rem}.airoadmaps-title,.bookmarks-title,.careertracker-title,.followed-title,.profile-title,.roadmaps-title,.suggestions-title{font-size:1.5rem}.airoadmap-create-btn,.careertracker-create-btn,.create-suggestion-btn,.empty-state-action-btn,.empty-state-explore-btn,.roadmap-create-btn{justify-content:center;width:100%}}@media (max-width:480px){.profile-main-content{padding:1.25rem}.profile-sidebar{padding:.25rem 0}.sidebar-item{font-size:.85rem;padding:.5rem .75rem}.profile-user-info{padding:1.25rem}.airoadmaps-empty-state,.bookmarks-empty-state,.careertracker-empty-state,.followed-empty-state,.roadmaps-empty-state,.suggestions-empty-state{padding:2rem 1rem}.airoadmaps-title,.bookmarks-title,.careertracker-title,.followed-title,.profile-title,.roadmaps-title,.suggestions-title{font-size:1.3rem}.empty-state-message{font-size:1rem}.pagination-button{height:36px;width:36px}.pagination-info{font-size:.85rem}}:root{--primary-color:#4263eb;--primary-hover:#3b5bdb;--secondary-color:#20c997;--secondary-hover:#12b886;--warning-color:#ff922b;--danger-color:#fa5252;--dark-bg:#111827;--dark-surface:#1f2937;--light-text:#f8f9fa;--medium-text:#adb5bd;--light-border:#ffffff1a;--card-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-standard:all 0.3s cubic-bezier(0.4,0,0.2,1)}.career-simulator-page{color:#f8f9fa;color:var(--light-text);min-height:100vh}.usage-indicator{background-color:#0000000d;border:1px solid #0000001a;border-radius:15px;display:inline-block;margin-bottom:15px;padding:5px 12px}.usage-count{color:#fff;font-size:14px;font-weight:500}.usage-indicator.updating{animation:pulse 1.5s ease-in-out}.notifications-container{align-items:center;display:flex;font-size:.875rem;gap:1rem;height:auto;justify-self:center;line-height:1.25rem;margin:20px auto 0;max-width:800px;width:auto}.alert{background-color:#ff922b1a;border:1px solid #ff922b4d;border-radius:.5rem;margin-bottom:1rem;padding:1rem;width:100%}.alert .flex{align-items:flex-start;display:flex;gap:.75rem}.flex-shrink-0{flex-shrink:0}.alert-svg{height:1.25rem;width:1.25rem}.alert-prompt-wrap,.alert-svg{color:#ff922b;color:var(--warning-color)}.career-simulator-container{background-color:#111827;background-color:var(--dark-bg);border:1px solid #ffffff1a;border:1px solid var(--light-border);border-radius:16px;box-shadow:0 12px 32px #0003;color:#f8f9fa;color:var(--light-text);margin:2rem auto;max-width:900px;padding:2.5rem}.career-simulator-content{min-height:calc(100vh - 300px)}.simulator-progress-bar{background-color:#1f2937;background-color:var(--dark-surface);border-radius:4px;height:8px;margin-bottom:1.5rem;overflow:hidden;position:relative}.simulator-progress-fill{background:linear-gradient(45deg,#0ce39a,#69007f,#fc0987);border-radius:4px;height:100%;transition:width .4s ease}.simulator-step-indicator{color:#adb5bd;color:var(--medium-text);font-size:.9rem;font-weight:500;margin-bottom:1.5rem}.simulator-input-form{display:flex;flex-direction:column;gap:2rem}.simulator-input-form h2{color:#f8f9fa;color:var(--light-text);font-size:2rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:.5rem}.simulator-input-form p{color:#adb5bd;color:var(--medium-text);font-size:1.1rem;margin-bottom:1.5rem}.simulator-form-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.simulator-form-group label{color:#f8f9fa;color:var(--light-text);font-size:.95rem;font-weight:600;letter-spacing:.025em;opacity:.9;text-transform:uppercase}.simulator-input,.simulator-select{background-color:#1f2937;background-color:var(--dark-surface);border:2px solid #ffffff1a;border:2px solid var(--light-border);border-radius:10px;color:#f8f9fa;color:var(--light-text);font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard);width:100%}.simulator-input:focus,.simulator-select:focus{border-color:#4263eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #4263eb40;outline:none}.simulator-input::placeholder{color:#adb5bd;color:var(--medium-text);opacity:.7}.simulator-skills-input{display:flex;gap:.75rem}.simulator-options-wrapper{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.simulator-option{background-color:#1f2937;background-color:var(--dark-surface);border:2px solid #ffffff1a;border:2px solid var(--light-border);border-radius:10px;cursor:pointer;flex:1 1 auto;font-size:.95rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;max-width:300px;min-width:100px;overflow-wrap:break-word;padding:.85rem 1.25rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard);white-space:normal}.simulator-option:hover{background-color:#4263eb0d;border-color:#4263eb80}.simulator-option.simulator-selected{background-color:#4263eb1a;border-color:#4263eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #4263eb40}.simulator-btn{align-items:center;border-radius:10px;display:flex;gap:.5rem;justify-content:center}.simulator-btn,.simulator-primary-btn{letter-spacing:.025em;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard)}.simulator-primary-btn{background-color:#4263eb;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600}.simulator-primary-btn:hover{background-color:#3b5bdb;background-color:var(--primary-hover);box-shadow:0 7px 14px #0000001a,0 3px 6px #0000001a}.simulator-secondary-btn{background-color:#f8f9fa1a;border:none;border-radius:10px;color:#f8f9fa;color:var(--light-text);cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.025em;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard)}.simulator-secondary-btn:hover{background-color:#f8f9fa33}.simulator-btn.add-skill{background-color:#20c997;background-color:var(--secondary-color);color:#fff;font-size:.95rem;padding:.75rem 1.25rem}.simulator-btn.add-skill:hover{background-color:#12b886;background-color:var(--secondary-hover);box-shadow:0 4px 10px #20c9974d}.simulator-btn:disabled,.simulator-primary-btn:disabled,.simulator-secondary-btn:disabled{background-color:#adb5bd33;box-shadow:none!important;color:#adb5bd;color:var(--medium-text);cursor:not-allowed;transform:none!important}.simulator-skills-list{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.75rem}.simulator-skill-tag{align-items:center;background-color:#4263eb26;border:1px solid #4263eb4d;border-radius:30px;color:#f8f9fa;color:var(--light-text);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.25rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard)}.simulator-skill-tag:hover{background-color:#4263eb40}.simulator-skill-tag span{align-items:center;background-color:#fa525233;border-radius:50%;color:#fa5252;color:var(--danger-color);cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard);width:20px}.simulator-skill-tag span:hover{background-color:#fa5252;background-color:var(--danger-color);color:#fff}.simulator-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.simulator-auth-required{padding:4rem 2rem;text-align:center}.simulator-auth-required h2{color:#f8f9fa;color:var(--light-text);margin-bottom:1rem}.simulator-auth-required p{color:#adb5bd;color:var(--medium-text);font-size:1.1rem}.simulator-results{display:flex;flex-direction:column;gap:2.5rem}.simulator-results h2{color:#f8f9fa;color:var(--light-text);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.simulator-subtitle{color:#adb5bd;color:var(--medium-text);font-size:1.1rem;margin-top:0}.simulator-visualization-container{-webkit-overflow-scrolling:touch;margin:.5rem 0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:.3rem;scrollbar-color:#adb5bd4d #0000;scrollbar-width:thin;width:100%}.career-path-visualization{display:block;height:auto;margin:0 auto;max-height:800px;min-width:900px}.simulator-career-steps{margin-top:1rem}.simulator-career-steps h3{color:#f8f9fa;color:var(--light-text);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.simulator-career-steps h3:after{background-color:#4263eb;background-color:var(--primary-color);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.simulator-steps-list{display:flex;flex-direction:column;gap:1.5rem}.simulator-step-card{background-color:#1f2937;background-color:var(--dark-surface);border-radius:12px;border-top:5px solid #4263eb;border-top:5px solid var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow);overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard)}.simulator-step-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.simulator-step-card:before{background:linear-gradient(135deg,#4263eb0d,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.simulator-step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.simulator-step-header h4{color:#f8f9fa;color:var(--light-text);font-size:1.25rem;font-weight:600;margin:0}.simulator-timeframe{background-color:#20c9971a;border:1px solid #20c99733;border-radius:20px;color:#20c997;color:var(--secondary-color);font-size:.95rem;font-weight:500;padding:.35rem .75rem}.simulator-skills-required{border-top:1px solid #ffffff1a;border-top:1px solid var(--light-border);margin-top:1.25rem;padding-top:1.25rem}.simulator-skills-required h5{color:#adb5bd;color:var(--medium-text);font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.simulator-skills-tags{display:flex;flex-wrap:wrap;gap:.625rem}.simulator-skill-badge{background-color:#4263eb1a;border:1px solid #4263eb33;border-radius:30px;color:#f8f9fa;color:var(--light-text);display:inline-block;font-size:.85rem;font-weight:500;letter-spacing:.025em;margin-bottom:.25rem;padding:.5rem .85rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard)}.simulator-skill-badge:hover{background-color:#4263eb33}.simulator-action-buttons{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem;padding:1rem}.simulator-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:200px;padding:.75rem 2rem;transition:all .3s ease}.simulator-btn.primary{background-color:#20c997;color:#fff}.simulator-btn.primary:hover{background-color:#12b886;box-shadow:0 4px 12px #005bbb4d}.simulator-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0066ff1a;border:1px solid #00c8ff4d;border-radius:12px;box-shadow:0 4px 30px #00c8ff1a;color:#00c8ff;font-weight:600;overflow:hidden;position:relative;transition:all .3s ease}.simulator-btn.secondary:after{background:linear-gradient(120deg,#0000,#00c8ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:200%}.simulator-btn.secondary:hover{box-shadow:0 0 20px #00c8ff66}.simulator-btn.secondary:hover:after{left:100%}.ai-roadmap-wrapper{align-items:center;display:flex;flex-direction:column;gap:.75rem;text-align:center}.ai-roadmap-heading{color:#fff;font-size:1.1rem;font-weight:500}.career-track-svg{display:block;margin:0;max-width:100%;overflow:visible;padding:0}.career-node-circle{filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.career-node:hover .career-node-circle{filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));transform:scale(1.05)}.career-node-title{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:600;pointer-events:none;text-shadow:0 2px 4px #0006}marker#arrowhead polygon,marker#static-arrow path{fill-opacity:.9;transition:fill-opacity .3s}.career-path-line{transition:stroke-width .3s,stroke-opacity .3s}.career-path-line:hover{stroke-width:4px;stroke-opacity:.9}.career-node:hover .node-info-hint{animation:pulse 1.5s ease-in-out infinite}.simulator-error{background-color:#fa52520d;border:1px solid #fa52521a;border-radius:12px;color:#fa5252;color:var(--danger-color);margin:2rem 0;padding:3rem 2rem;text-align:center}.simulator-error h3{margin-bottom:1.5rem}.career-path-line.vertical{stroke-dasharray:6,6;stroke-opacity:.7}.career-path-line.between-rows{stroke-dasharray:none;stroke-opacity:.8}.timeline-label{fill:#f8f9fa;fill:var(--light-text);font-size:13px;font-weight:600}.timeline-label-bg{stroke-width:1.5px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.1))}.tooltip-bg{fill:#1f2937;fill:var(--dark-surface);stroke:#ffffff1a;stroke:var(--light-border);stroke-width:1.5px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.tooltip-text{fill:#f8f9fa;fill:var(--light-text);font-size:14px;font-weight:400;pointer-events:none}.tooltip-arrow{fill:#1f2937;fill:var(--dark-surface);stroke:#ffffff1a;stroke:var(--light-border);stroke-width:1.5px}.node-month-label{font-weight:500;opacity:.8;pointer-events:none}.career-node{cursor:pointer;transition:transform .2s ease}.highlighted-step{animation:pulse 1.5s ease-in-out;box-shadow:0 0 15px #2ecc71cc}.timeline-summary{-webkit-overflow-scrolling:touch;background:#0003;border-radius:8px;margin:20px 0;overflow-x:auto;padding:10px}.timeline-milestones{align-items:center;display:flex;min-width:600px;padding:0 10px;position:relative}.timeline-milestones:before{background:#fff;content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:50%;z-index:1}.timeline-milestone-compact{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:5px;position:relative;transition:transform .2s ease;z-index:2}.milestone-marker:hover{background:#3b5bdb;transform:scale(1.25)}.milestone-marker{background:#fff;border-radius:50%;height:10px;margin:5px 0;width:10px;z-index:3}.milestone-month{color:#ccc;font-size:10px}.milestone-title{font-size:10px;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.final-milestone .milestone-marker{background:#2ecc71}@media (max-width:768px){.milestone-month,.milestone-title{font-size:9px;max-width:60px}.timeline-milestone-compact{padding:4px}}@media (max-width:480px){.milestone-month,.milestone-title{font-size:8px;max-width:50px}.timeline-milestones:before{top:45%}}.timeline-summary::-webkit-scrollbar{height:6px}.timeline-summary::-webkit-scrollbar-thumb{background-color:#fff6;border-radius:4px}.simulator-loading{align-items:center;background-color:#1f2937;background-color:var(--dark-surface);border:1px solid #ffffff1a;border:1px solid var(--light-border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.path-endpoint-label{fill:#f8f9fa;fill:var(--light-text);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));font-size:16px;font-weight:600}.node-tooltip{opacity:0;pointer-events:none;transition:opacity .3s ease}.career-node:hover .node-tooltip{opacity:1}.simulator-learning-resources{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:10px}.simulator-learning-resources h5{color:#64ffda;font-size:14px;margin-bottom:8px}.simulator-resources-list{color:#ccd6f6;font-size:14px;list-style-type:disc;padding-left:20px}.simulator-resources-list li{margin-bottom:5px}.career-summary-container{background-color:#2d374880;border-radius:8px;padding:20px}.career-summary-container h3{color:#64ffda;font-size:18px;margin-bottom:15px;margin-top:0}.career-summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.summary-stat{display:flex;flex-direction:column}.stat-label{color:#a8b2d1;font-size:14px;margin-bottom:5px}.stat-value{color:#ccd6f6;font-size:16px}.career-advice-notes{background-color:#2d37484d;border-radius:8px;color:#a8b2d1;font-size:14px;line-height:1.6;margin-bottom:20px;padding:15px}.career-advice-notes p{margin:0}.career-advice-notes strong{color:#f8f9fa;color:var(--light-text)}@media (max-width:768px){.career-simulator-container{border-radius:12px;margin:1rem;padding:1.5rem}.simulator-step-header{align-items:flex-start;flex-direction:column;gap:.75rem}.simulator-btn,.simulator-primary-btn,.simulator-secondary-btn{font-size:.95rem;padding:.85rem 1.25rem;width:100%}.simulator-navigation{flex-direction:column;gap:.75rem}.simulator-input,.simulator-select{padding:.85rem 1rem}.simulator-results h2{font-size:1.5rem}.simulator-subtitle{font-size:1rem}.simulator-options-wrapper{flex-direction:column}.simulator-option{font-size:.9rem;max-width:100%;min-width:0;padding:.75rem 1rem}.career-path-visualization{min-width:700px}}@media (max-width:480px){.simulator-input-form h2,.simulator-results h2{font-size:1.5rem}.simulator-input-form p,.simulator-subtitle{font-size:.95rem}.simulator-timeframe{font-size:.85rem}.simulator-step-card{padding:1.25rem}.simulator-skills-input{flex-direction:column}.simulator-btn.add-skill{width:100%}.simulator-navigation{flex-direction:column}.simulator-option{font-size:.85rem;max-width:100%;min-width:0;padding:.65rem .85rem}.career-path-visualization{min-width:600px}}.simulator-btn:focus-visible,.simulator-option:focus-visible,.simulator-primary-btn:focus-visible,.simulator-secondary-btn:focus-visible{outline:2px solid #4263eb;outline:2px solid var(--primary-color);outline-offset:2px}.simulator-skill-tag span:focus-visible{outline:2px solid #fa5252;outline:2px solid var(--danger-color);outline-offset:2px}.simulator-ai-feedback{margin-top:.5rem}.simulator-ai-feedback h3{color:#f8f9fa;color:var(--light-text);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.simulator-ai-feedback h3:after{background-color:#4263eb;background-color:var(--primary-color);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.simulator-ai-feedback-card{background-color:#1f2937;background-color:var(--dark-surface);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow);display:flex;gap:1rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-standard)}.simulator-ai-feedback-card:before{background:linear-gradient(135deg,#20c9970d,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.simulator-ai-feedback-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.simulator-ai-icon{align-items:center;background-color:#20c9971a;border-radius:50%;color:#20c997;color:var(--secondary-color);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.simulator-ai-feedback-content{flex:1 1}.simulator-ai-feedback-content p{color:#f8f9fa;color:var(--light-text);font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.simulator-ai-feedback-card{padding:1.5rem}}@media (max-width:480px){.simulator-ai-feedback-card{flex-direction:column;padding:1.25rem}.simulator-ai-icon{margin-bottom:1rem}}@media (max-width:768px){.career-path-visualization{min-width:700px}}@media (max-width:480px){.career-path-visualization{min-width:600px}}.scroll-to-top-button{align-items:center;background-color:#161b22;border:2px solid #30363d;border-radius:50%;bottom:30px;box-shadow:0 4px 10px #0000004d;color:#58a6ff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:.9;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:1000}.scroll-to-top-button:hover{background-color:#1f2937;box-shadow:0 6px 12px #0006;color:#8bb9fe;transform:translateY(-3px)}.scroll-to-top-button:active{transform:translateY(0)}@media (max-width:768px){.scroll-to-top-button{bottom:20px;height:40px;right:20px;width:40px}.scroll-to-top-button svg{height:20px;width:20px}}.ai-mentor-wrapper{color:#e0e0e0;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.ai-response-heading{border-bottom:1px solid #383838;color:#0af;font-size:1.1rem;font-weight:600;margin:12px 0 8px;padding-bottom:4px}.ai-response-paragraph{color:#d0d0d0;font-size:.95rem;line-height:1.5;margin:8px 0}.ai-response-list{list-style:none;margin:8px 0;padding:0}.ai-response-item{color:#e0e0e0;font-size:.9rem;margin-bottom:6px;padding-left:20px;position:relative}.ai-response-item:before{color:#007bff;content:"•";font-weight:700;left:0;position:absolute}.ai-response-subitem{color:#b0b0b0;font-size:.85rem;margin-bottom:6px;padding-left:30px;position:relative}.ai-response-subitem:before{color:#007bff;content:"◦";font-weight:700;left:15px;position:absolute}.ai-response-paragraph strong{color:#fff;font-weight:600}.ai-response-paragraph em{color:silver;font-style:italic}.ai-mentor-container{background-color:#1e1e1e;border-radius:12px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;flex-grow:1;gap:20px;margin:20px auto;max-width:1000px;padding:20px;width:90%}.ai-mentor-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding-bottom:15px}.ai-mentor-header .header-left{align-items:center;display:flex;gap:15px}.ai-mentor-header .ai-avatar{align-items:center;background-color:#004085;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;font-size:2.5rem;justify-content:center;padding:10px}.ai-mentor-header .header-info h3{color:#fff;font-size:1.6rem;font-weight:600;margin:0}.ai-mentor-header .header-status{align-items:center;display:flex;gap:10px;margin-top:4px}.ai-mentor-header .health-status,.ai-mentor-header .usage-indicator{background-color:#2c2c2c;border-radius:6px;color:#b0b0b0;font-size:.85rem;padding:4px 8px}.ai-mentor-header .health-status{cursor:pointer}.ai-mentor-header .header-actions .action-btn{background-color:#333;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:1.2rem;padding:10px;transition:background-color .3s ease}.ai-mentor-header .header-actions .action-btn:hover{background-color:#444}.tab-navigation{border-bottom:2px solid #333;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.tab-navigation .tab-btn{background-color:initial;border:none;border-radius:8px 8px 0 0;color:#b0b0b0;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;position:relative;transition:background-color .3s ease,color .3s ease}.tab-navigation .tab-btn:hover{background-color:#2a2a2a;color:#fff}.tab-navigation .tab-btn.active{background-color:#007bff;color:#fff;font-weight:600}.tab-navigation .tab-btn.active:after{background-color:#007bff;bottom:-12px;content:"";height:2px;left:0;position:absolute;width:100%}.tab-content{min-height:400px}.messages-container,.tab-content{display:flex;flex-direction:column;flex-grow:1}.messages-container{background-color:#252525;border-radius:8px;gap:15px;margin-bottom:15px;max-height:500px;overflow-y:auto;padding:15px}.message{align-items:flex-end;display:flex;gap:10px;max-width:85%}.message .message-avatar{align-items:center;background-color:#333;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.message .message-content{word-wrap:break-word;border-radius:10px;padding:12px 15px}.message .message-text{font-size:.95rem;line-height:1.5;white-space:pre-wrap}.message .message-time{color:#a0a0a0;font-size:.75rem;margin-top:5px;text-align:right}.ai-message{align-self:flex-start}.ai-message .message-content{background-color:#2a2a2a;border-top-left-radius:0;color:#fff}.ai-message .message-avatar{background-color:#004085}.user-message{align-self:flex-end}.user-message .message-content{background-color:#3a3a3a;border-top-right-radius:0;color:#e0e0e0}.user-message .message-avatar{background-color:#4a4a4a}.system-message{align-self:center;max-width:100%;width:100%}.system-message .message-content{background-color:#444;color:#ffc107;text-align:center;width:100%}.system-message .message-avatar{display:none}.typing-indicator{padding:10px 0}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite both;background-color:#b0b0b0;border-radius:50%;display:inline-block;height:8px;margin:0 2px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.quick-questions{background-color:#252525;border-radius:8px;margin-bottom:20px;margin-top:10px;padding:15px}.quick-questions p{color:silver;font-size:.9rem;font-weight:500;margin:0 0 10px}.quick-questions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-question-btn{background-color:#333;border:1px solid #444;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.85rem;padding:10px 15px;text-align:left;transition:background-color .3s ease,border-color .3s ease}.quick-question-btn:hover{background-color:#007bff;border-color:#0056b3;color:#fff}.input-form{display:flex;flex-direction:column;gap:10px}.input-container{background-color:#2c2c2c;border-radius:8px;display:flex;gap:10px;padding:10px}.message-input{background-color:#383838;border:1px solid #444;border-radius:6px;color:#e0e0e0;flex-grow:1;font-size:1rem;padding:12px 15px}.message-input::placeholder{color:#888}.message-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.send-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 18px;transition:background-color .3s ease}.send-btn:hover:not(:disabled){background-color:#0056b3}.send-btn:disabled{background-color:#555;cursor:not-allowed}.usage-warning{background-color:#ffc1071a;border-radius:4px;color:#ffc107;font-size:.8rem;padding:5px;text-align:center}.loading,.no-data{align-items:center;color:#a0a0a0;display:flex;flex-grow:1;font-size:1.1rem;justify-content:center;padding:40px 20px;text-align:center}.insights-container,.suggestions-container{display:flex;flex-direction:column;gap:20px;padding:10px}.insights-header,.suggestions-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.insights-header h4,.suggestions-header h4{color:#fff;font-size:1.3rem;margin:0}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{background-color:#2a2a2a;border-radius:10px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:15px;padding:20px}.insight-card h5{border-bottom:1px solid #383838;color:#0af;font-size:1.1rem;margin:0 0 10px;padding-bottom:8px}.activity-stats,.progress-stats,.roadmap-stats{display:flex;flex-direction:column;gap:10px}.activity-item,.roadmap-item,.stat{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.activity-item span:last-child,.roadmap-item span:last-child,.stat-value{color:#fff;font-weight:600}.activity-item span:first-child,.roadmap-item span:first-child,.stat-label{color:#b0b0b0}.streak-info{text-align:center}.streak-number{color:#ffc107;font-size:3rem;font-weight:700;line-height:1}.streak-label{color:#b0b0b0;font-size:1rem}.last-activity{color:#888;font-size:.8rem;margin-top:5px}.roadmap-activity-section,.roadmap-progress-section{background-color:#2a2a2a;border-radius:10px;margin-top:20px;padding:20px}.roadmap-activity-section h5,.roadmap-progress-section h5{border-bottom:1px solid #383838;color:#0af;font-size:1.2rem;margin:0 0 15px;padding-bottom:10px}.roadmap-progress-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.roadmap-progress-card{background-color:#333;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:15px}.roadmap-header-content{align-items:center;display:flex;justify-content:space-between}.roadmap-title-content{color:#e0e0e0;font-size:1rem;font-weight:600}.roadmap-completion-content{color:#fff;font-size:.9rem;font-weight:700;margin-top:8px}.roadmap-progress-bar{background-color:#555;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress-fill{border-radius:5px;height:100%;transition:width .5s ease-in-out}.roadmap-recent-activity .activity-row,.roadmap-stats .roadmap-stat{color:#b0b0b0;display:flex;font-size:.85rem;justify-content:space-between}.activity-row .active,.roadmap-stats .stat-value{color:#66bb6a;font-weight:500}.activity-row .inactive{color:#aaa}.last-updated{color:#888;font-size:.75rem;margin-top:5px;text-align:right}.progress-status{margin-top:8px}.status-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.status-badge.completed{background-color:#28a745;color:#fff}.status-badge.nearly-done{background-color:#17a2b8;color:#fff}.status-badge.in-progress{background-color:#ffc107;color:#1e1e1e}.status-badge.started{background-color:#fd7e14;color:#fff}.status-badge.not-started{background-color:#6c757d;color:#fff}.activity-breakdown{display:flex;flex-direction:column;gap:10px}.activity-breakdown-item{align-items:center;background-color:#333;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px}.roadmap-name{color:#e0e0e0;font-size:.95rem;font-weight:500}.activity-metrics{display:flex;font-size:.85rem;gap:15px}.metric{align-items:flex-end;display:flex;flex-direction:column}.metric-label{color:#a0a0a0}.metric-value{color:#fff;font-weight:500}.inactive-roadmaps{border-top:1px dashed #444;margin-top:15px;padding-top:10px}.inactive-roadmaps h6{color:#aaa;font-size:.9rem;margin:0 0 8px}.inactive-list{display:flex;flex-wrap:wrap;gap:8px}.inactive-roadmap{background-color:#383838;border-radius:4px;color:#999;font-size:.8rem;padding:3px 7px}.recommendations{margin-top:15px}.recommendations h5{color:#0af;font-size:1.1rem;margin:0 0 10px}.recommendation-item{background-color:#333;border-radius:6px;color:#d0d0d0;font-size:.9rem;margin-bottom:8px;padding:12px}.suggestions-container.enhanced{color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.suggestions-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.header-main h4{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 12px}.suggestions-stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#94a3b8;font-size:.875rem;padding:6px 12px}.refresh-btn{background:none;border:none;border-radius:50%;color:#007bff;cursor:pointer;font-size:1.5rem;padding:5px;transition:color .2s ease,background-color .2s ease}.refresh-btn:hover{background-color:#007bff1a;color:#0056b3}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.priority-breakdown{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:16px}.breakdown-title{color:#f1f5f9;font-size:.95rem;font-weight:600;margin-bottom:12px}.priority-indicators{display:flex;flex-wrap:wrap;gap:12px}.priority-indicator{border:1px solid;border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 12px}.priority-indicator.urgent{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.priority-indicator.high{background:#f9731626;border-color:#f973164d;color:#fdba74}.priority-indicator.medium{background:#f59e0b26;border-color:#f59e0b4d;color:#fcd34d}.priority-indicator.low{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.user-overview-card{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:12px;margin-bottom:24px;padding:20px}.user-overview-card h5{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin:0 0 16px}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.overview-stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:12px;padding:12px}.stat-icon{font-size:1.5rem}.stat-info{flex:1 1}.stat-value{display:block;font-size:1.25rem;font-weight:700}.stat-label{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.suggestions-groups{display:flex;flex-direction:column;gap:28px}.suggestion-group{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.group-title{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin:0}.group-count{background:#3b82f633;border-radius:12px;color:#93c5fd;font-size:.8rem;font-weight:500;padding:4px 10px}.suggestions-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.suggestion-card.enhanced{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293bcc,#33415599);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;max-height:400px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.suggestion-header{margin-bottom:16px}.suggestion-title-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.suggestion-icon{filter:drop-shadow(0 0 8px rgba(59,130,246,.3));font-size:1.3rem}.suggestion-title{color:#f1f5f9;flex:1 1;font-size:1rem;font-weight:600;line-height:1.4}.urgency-badge.urgent{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.suggestion-priority-badge{display:flex;justify-content:flex-start}.priority-tag{border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.suggestion-description{color:#cbd5e1;font-size:.9rem;line-height:1.5;margin-bottom:8px}.suggestion-roadmap-info{margin:8px 0}.roadmap-badge{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:16px;color:#c4b5fd;font-size:.8rem;font-weight:500;padding:4px 10px}.suggestion-stats{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;padding:12px}.progress-stat{align-items:center;display:flex;gap:8px;margin-bottom:6px}.stat-label{color:#94a3b8;font-size:.8rem;min-width:60px}.mini-progress-bar{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.mini-progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.stat-text{color:#e2e8f0;font-size:.8rem;font-weight:500;min-width:80px;text-align:right}.stat-item{justify-content:space-between;margin:4px 0}.stat-value{color:#60a5fa;font-weight:600}.career-info{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;padding:12px}.career-goal,.career-stage,.career-timeframe{font-size:.85rem;line-height:1.4;margin:6px 0}.current-skills{margin-top:8px}.skills-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.skill-tag{background:#22c55e33;border:1px solid #22c55e4d;border-radius:12px;color:#86efac;font-size:.75rem;font-weight:500;padding:3px 8px}.skill-tag.more{background:#9ca3af33;border-color:#9ca3af4d;color:#d1d5db}.streak-info{background:#fb923c1a;border:1px solid #fb923c33;border-radius:8px;padding:12px}.streak-stat{align-items:center;display:flex;gap:8px;margin-bottom:6px}.streak-icon{font-size:1.2rem}.streak-text{color:#fed7aa;font-weight:600}.encouragement{color:#fdba74;font-style:italic;margin-left:8px}.activity-gap{color:#94a3b8;font-size:.8rem;margin-top:6px}.ai-info{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;padding:12px}.ai-roadmap-info{align-items:center;color:#c4b5fd;display:flex;font-size:.85rem;gap:8px}.ai-icon{font-size:1.1rem}.usage-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;padding:12px}.usage-remaining{align-items:center;color:#93c5fd;display:flex;font-size:.85rem;gap:8px}.usage-icon{font-size:1.1rem}.progress-info{background:#10b9811a;border:1px solid #10b98133;border-radius:8px;padding:12px}.progress-summary{display:flex;gap:16px;justify-content:space-between}.progress-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.progress-item span:first-child{color:#94a3b8;font-size:.75rem;text-align:center}.progress-item span:last-child{color:#6ee7b7;font-size:.9rem;font-weight:600}.suggestion-footer{border-top:1px solid #ffffff0d;margin-top:auto;padding-top:12px}.suggestion-meta{justify-content:flex-end}.suggestion-type-tag{background:#4b55634d;border-radius:6px;color:#9ca3af;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.available-features{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:24px;padding:20px}.available-features h5{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin:0 0 16px}.features-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:16px}.feature-name{color:#f1f5f9;font-size:.9rem;font-weight:600;margin-bottom:8px}.feature-usage{display:flex;flex-direction:column;gap:6px}.usage-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.usage-fill{border-radius:3px;height:100%;transition:width .5s ease}.usage-text{color:#94a3b8;font-size:.8rem;text-align:center}.suggestions-footer{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:16px;text-align:center}.last-updated{color:#64748b;font-size:.8rem;font-style:italic}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:2rem;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#94a3b8;font-size:.9rem;line-height:1.5;max-width:300px}.no-data-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-data-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.no-data-title{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin-bottom:8px}.no-data-description{color:#94a3b8;font-size:.9rem;line-height:1.5;max-width:300px}@media (max-width:768px){.suggestions-container.enhanced{margin:0 8px;padding:16px}.suggestions-list{grid-template-columns:1fr}.suggestion-card.enhanced{max-height:none}.suggestions-stats{gap:8px}.stat-item{font-size:.8rem;padding:4px 8px}.overview-grid{grid-template-columns:repeat(2,1fr)}.progress-summary{flex-direction:column;gap:8px}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.header-main h4{font-size:1.5rem}.overview-grid{grid-template-columns:1fr}.suggestions-header{flex-direction:column;gap:16px}.priority-indicators{justify-content:center}}.ai-mentor-container .messages-container .message.system-message{margin:20px auto;max-width:90%}@media (max-width:768px){.ai-mentor-container{margin-bottom:10px;margin-top:10px;padding:15px;width:95%}.ai-mentor-header{align-items:flex-start;flex-direction:column;gap:10px}.ai-mentor-header .header-info h3{font-size:1.4rem}.ai-mentor-header .ai-avatar{font-size:2rem;padding:8px}.tab-navigation{gap:5px;overflow-x:auto;padding-bottom:5px}.tab-navigation .tab-btn{font-size:.9rem;padding:8px 12px;white-space:nowrap}.tab-navigation .tab-btn.active:after{bottom:-7px}.messages-container{padding:10px}.message{max-width:95%}.input-container{flex-direction:column;gap:8px;padding:8px}.message-input,.send-btn{width:100%}.insights-grid,.quick-questions-grid,.roadmap-progress-grid{grid-template-columns:1fr}.insight-card,.roadmap-progress-card,.suggestion-card{padding:15px}.suggestion-header{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:480px){.ai-mentor-container{border-radius:0;margin:0;min-height:calc(100vh - 100px);width:100%}.ai-mentor-header .header-info h3{font-size:1.2rem}.ai-mentor-header .health-status,.ai-mentor-header .usage-indicator{font-size:.75rem;padding:3px 6px}.ai-mentor-header .header-actions .action-btn{font-size:1rem;padding:8px}.message .message-avatar{font-size:1.2rem;height:35px;width:35px}.message .message-content{padding:10px 12px}.message .message-text{font-size:.9rem}.tab-navigation .tab-btn{font-size:.85rem;padding:8px 10px}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#2c2c2c;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#777}.tab-navigation::-webkit-scrollbar{height:4px}.tab-navigation::-webkit-scrollbar-track{background:#1e1e1e}.tab-navigation::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.tab-navigation::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box}.features-container{color:#fff;min-height:100vh;opacity:0;overflow-x:hidden;transform:translateY(20px);transition:all .8s ease}.features-container.visible{opacity:1;transform:translateY(0)}.hero-section{align-items:center;background:radial-gradient(ellipse at center,#6366f11a 0,#0000 70%);display:flex;justify-content:center;min-height:100vh;padding:0 2rem;position:relative;text-align:center}.hero-content{max-width:800px;z-index:2}.hero-badge{animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:inline-block;margin-bottom:2rem;padding:.5rem 1.5rem}.badge-text{font-size:.9rem;font-weight:600}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.hero-description{color:#fffc;font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.floating-elements{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.float-item{animation:floatAround 20s linear infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;font-weight:600;padding:1rem 1.5rem;position:absolute}.item-1{animation-delay:0s;left:10%;top:20%}.item-2{animation-delay:-5s;right:15%;top:60%}.item-3{animation-delay:-10s;bottom:30%;left:20%}.item-4{animation-delay:-15s;right:30%;top:40%}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1400px;padding:4rem 2rem}.feature-card{animation:slideInUp .8s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;opacity:0;overflow:hidden;padding:3rem;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.feature-card.active:before,.feature-card:hover:before{transform:translateX(100%)}.feature-card.active,.feature-card:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;transform:translateY(-10px) scale(1.02)}.feature-header{justify-content:space-between;margin-bottom:2rem}.feature-header,.feature-icon{align-items:center;display:flex}.feature-icon{border-radius:20px;font-size:2rem;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.feature-icon:before{background:inherit;border-radius:inherit;bottom:0;content:"";filter:blur(10px);left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.feature-number{color:#ffffff1a;font-size:3rem;font-weight:800;line-height:1}.feature-content{display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:2}.feature-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.feature-subtitle{color:#ffffffb3;font-size:1rem;font-weight:500;margin-bottom:1rem}.feature-description{color:#fffc;flex-grow:1;font-size:.95rem;line-height:1.6}.feature-button{align-self:flex-start;background:#ffffff14;border:1px solid #fff3;border-radius:50px;color:#ffffffe6;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:1.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.feature-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.feature-glow{bottom:0;height:3px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease}.feature-card.active .feature-glow,.feature-card:hover .feature-glow{opacity:1}.core-features-section{background:#ffffff05;padding:4rem 2rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:3rem}.core-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.core-feature-item{align-items:center;animation:slideInUp .6s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:1rem;opacity:0;padding:2rem;transform:translateY(20px);transition:all .3s ease}.core-feature-item:hover{border-color:#fff3;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.core-feature-icon{font-size:2.5rem}.core-feature-name{color:#ffffffe6;font-weight:600}.stats-section{background:linear-gradient(135deg,#6366f11a,#a855f71a);padding:4rem 2rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.stat-item{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;line-height:1;margin-bottom:.5rem}.stat-label{color:#fffc;font-size:1.1rem;font-weight:500}.cta-section{background:radial-gradient(ellipse at center,#6366f126 0,#0000 70%);padding:6rem 2rem;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.button-primary,.button-secondary{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.button-primary:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.button-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.button-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatAround{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(20px) rotate(270deg)}to{transform:translateY(0) rotate(1turn)}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.features-grid{gap:1.5rem;grid-template-columns:1fr;padding:2rem 1rem}.feature-card{padding:2rem}.hero-title{font-size:3rem}.cta-buttons{align-items:center;flex-direction:column}.button-primary,.button-secondary{max-width:300px;width:100%}.core-features-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.float-item{font-size:.75rem;padding:.4rem .8rem}.item-1{left:5%;top:10%}.item-2{right:5%;top:70%}.item-3{bottom:10%;left:10%}.item-4{right:10%;top:50%}}@media (max-width:500px){.stats-grid{gap:1.2rem;grid-template-columns:1fr}.stat-item,.stats-grid{padding:1.5rem 1rem}.stat-number{font-size:2.5rem}.stat-label{font-size:1rem}.hero-section{padding:3rem 1rem}.hero-title{font-size:2.25rem}.hero-description{font-size:1rem;line-height:1.5}}.hero{align-items:center;display:flex;justify-content:space-between;padding:6rem 2rem}.hero-content{max-width:600px}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff69b4,#f90,#ffc107);-webkit-background-clip:text;color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero p{color:#fff;font-size:1.25rem;line-height:1.6;margin:1.5rem 0}.btn-primary{background:linear-gradient(135deg,#00bcd4,#2196f3);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 0 10px #00bcd426,0 0 20px #2196f314;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin-right:1rem;overflow:hidden;padding:1rem 2.2rem;position:relative;transition:all .3s ease-in-out}.btn-primary:before{background:radial-gradient(circle,#ffffff1a,#0000 70%);content:"";height:200%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease,opacity .4s ease;width:200%}.btn-primary:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.btn-primary:hover{background:linear-gradient(135deg,#1de9b6,#03a9f4);box-shadow:0 0 12px #03a9f44d,0 0 24px #03a9f426}.btn-primary:active{box-shadow:inset 0 2px 6px #ffffff0d}.btn-primary:focus-visible{box-shadow:0 0 0 3px #03a9f466;outline:none}.cta{color:#fff;padding:6rem 2rem;text-align:center}.cta h2{font-size:2.5rem;margin-bottom:1.5rem}.cta p{color:#fff;font-size:1.25rem;margin-bottom:2rem}.tech-fields{padding:4rem 2rem;text-align:center}.tech-fields h2{color:#fff;font-size:2.5rem;margin-bottom:2rem;margin-top:2rem}.tech-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.tech-card{align-items:center;background-color:#000;border-radius:10px;color:#fff;cursor:pointer;display:flex;justify-content:flex-start;padding:1rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.tech-card:hover{box-shadow:0 0 5px #e61dff,0 0 10px #3cc7fa,0 0 15px #857dfd,0 0 20px #9d65fc}.tech-icon{font-size:1.5rem;margin-right:1rem}.tech-card h3{font-size:1.1rem;margin:0;text-align:left}.te-explorer{display:flex;flex-direction:column;min-height:100vh}.te-explorer-container{flex:1 1;margin:0;padding:3rem 6rem;width:100%}.te-explorer-header{margin-bottom:2.5rem;text-align:center}.te-explorer-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.te-explorer-header p{color:#fff;font-size:1.2rem;margin-bottom:2rem}.te-search-container{margin:0 auto 2.5rem;max-width:none;width:50%}.te-search-input{border:1px solid #ddd;border-radius:2rem;box-shadow:0 2px 5px #0000000d;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.te-search-input:focus{border-color:#4285f4;box-shadow:0 2px 8px #4285f44d;outline:none}.te-tab-navigation{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.te-tab-btn{background:none;border:1px solid #ddd;border-radius:2rem;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.5rem;transition:all .3s ease}.te-tab-btn:hover{background-color:#f0f0f0;color:#000}.te-tab-btn.active{background-color:#4285f4;border-color:#4285f4;color:#fff}.te-section{margin-bottom:4rem;width:100%}.te-section h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.te-section h2:after{background-color:#4285f4;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.te-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;width:100%}.te-card{background-color:#1f2937;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.te-card:hover{box-shadow:0 5px 15px #00000026}.te-icon{font-size:2rem;margin-bottom:.75rem}.te-card h3{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.te-preview{color:#fff;font-size:.85rem;line-height:1.4;margin-top:auto}@media (max-width:1024px){.te-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.te-explorer-container{padding:1.5rem 2rem}.te-search-container{width:95%}}@media (max-width:768px){.te-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.te-explorer-header h1{font-size:2rem}.te-section h2{font-size:1.5rem}.te-explorer-container{padding:1.5rem}}@media (max-width:480px){.te-grid{grid-template-columns:1fr}.te-tab-navigation{align-items:center;flex-direction:column;gap:.5rem}.te-tab-btn{max-width:200px;width:100%}.te-explorer-container{padding:1rem}.te-search-container{width:100%}}.ai-suggestion-container{align-items:center;background-color:#0000000d;border-radius:10px;display:flex;justify-content:center;margin:20px 0;padding:12px 16px;transition:all .3s ease}.ai-suggestion-container:hover{background-color:#00000014}.ai-suggestion-text{color:#333;font-size:15px;font-weight:500;letter-spacing:.3px;margin:0}.ai-suggestion-button{background:linear-gradient(45deg,#0ce39a,#69007f,#fc0987);border-radius:10px;color:#fff;cursor:pointer;font-size:.75em;margin-left:5px;padding:7px 15px;position:relative;text-decoration:none}.ai-suggestion-button span{position:relative;z-index:1}.ai-suggestion-button:before{border-radius:9px;content:"";inset:1px;position:absolute;transition:.5s}.ai-suggestion-button:hover:before{opacity:.7}.ai-suggestion-button:after{background:linear-gradient(45deg,#0ce39a,#69007f,#fc0987);border-radius:9px;content:"";filter:blur(20px);inset:0;opacity:0;position:absolute;transition:.5s}.ai-suggestion-button:hover:after{opacity:1}@media (prefers-color-scheme:dark){.ai-suggestion-container{background-color:#ffffff0d}.ai-suggestion-container:hover{background-color:#ffffff14}.ai-suggestion-text{color:#e0e0e0}}@media (max-width:768px){.ai-suggestion-container{align-items:flex-start;flex-direction:column;padding:12px}.ai-suggestion-text{font-size:14px;margin-bottom:10px}.ai-suggestion-button{align-self:flex-start;font-size:13px;margin-left:0;padding:7px 14px}}@media (max-width:480px){.ai-suggestion-container{margin:12px 0}.ai-suggestion-button{text-align:center;width:100%}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:30px;position:relative;width:100%}.title{color:#333;font-size:24px;font-weight:600;margin-bottom:25px;text-align:center}.form_group{margin-bottom:20px}.sub_title{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form_style{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 15px;transition:all .3s;width:100%}.form_style:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.btn{background-color:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background-color .3s;width:100%}.btn:hover{background-color:#3367d6}.error-message{animation:fadeIn .3s ease;background-color:#fde8e8;border-radius:6px;color:#d32f2f;font-size:14px;margin:15px 0;padding:10px 15px}.link{color:#4285f4;cursor:pointer;font-weight:500;margin-left:5px;transition:color .3s}.link:hover{color:#3367d6;text-decoration:underline}.google-signin-divider{align-items:center;color:#888;display:flex;margin:20px 0;text-align:center}.google-signin-divider:after,.google-signin-divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.google-signin-divider span{color:#888;font-size:14px;padding:0 10px}.google-signin-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#757575;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;margin-top:10px;padding:12px;transition:background-color .3s,box-shadow .3s;width:100%}.google-signin-btn:hover{background-color:#f5f5f5;box-shadow:0 1px 3px #0000001a}.google-signin-btn svg{margin-right:10px}.suggestion-text{color:#4285f4;cursor:pointer;font-size:12px;margin-top:5px}.suggestion-text span{font-weight:500;text-decoration:underline}.suggestion-text span:hover{color:#3367d6}.auth-link{color:#4285f4;cursor:pointer;display:block;font-size:14px;margin-top:15px;text-align:center;transition:color .3s}.auth-link:hover{color:#3367d6;text-decoration:underline}.back-link{color:#666;cursor:pointer;margin-top:15px;text-align:center}.back-link:hover{color:#333;text-decoration:underline}.btn:disabled,.google-signin-btn:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.loading-overlay{align-items:center;background-color:#fffffff2;border-radius:10px;bottom:0;display:flex;flex-direction:column;gap:15px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay p{color:#666;font-size:16px;margin:0}.loader-wrapper{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.loader-wrapper p{color:#666;font-size:16px;margin:0}@media (max-width:480px){.google-signin-btn{font-size:14px;padding:10px}.google-signin-btn svg{height:20px;margin-right:8px;width:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-content{margin:0 15px;padding:20px}.title{font-size:20px;margin-bottom:20px}.form_style{font-size:14px;padding:10px 12px}.btn{font-size:14px;padding:10px}}.AI-button{align-items:center;animation:floatingGlow 4s ease-in-out infinite alternate;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0009;border:none;border-radius:50%;box-shadow:0 8px 30px #00ffff4d,inset 0 0 10px #0ff3;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;transition:transform .25s ease-in-out,box-shadow .3s ease,background .3s ease;width:60px}.AI-button:hover{background:#000000b3;box-shadow:0 0 20px #0ff9,0 0 10px #0ff6;transform:scale(1.1)}.AI-button:active{box-shadow:0 0 12px #0ff6;transform:scale(.95)}@keyframes floatingGlow{0%{box-shadow:0 0 10px #00ffff4d,inset 0 0 6px #0ff3;transform:translateY(0)}to{box-shadow:0 0 24px #00ffff80,inset 0 0 10px #00ffff4d;transform:translateY(-4px)}}.AI-button:after{background:#222;border-radius:6px;bottom:70px;color:#fff;content:"Talk to AI";font-size:12px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateY(10px);transition:all .2s ease;white-space:nowrap}.AI-button:hover:after{opacity:1;transform:translateY(0)}.chatbot-container{background-color:#fff;border-radius:12px;bottom:80px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;height:500px;overflow:hidden;width:360px}.chatbot-container,.chatbot-icon{position:fixed;right:20px;z-index:1000}.chatbot-icon{bottom:20px;cursor:pointer}.chatbot-header{align-items:center;animation:headerFlow 8s ease infinite;background:linear-gradient(270deg,#00f0ff,#00b8ff,#00f0ff);background-size:600% 600%;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 12px #00ffff4d;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:12px}@keyframes headerFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.chatbot-usage{background:#0003;border-radius:5px;font-size:12px;padding:5px 10px}.chatbot-actions{align-items:center;display:flex;gap:10px}.close-icon{cursor:pointer;transition:transform .2s}.close-icon:hover{transform:scale(1.2)}.clear-chat-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:2px 8px;transition:background .2s}.clear-chat-btn:hover{background:#ffffff1a}.welcome-message{color:#666;font-size:1.1em;font-weight:600;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chatbot-messages{-webkit-overflow-scrolling:touch;background:#f9f9f9;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px;scrollbar-color:#d1d1d1 #0000;scrollbar-width:thin}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.chat-message{word-wrap:break-word;border-radius:16px;box-shadow:0 2px 4px #0000001a;font-size:14px;line-height:1.5;max-width:80%;padding:12px 15px;position:relative}.chat-message span{word-wrap:break-word;display:block;overflow-wrap:break-word}.message-roadmap-indicator{color:#888;font-size:.75rem;font-style:italic;margin-bottom:4px}.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,#007bff,#0056b3);border-bottom-right-radius:4px;color:#fff}.chat-message.bot{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;color:#333}.typing-indicator{align-items:center;display:flex;justify-content:center;padding:15px}.typing-indicator .dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#888;border-radius:50%;display:inline-block;height:8px;margin:0 2px;width:8px}.typing-indicator .dot:first-child{animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}.chat-message p{margin:0 0 8px}.chat-message p:last-child{margin-bottom:0}.chat-message ol,.chat-message ul{margin:8px 0 8px 20px;padding-left:0}.chat-message li{margin:4px 0}.code-block{background:#2d2d2d;border-radius:4px;color:#f8f8f2;font-size:13px;margin:8px 0;overflow-x:auto;padding:12px}.code-block,.inline-code{font-family:Consolas,monospace}.inline-code{background:#f5f5f5;border-radius:3px;color:#e83e8c;padding:2px 4px}.bot-heading{font-weight:600;margin:12px 0 6px}h3.bot-heading{font-size:1.2em}h4.bot-heading{font-size:1.1em}h5.bot-heading{font-size:1em}.callout{border-left:4px solid;border-radius:4px;margin:8px 0;padding:10px}.callout-icon{margin-right:8px}.callout.warning{background:#fff8e6;border-color:#f0ad4e}.callout.tip{background:#e6f7ef;border-color:#28a745}.callout.info{background:#e3f2fd;border-color:#0d6efd}.table-wrapper{margin:8px 0;overflow-x:auto}.bot-table{border-collapse:collapse;width:100%}.bot-table td,.bot-table th{border:1px solid #ddd;padding:8px}.bot-table th{background:#f5f5f5;font-weight:600}.chatbot-input{border-top:1px solid #eee;display:flex;gap:8px;padding:10px}.chatbot-input input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:10px}.chatbot-input input:focus{border-color:#007bff}.chatbot-input button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px;transition:background .3s}.chatbot-input button:hover{background:linear-gradient(135deg,#0056b3,#0041a3)}.chatbot-input button:disabled,.chatbot-input input:disabled{cursor:not-allowed;opacity:.6}.limit-message{color:red;font-size:14px;font-weight:700;padding:10px;text-align:center;width:100%}@media (max-width:768px){.chatbot-container{bottom:70px;height:70vh;right:5vw;width:90vw}.chatbot-icon{bottom:15px;right:15px}.AI-button{font-size:.9rem;padding:.8em}.chat-message{font-size:13px;max-width:85%;padding:10px 12px}.chatbot-input input{font-size:16px}.code-block{font-size:12px}}@media (max-width:480px){.chatbot-container{bottom:60px;height:80vh;width:95vw}.AI-button .text{display:none}.AI-button svg{margin:0}.message-roadmap-indicator{font-size:.65rem}}.chatbot-input button,.clear-chat-btn,.close-icon{-webkit-tap-highlight-color:transparent}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-props,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.roadmap-builder{color:#e2e8f0;display:flex;flex-direction:column;min-height:100vh}.builder-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1600px;padding:20px;width:100%}.builder-header{background-color:#2d3748;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:20px}.builder-header h2{color:#fff}.visibility-toggle{align-items:center;display:flex;gap:10px;margin-top:10px}.visibility-status{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.status-private{background-color:#fcc;color:#c00}.status-public{background-color:#cfc;color:#060}.toggle-visibility-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px}.toggle-visibility-btn:hover{background-color:#e0e0e0}.roadmap-meta{gap:10px;margin-top:15px}.title-input{font-size:1.5rem}.description-input,.title-input{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;padding:10px}.description-input{height:80px;resize:vertical}.builder-body{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:230px 1fr 300px}.toolbar{background-color:#2d3748;border-radius:8px;box-shadow:0 4px 6px #0000001a;gap:20px;height:fit-content;padding:15px}.tool-section,.toolbar{display:flex;flex-direction:column}.tool-section{gap:10px}.tool-section h3{border-bottom:1px solid #4a5568;font-size:1rem;margin:0 0 10px;padding-bottom:5px}.tool-btn{background-color:#4a5568;border:none;border-radius:4px;color:#e2e8f0;cursor:pointer;padding:8px 10px;transition:background-color .2s}.tool-btn:hover{background-color:#718096}.tool-btn:disabled{background-color:#2d3748;color:#718096;cursor:not-allowed}.tool-btn.primary{background-color:#3182ce}.tool-btn.primary:hover{background-color:#2b6cb0}.tool-btn.danger{background-color:#e53e3e}.tool-btn.danger:hover{background-color:#c53030}.color-picker{align-items:center;display:flex;gap:10px}.color-picker label{flex:1 1}.color-picker input[type=color]{border:none;border-radius:4px;cursor:pointer;height:30px;padding:0;width:60px}.file-input-btn{background-color:#4a5568;border-radius:4px;color:#e2e8f0;cursor:pointer;padding:8px 10px;text-align:center;transition:background-color .2s}.file-input-btn:hover{background-color:#718096}.canvas-container{background-color:#2c3e50;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.builder-canvas{height:800px;width:100%}.properties-panel{background-color:#2d3748;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:15px}.properties-panel h3{border-bottom:1px solid #4a5568;font-size:1rem;margin-bottom:15px;margin-top:0;padding-bottom:5px}.properties-form{gap:15px}.properties-form,.property-group{display:flex;flex-direction:column}.property-group{gap:5px}.property-group label{color:#a0aec0;font-size:.9rem}.property-group input,.property-group select,.property-group textarea{background-color:#2d3748;border:1px solid #4a5568;border-radius:4px;color:#e2e8f0;padding:8px}.property-group textarea{min-height:80px;resize:vertical}.connection-handle{opacity:.7;transition:opacity .2s}.connection-handle:hover{opacity:1}.custom-roadmap-auth-required{align-items:center;background-color:#121212;border:1px solid #ffe700;border-radius:12px;box-shadow:0 4px 20px #ffe70026;display:flex;flex-direction:column;justify-content:center;margin:100px auto;max-width:500px;padding:40px;text-align:center}.custom-roadmap-auth-required h2{color:#ffe700;font-size:1.5rem;font-weight:600;margin-bottom:20px}.custom-roadmap-auth-required p{color:#fff;font-size:1rem;line-height:1.5;margin-bottom:30px}@media (max-width:1200px){.builder-body{grid-template-columns:200px 1fr 250px}}@media (max-width:992px){.builder-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.public-roadmaps-page{display:flex;flex-direction:column;min-height:100vh}.public-roadmaps-container{flex:1 1;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.public-roadmaps-header{margin-bottom:40px;text-align:center}.public-roadmaps-header h1{color:#fff;font-size:2.5rem;margin-bottom:10px}.public-roadmaps-header p{color:#fff;font-size:1.1rem}.roadmaps-section{border:1px solid #fff;border-radius:8px;padding:20px}.empty-state{padding:40px;text-align:center}.empty-state p{color:#fff;font-size:1.2rem;margin-bottom:20px}.roadmaps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.roadmap-card{background:#31363f;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;padding:20px;transition:transform .2s ease}.roadmap-card:hover{box-shadow:0 4px 8px #00000026}.roadmap-card-header{margin-bottom:12px}.roadmap-card-header h3{color:#fff;font-size:1.25rem;line-height:1.4;margin:5px 0 0}.creator{color:#ccc;display:block;font-size:.9rem;font-style:italic;margin-bottom:4px}.roadmap-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ddd;display:-webkit-box;flex-grow:1;font-size:1rem;line-height:1.5;margin-bottom:15px;overflow:hidden}.roadmap-meta{color:#fff;display:flex;flex-direction:column;font-size:.9rem;gap:8px;margin-bottom:15px}.meta-left{align-items:center;display:flex;justify-content:space-between}.update-date{color:#bbb}.followers-count{align-items:center;color:#bbb;display:flex;gap:5px}.followers-icon{fill:currentColor;height:14px;width:14px}.roadmap-actions-btn{display:flex;gap:10px;margin-top:auto}.view-btn{background-color:#4caf50;border-radius:4px;color:#fff;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.view-btn:hover{background-color:#45a049}.star-rating{align-items:center}.star{cursor:default;font-size:1.25rem}.star-rating-large .star{font-size:1.75rem}.star-rating-small .star{font-size:1rem}.star-rating.interactive .star{cursor:pointer}.full-star,.half-star{color:#f8b400}.empty-star{color:#d1d1d1}.rating-container{align-items:center;display:flex;gap:8px}.no-ratings,.rating-count{color:#bbb;font-size:.9rem}.error,.loading{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:100vh}.error-message{background:#ffebee;border-radius:4px;color:#c62828;padding:20px}.pagination-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:30px}.pagination-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-weight:700;padding:8px 12px;transition:background-color .2s}.pagination-button:hover:not([disabled]){background-color:#e0e0e0}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#fff;font-size:14px;margin:0 15px}@media (max-width:768px){.roadmaps-grid{grid-template-columns:1fr}.public-roadmaps-header h1{font-size:2rem}}.roadmap-viewer__loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:100vh;width:100%}.roadmap-viewer__loading p{color:#fff;font-size:1rem;margin:0}.roadmap-viewer__error{color:#e74c3c;font-size:18px;height:50vh}.roadmap-viewer__container,.roadmap-viewer__error{align-items:center;display:flex;justify-content:center}.roadmap-viewer__container{flex:1 1;flex-direction:column;margin:0 auto;max-width:1400px;padding:20px;width:100%}.goBack-button{align-items:center;background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;left:10px;padding:4px 8px;text-decoration:none;top:10px}.goBack-button svg{fill:#fff;height:24px;width:24px}.roadmap-viewer__rating{align-items:center;display:flex;margin-top:8px}.star-rating{display:inline-flex;margin-right:8px}.star{font-size:18px;margin-right:2px}.full-star,.half-star{color:gold}.empty-star{color:#ccc}.rating-count{color:#666;font-size:14px}.no-ratings{color:#888;font-size:14px;font-style:italic}.roadmap-viewer__header{border:1px solid #fff;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center;width:50%}.roadmap-viewer__title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:15px;padding-top:10px;text-align:left}.roadmap-viewer__description{color:#fff;font-size:16px;line-height:1.6;max-width:700px;text-align:left}.roadmap-viewer__body{display:flex;flex-direction:column;gap:20px;width:100%}.roadmap-viewer__canvas{border:1px solid #fff;border-radius:8px;overflow:hidden}.roadmap-viewer{display:flex;flex-direction:column;min-height:100vh}.viewer-container{flex:1 1;margin:0 auto;max-width:1400px;padding:20px;width:100%}.viewer-header{background-color:#31363f;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:900px;padding:25px 30px}.header-content{align-items:flex-start;display:flex;flex-direction:column;gap:16px;text-align:left}.viewer-header h1{color:#fff;font-size:14px;font-style:italic;font-weight:500;letter-spacing:.5px;margin:0}.viewer-header h2{border-bottom:2px solid #f2f2f2;color:#fff;font-size:32px;font-weight:700;line-height:1.2;margin:0;padding-bottom:10px;padding-top:0;width:100%}.viewer-header .roadmap-description{color:#fff;font-size:16px;line-height:1.6;margin:0;max-width:700px}.previous-button{align-items:center;background-color:initial;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px;padding:8px 12px;transition:all .2s ease}.previous-button svg{fill:#fff;height:16px;width:16px}.roadmap-creator-info{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin:10px 0 5px;padding-top:15px;width:100%}.roadmap-creator-info h1{color:#fff;font-size:12px;font-style:italic;font-weight:500;margin:0}.roadmap-follow-section{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:140px}.followers-count{color:#e3dada;font-size:14px;margin-bottom:4px}.followers-count span{color:#e3dada;font-weight:600}.follow-button{background-color:#4a90e2;border:1px solid #4a90e2;border-radius:20px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;max-width:120px;padding:8px 18px;text-align:center;transition:all .25s ease;width:100%}.follow-button.following{background-color:#fff;border:1px solid #4a90e2;color:#4a90e2}.follow-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.follow-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.follow-creator-note,.follow-login-prompt{color:#fff;font-size:13px;font-style:italic;padding:5px 0;text-align:center;width:100%}.follow-error{background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;font-size:13px;margin-top:4px;padding:5px 10px;text-align:center;width:100%}.viewer-header .roadmap-rating-section{background-color:initial;border-top:1px solid #f0f0f0;box-shadow:none;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:15px 0 0;width:100%}.viewer-header .rating-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.viewer-header .rating-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.viewer-header .average-rating{align-items:center;display:flex;gap:8px}.viewer-header .average-rating span{color:#fff;font-size:14px}.viewer-header .star-rating{display:flex;gap:2px}.viewer-header .star{color:#ffb400;cursor:default;font-size:18px}.viewer-header .empty-star{color:#ddd}.viewer-header .half-star{color:#ddd;position:relative}.viewer-header .half-star:before{color:#ffb400;content:"★";overflow:hidden;position:absolute;width:50%}.viewer-header .star-rating.interactive .star{cursor:pointer}.viewer-header .star-rating-large .star{font-size:24px}.viewer-header .user-rating-container{align-items:flex-start;display:flex;flex-direction:column;gap:6px;width:100%}.viewer-header .user-rating-prompt{color:#fff;font-size:14px}.viewer-header .rating-creator-view,.viewer-header .rating-login-prompt{background-color:#f9f9f9;border-radius:6px;color:#000;display:flex;flex-direction:column;font-size:14px;gap:10px;padding:12px;text-align:left;width:100%}.viewer-header .rating-display{align-items:center;display:flex;gap:10px;margin-top:5px}.viewer-header .rating-display p{color:#666;font-size:14px;margin:0}.viewer-header .rating-creator-view p{line-height:1.4;margin:0}.viewer-header .rating-details{display:flex;flex-direction:column;gap:5px}.viewer-header .rating-error,.viewer-header .rating-status,.viewer-header .rating-success{border-radius:6px;font-size:13px;margin-top:8px;padding:8px 12px;width:100%}.viewer-header .rating-status{background-color:#f5f5f5;color:#666}.viewer-header .rating-error{background-color:#e74c3c1a;color:#c0392b}.viewer-header .rating-success{background-color:#2ecc711a;color:#27ae60}.viewer-body{display:flex;flex-direction:column;gap:20px}.canvas-box{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.roadmap-details-section{margin:0 auto;max-width:800px;padding:0 16px}.roadmap-viewer-error,.roadmap-viewer-loading{align-items:center;color:#666;display:flex;font-size:18px;height:50vh;justify-content:center}.roadmap-viewer-error{color:#e74c3c}@media (max-width:768px){.viewer-header{margin-bottom:20px;padding:20px}.viewer-header h2{font-size:26px}.roadmap-creator-info{align-items:flex-start;flex-direction:column;gap:15px}.roadmap-follow-section{align-items:flex-start;width:100%}.follow-button{max-width:100%}.viewer-header .rating-header{gap:8px}.viewer-header .rating-display,.viewer-header .rating-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.viewer-container{padding:15px}.viewer-header{margin-bottom:15px;padding:15px}.viewer-header h2{font-size:22px;padding-bottom:8px}.viewer-header .roadmap-description{font-size:14px}.previous-button{font-size:13px;padding:6px 10px}.viewer-header .star-rating-large .star{font-size:20px}.viewer-header .rating-creator-view,.viewer-header .rating-login-prompt{padding:10px}}.questionnaire-page{color:#e0e0e0;min-height:100vh}.full-page-layout{display:flex;flex-direction:column;min-height:100vh}.full-page-layout .questionnaire-content{flex:1 1}.questionnaire-content{margin:2rem auto;max-width:1200px;padding:0 1rem}.questionnaire-container{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-bottom:2rem;padding:2rem;transition:all .3s ease;width:100%}.questionnaire-progress-bar{background-color:#333;border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden}.questionnaire-progress-fill{background:linear-gradient(45deg,#0ce39a,#69007f,#fc0987);height:100%;transition:width .4s ease}.questionnaire-step-indicator{color:#9e9e9e;font-size:.9rem;margin-bottom:1.5rem;text-align:right}.questionnaire-options-wrapper{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:1.5rem 0}@media (max-width:576px){.questionnaire-options-wrapper{grid-template-columns:1fr}}.questionnaire-option{align-items:center;background-color:#2a2a2a;border:2px solid #333;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;padding:1rem;transition:all .2s ease;word-break:break-word}.questionnaire-option:hover{background-color:#333;border-color:#4c6fff}.questionnaire-option.questionnaire-selected{background-color:#4c6fff33;border-color:#4c6fff;font-weight:500}.questionnaire-multi-option{position:relative}.questionnaire-check-indicator{align-items:center;background-color:#2a2a2a;border:2px solid #555;border-radius:4px;color:#4c6fff;display:inline-flex;flex-shrink:0;font-size:14px;height:22px;justify-content:center;margin-right:10px;transition:all .2s ease;width:22px}.questionnaire-multi-option.questionnaire-selected .questionnaire-check-indicator{background-color:#4c6fff;border-color:#4c6fff;color:#1e1e1e}.questionnaire-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}@media (max-width:576px){.questionnaire-navigation{flex-direction:column}}.questionnaire-primary-btn,.questionnaire-secondary-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease}.questionnaire-primary-btn{background-color:#4c6fff;color:#fff}.questionnaire-primary-btn:hover:not(:disabled){background-color:#3d5cda;box-shadow:0 4px 12px #4c6fff4d}.questionnaire-primary-btn:disabled{background-color:#444;color:#888;cursor:not-allowed}.questionnaire-secondary-btn{background-color:#333;border:1px solid #444;color:#e0e0e0}.questionnaire-secondary-btn:hover{background-color:#444}.questionnaire-loading{align-items:center;display:flex;flex-direction:column;justify-content:center}.questionnaire-auth-required,.questionnaire-error,.questionnaire-limit-reached{padding:2rem 0;text-align:center}.questionnaire-error h2{color:#ff6b6b;margin-bottom:1rem}.questionnaire-limit-reached h2{color:#ffa94d;margin-bottom:1rem}.questionnaire-limit-reset-info{color:#9e9e9e;font-size:.9rem;margin-top:1rem}.questionnaire-usage-info{color:#9e9e9e;display:flex;font-size:.9rem;justify-content:flex-end;margin-bottom:1rem}.questionnaire-usage-limit-reached{color:#ff6b6b;font-weight:500}.questionnaire-roadmap-wrapper{width:100%}.questionnaire-roadmap{padding:2rem}@media (max-width:768px){.questionnaire-roadmap{padding:1rem}}.questionnaire-roadmap-content{word-wrap:break-word;background-color:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 10px 25px #0003;color:#e0e0e0;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0 auto;max-width:900px;overflow-wrap:break-word;padding:40px;width:100%}@media (max-width:768px){.questionnaire-roadmap-content{padding:25px}}@media (max-width:576px){.questionnaire-roadmap-content{padding:15px}}.questionnaire-roadmap-content h1{word-wrap:break-word;border-bottom:3px solid #ffe700;color:#ffe700;font-size:2.5rem;margin-bottom:30px;padding-bottom:15px;text-align:center}@media (max-width:576px){.questionnaire-roadmap-content h1{font-size:1.8rem;margin-bottom:20px}}.questionnaire-roadmap-content h2{border-left:5px solid #2ecc71;color:#e0e0e0;font-size:1.5rem;margin-bottom:20px;margin-top:25px;padding-left:15px}@media (max-width:576px){.questionnaire-roadmap-content h2{font-size:1.3rem;padding-left:10px}}.questionnaire-roadmap-content h3{color:#ffe700;font-size:1.3rem;margin-bottom:10px;margin-top:15px}@media (max-width:576px){.questionnaire-roadmap-content h3{font-size:1.1rem}}.questionnaire-roadmap-content section{background-color:#252525;border:1px solid #333;border-radius:12px;box-shadow:0 5px 15px #00000026;margin-bottom:20px;overflow-x:auto;padding:25px;transition:transform .3s ease}@media (max-width:576px){.questionnaire-roadmap-content section{padding:15px}}.questionnaire-roadmap-content ol,.questionnaire-roadmap-content ul{margin-bottom:20px;padding-left:30px}@media (max-width:576px){.questionnaire-roadmap-content ol,.questionnaire-roadmap-content ul{padding-left:20px}}.questionnaire-roadmap-content li{margin-bottom:10px;position:relative}.essential-skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.essential-skill-badge{background-color:#2a2a2a;border:1px solid #444;border-radius:10px;box-shadow:0 2px 4px #0003;color:#e0e0e0;font-size:.9rem;margin:5px 0;padding:8px 12px;transition:background-color .3s,transform .2s}.essential-skill-badge:hover{background-color:#333;box-shadow:0 4px 6px #0000004d}.questionnaire-action-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}@media (max-width:576px){.questionnaire-action-buttons{align-items:center;flex-direction:column;gap:15px}.questionnaire-action-buttons button{width:100%}}.questionnaire-auth-required{align-items:center;background-color:#121212;border:1px solid #4c6fff;border-radius:12px;box-shadow:0 4px 20px #4c6fff26;display:flex;flex-direction:column;justify-content:center;margin:100px auto;max-width:500px;padding:40px;text-align:center}@media (max-width:576px){.questionnaire-auth-required{margin:50px auto;padding:25px}}.questionnaire-auth-required h2{color:#4c6fff;font-size:1.5rem;font-weight:600;margin-bottom:20px}.questionnaire-auth-required p{color:#e0e0e0;font-size:1rem;line-height:1.5;margin-bottom:30px}@media print{.questionnaire-roadmap-content{background-color:#fff!important;box-shadow:none;color:#000!important;margin:0;max-width:none;padding:20px}.questionnaire-roadmap-content h1,.questionnaire-roadmap-content h2,.questionnaire-roadmap-content h3{color:#000!important}.questionnaire-roadmap-content section{background-color:#fff!important;border:1px solid #ddd;box-shadow:none;margin-bottom:15px;padding:15px;page-break-inside:avoid}.questionnaire-action-buttons,.questionnaire-navigation,.questionnaire-usage-info{display:none!important}}.related-roadmaps{padding:1rem;width:100%}.related-roadmaps h2{align-items:center;color:#ffe700;display:flex;font-size:1.8rem;gap:10px;justify-content:center;margin-bottom:1.5rem;text-align:center}.line{background-color:#fff;flex-grow:1;height:1px;max-width:100%}.tech-grid-container-outer{align-items:center;display:flex;justify-content:center}.tech-grid-container{display:flex;flex-wrap:wrap;gap:16px;margin:0 auto;max-width:1200px;width:100%}.tech-card-container{background-color:#2c3539;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:16px;transition:transform .2s ease,box-shadow .2s ease;width:calc(25% - 16px)}.tech-card-container:hover{filter:brightness(1.2)}.tech-card-content{align-items:center;display:flex;gap:20px}.tech-title-group{display:flex;flex-direction:column;min-width:120px}.tech-icon-container{align-items:center;border:2px solid #ccc;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:10px;width:50px}.tech-icon{font-size:24px}.tech-title-group h3{color:#fff;font-size:1rem;font-weight:600;margin:0;padding-bottom:5px}.roadmap-description{flex:1 1}.roadmap-description p{color:#fff;font-size:.9rem;line-height:1.5;margin:0;text-align:left}@media (max-width:1200px){.tech-card-container{width:calc(33.333% - 16px)}}@media (max-width:1024px){.tech-card-container{width:calc(50% - 16px)}}@media (max-width:768px){.tech-card-container{width:100%}.tech-card-content{align-items:flex-start;flex-direction:column}.tech-title-group{flex-direction:row;margin-bottom:12px;min-width:auto;width:100%}.tech-icon-container{margin-bottom:0;margin-right:12px}}.suggestion-display-page{color:#e0e0e0;min-height:100vh;overflow-x:hidden}.suggestion-display-wrapper{box-sizing:border-box;margin:1rem auto;max-width:1200px;padding:0 1rem;width:100%}.suggestion-display-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.suggestion-back-btn,.suggestion-download-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;min-width:120px;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.suggestion-back-btn{background-color:#333;border:1px solid #444;color:#e0e0e0}.suggestion-back-btn:hover{background-color:#444}.suggestion-download-btn{background-color:#4c6fff;color:#fff}.suggestion-download-btn:hover{background-color:#3d5cda;box-shadow:0 4px 12px #4c6fff4d}.suggestion-info{flex-grow:1;margin-bottom:1rem;order:-1;text-align:center;width:100%}.suggestion-info h1{color:#e0e0e0;font-size:clamp(1.5rem,4vw,2rem)}.suggestion-meta{color:#9e9e9e;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;justify-content:center}.suggestion-meta p{margin:.25rem 0}.suggestion-display-content-wrapper{box-shadow:0 4px 12px #0000004d;box-sizing:border-box;overflow-x:hidden;padding:clamp(1rem,3vw,2rem)}.suggestion-display-content,.suggestion-display-content-wrapper{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;width:100%}.suggestion-display-content{word-wrap:break-word;box-shadow:0 10px 25px #0003;color:#e0e0e0;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0 auto;max-width:900px;overflow-wrap:break-word;padding:40px}@media (max-width:768px){.suggestion-display-content{padding:25px}}@media (max-width:576px){.suggestion-display-content{padding:15px}}.suggestion-display-content h1{word-wrap:break-word;border-bottom:3px solid #ffe700;color:#ffe700;font-size:2.5rem;margin-bottom:30px;padding-bottom:15px;text-align:center}@media (max-width:576px){.suggestion-display-content h1{font-size:1.8rem;margin-bottom:20px}}.suggestion-display-content h2{border-left:5px solid #2ecc71;color:#e0e0e0;font-size:1.5rem;margin-bottom:20px;margin-top:25px;padding-left:15px}@media (max-width:576px){.suggestion-display-content h2{font-size:1.3rem;padding-left:10px}}.suggestion-display-content h3{color:#ffe700;font-size:1.3rem;margin-bottom:10px;margin-top:15px}@media (max-width:576px){.suggestion-display-content h3{font-size:1.1rem}}.suggestion-display-content section{background-color:#252525;border:1px solid #333;border-radius:12px;box-shadow:0 5px 15px #00000026;margin-bottom:20px;overflow-x:auto;padding:25px;transition:transform .3s ease}@media (max-width:576px){.suggestion-display-content section{padding:15px}}.suggestion-display-content ol,.suggestion-display-content ul{margin-bottom:20px;padding-left:30px}@media (max-width:576px){.suggestion-display-content ol,.suggestion-display-content ul{padding-left:20px}}.suggestion-display-content li{margin-bottom:10px;position:relative}.suggestion-display-content li:before{content:none}.suggestion-display-content .essential-skills-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.suggestion-display-content .essential-skill-badge{background-color:#2a2a2a;border:1px solid #444;border-radius:10px;box-shadow:0 2px 4px #0003;color:#e0e0e0;font-size:.9rem;margin:5px 0;padding:8px 12px;transition:background-color .3s,transform .2s}.suggestion-display-content .essential-skill-badge:hover{background-color:#333;box-shadow:0 4px 6px #0000004d}@media print{.suggestion-display-content{background-color:#fff!important;box-shadow:none;color:#000!important;margin:0;max-width:none;padding:20px}.suggestion-display-content h1,.suggestion-display-content h2,.suggestion-display-content h3{color:#000!important}.suggestion-display-content section{background-color:#fff!important;border:1px solid #ddd;box-shadow:none;margin-bottom:15px;padding:15px;page-break-inside:avoid}}.view-ai-roadmap{color:#fff;min-height:100vh;width:100%}.roadmap-pure-container{overflow:auto;padding:20px;position:relative;width:100%}.roadmap-actions{position:absolute;right:20px;top:20px;z-index:10}.download-roadmap-btn{background-color:#2e343b;border:none;border-radius:4px;cursor:pointer;padding:8px;transition:background-color .3s}.download-roadmap-btn:hover{background-color:#3a424b}.d3-container{background-color:#0d1117;overflow:auto;width:100%}.error-container,.loading-container{font-size:18px;height:100vh}.error-container,.loading-container,.rm-container{align-items:center;display:flex;justify-content:center}.rm-container{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;font-family:Inter,sans-serif;margin:20px auto;max-width:800px;min-height:100px;padding:24px 28px;position:relative;width:92%}.rm-header-buttons{align-items:center;display:flex;justify-content:space-between;left:24px;pointer-events:none;position:absolute;right:24px;top:24px;z-index:10}.rm-back-btn-container,.rm-download-btn-container{pointer-events:auto}.rm-btn{align-items:center;background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;color:#e5e5e5;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;min-width:0;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.rm-btn:hover{background-color:#333;border-color:#525252;color:#fff}.rm-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.rm-content{gap:16px;padding-top:20px;text-align:center}.rm-content,.rm-title-container{align-items:center;display:flex;flex-direction:column}.rm-title-container{gap:6px}.rm-title{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;word-break:break-word}.rm-subtitle{color:#9ca3af;font-size:.9rem;font-weight:500;letter-spacing:.1em;margin:0;text-transform:uppercase}.rm-stats-container{background-color:#262626;border:1px solid #404040;border-radius:8px;flex-wrap:wrap;gap:20px;justify-content:center;padding:12px 20px}.rm-stat,.rm-stats-container{align-items:center;display:flex}.rm-stat{flex-direction:column;gap:2px;min-width:0}.rm-stat-value{color:#fff;font-size:1.1rem;font-weight:600;line-height:1}.rm-stat-label{color:#9ca3af;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.rm-stat-divider{color:#525252;font-size:1rem;font-weight:700;line-height:1}@media (max-width:768px){.rm-container{margin:16px auto;padding:20px 24px;width:95%}.rm-header-buttons{left:20px;right:20px;top:20px}.rm-content{padding-top:25px}.rm-title{font-size:1.5rem}.rm-stats-container{gap:16px;padding:10px 16px}.rm-btn{font-size:.85rem;gap:6px;padding:8px 12px}}@media (max-width:600px){.rm-container{padding:16px 20px;width:98%}.rm-header-buttons{gap:8px;left:16px;right:16px;top:16px}.rm-content{padding-top:30px}.rm-title{font-size:1.3rem}.rm-stats-container{gap:12px;padding:8px 12px}.rm-stat-value{font-size:1rem}.rm-stat-label{font-size:.7rem}.rm-btn,.rm-subtitle{font-size:.8rem}.rm-btn{gap:4px;padding:6px 10px}}@media (max-width:480px){.rm-container{padding:14px 16px}.rm-header-buttons{gap:6px;left:14px;right:14px;top:14px}.rm-content{padding-top:35px}.rm-title{font-size:1.2rem}.rm-btn{font-size:.75rem;gap:3px;min-width:auto;padding:6px 8px}.rm-stats-container{gap:8px;padding:6px 10px}}@media (max-width:360px){.rm-container{padding:12px 14px}.rm-header-buttons{gap:4px;left:12px;right:12px;top:12px}.rm-content{padding-top:40px}.rm-title{font-size:1.1rem}.rm-btn{font-size:.7rem;gap:2px;padding:5px 6px}.rm-btn span{display:none}.rm-stats-container{flex-direction:column;gap:8px;padding:8px}.rm-stat-divider{display:none}}.weekly-content-page{background-color:#0c1017;color:#e6edf3;min-height:100vh}.weekly-digest-page{margin:0 auto;max-width:1200px;padding:40px 20px 80px}.personalization-tip{background-color:#f8f9fa;border-radius:4px;box-shadow:0 2px 4px #0000000d;color:#333;font-size:15px;margin:16px 0 24px;padding:12px 16px}.personalization-tip p{align-items:center;display:flex;margin:0}.personalization-tip p:before{font-size:18px;margin-right:10px}.error-container{background-color:#f8514926;border:1px solid #f85149;border-radius:8px;margin:40px 0;padding:20px;text-align:center}.error-text{color:#f85149;margin-bottom:15px}.retry-button{background-color:#238636;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 16px;transition:background-color .2s}.retry-button:hover{background-color:#2ea043}.no-content-container{background-color:#161b22;border:1px solid #30363d;border-radius:8px;margin:40px 0;padding:30px;text-align:center}.no-content-text{color:#8b949e;font-size:1.1rem}.weekly-digest-container{background-color:#0d1117;border:1px solid #30363d;border-radius:16px;box-shadow:0 4px 15px #0006;color:#e6edf3;margin-top:40px;padding:24px}.weekly-digest-header{align-items:center;border-bottom:2px solid #30363d;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.weekly-digest-title{color:#58a6ff;font-size:1.8rem;margin:0}.weekly-digest-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.weekly-digest-controls .refresh-icon{align-items:center;color:#58a6ff;cursor:pointer;display:inline-flex;justify-content:center;margin-right:10px;transition:transform .2s ease,color .3s ease}.weekly-digest-controls .refresh-icon svg{fill:#58a6ff}.weekly-digest-controls .refresh-icon:hover{color:#79c0ff;transform:rotate(90deg)}.weekly-digest-controls .refresh-icon:hover svg{fill:#79c0ff}.filter-control,.sort-control{align-items:center;display:flex;gap:8px}.digest-select{background-color:#161b22;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;cursor:pointer;font-size:.9rem;padding:8px 12px}.digest-select:focus{border-color:#58a6ff;outline:none}.no-articles-message{color:#8b949e;padding:30px 0;text-align:center}.weekly-digest-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style:none;margin:0;padding:0}.weekly-digest-item{background-color:#161b22;border:1px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.weekly-digest-item:hover{background-color:#1f2937;border-color:#30363d;box-shadow:0 10px 15px #0000004d}.digest-image-wrapper{background-color:#1c1f26;height:180px;overflow:hidden;position:relative;width:100%}.digest-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.weekly-digest-item:hover .digest-image{transform:scale(1.05)}.source-badge{background-color:#000000b3;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;left:10px;padding:4px 8px;position:absolute;top:10px;z-index:2}.source-badge[data-source=dev-to]{background-color:#0a0a0a;border-left:3px solid #de4c36;color:#fff}.source-badge[data-source=medium]{background-color:#121212;border-left:3px solid #00ab6c;color:#fff}.digest-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.digest-title{color:#c9d1d9;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:10px;text-decoration:none}.digest-title:hover{color:#58a6ff;text-decoration:underline}.digest-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#8b949e;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 15px;overflow:hidden}.digest-details{align-items:center;border-top:1px solid #30363d;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.digest-details-primary{display:flex;flex-direction:column;gap:4px}.weekly-digest-meta{color:#8b949e;font-size:.85rem;line-height:1.4}.article-author{color:#58a6ff;font-size:.8rem}.article-tag{background:#58a6ff26;border-radius:12px;color:#58a6ff;font-size:.75rem;padding:3px 8px;text-transform:capitalize;white-space:nowrap}.pagination-controls{align-items:center;border-top:1px solid #30363d;display:flex;flex-direction:column;margin-top:40px;padding-top:20px}.load-more-button{background-color:#238636;border:none;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s,transform .2s}.load-more-button:hover{background-color:#2ea043}.load-more-button:active{transform:translateY(0)}.load-more-button:disabled{background-color:#30363d;cursor:not-allowed;opacity:.7;transform:none}.end-of-content-message{color:#8b949e;font-style:italic;margin:20px 0;text-align:center}.loading-indicator{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px 0}.loading-indicator-dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#58a6ff;border-radius:50%;height:8px;width:8px}.loading-indicator-dot:first-child{animation-delay:-.32s}.loading-indicator-dot:nth-child(2){animation-delay:-.16s}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-item{pointer-events:none}.skeleton-image{height:100%}.skeleton-image,.skeleton-title{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1f2937 8%,#2d3748 18%,#1f2937 33%);background-size:800px 104px;width:100%}.skeleton-title{border-radius:4px;height:24px;margin-bottom:10px}.skeleton-description{height:48px;margin-bottom:15px}.skeleton-description,.skeleton-meta{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1f2937 8%,#2d3748 18%,#1f2937 33%);background-size:800px 104px;border-radius:4px}.skeleton-meta{height:14px;width:80%}.skeleton-author{border-radius:4px;height:12px;margin-top:4px;width:60%}.skeleton-author,.skeleton-tag{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#1f2937 8%,#2d3748 18%,#1f2937 33%);background-size:800px 104px}.skeleton-tag{border-radius:12px;height:18px;width:60px}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.source-info-bar{background-color:#161b22;border:1px solid #30363d;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;padding:12px}.source-info-item{align-items:center;color:#8b949e;display:flex;font-size:.85rem;gap:8px}.source-info-indicator{border-radius:50%;height:12px;width:12px}.source-info-indicator.dev-to{background-color:#de4c36}.source-info-indicator.medium{background-color:#00ab6c}.source-info-indicator.hashnode{background-color:#2962ff}.source-info-indicator.hacker-news{background-color:#f60}@media (max-width:768px){.weekly-digest-header{align-items:flex-start;flex-direction:column;gap:15px}.weekly-digest-controls{flex-direction:column;gap:10px;width:100%}.filter-control,.sort-control{width:100%}.digest-select{flex-grow:1}.weekly-digest-list{grid-template-columns:1fr}.source-info-bar{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.weekly-digest-title{font-size:1.4rem}.digest-image-wrapper{height:140px}}
/*# sourceMappingURL=main.2ed804e6.css.map*/