@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap&subset=latin";:root{--bg-primary:#0d0d14;--bg-secondary:#12121c;--bg-card:#171724;--bg-hover:#1e1e2e;--surface-color:var(--bg-card);--text-primary:#f0f0f8;--text-secondary:#88a;--text-muted:#55556a;--accent-primary:#7c5cf6;--accent-secondary:#3b82f6;--accent-green:#10b981;--accent-yellow:#f59e0b;--warning-bg:#f59e0b1a;--warning-border:#f59e0b4d;--warning-text:#fbbf24;--warning-link:#fcd34d;--border-color:#ffffff12;--border-active:#7c5cf680;--bg-subtle:#ffffff08;--bg-subtle-hover:#ffffff0f;--border-subtle:#ffffff14;--header-nav-bg:#ffffff08;--header-nav-border:#ffffff14;--bottom-nav-bg:#0d0d14f0;--bottom-nav-border:#ffffff14;--fade-color:#ffffff03;--shadow-subtle:0 4px 20px #00000026;--btn-outline-hover-border:#ffffff2e;--btn-primary-bg:var(--accent-primary);--btn-primary-hover:#8b5cf6;--btn-primary-active:#6d28d9;--btn-outline-bg:#ffffff0d;--btn-outline-hover:#ffffff1a;--btn-outline-active:#ffffff26;--btn-secondary-bg:transparent;--btn-secondary-hover:#7c5cf614;--btn-secondary-active:#7c5cf626;--section-logic-bg:#7c5cf60f;--section-logic-border:#7c5cf640;--section-karel-bg:#3b82f60f;--section-karel-border:#3b82f640;--section-auth-bg:#10b9810f;--section-auth-border:#10b98140;--glass-bg:#14141e;--glass-border:none;--glass-shadow:none;--font-family:"Inter", system-ui, -apple-system, sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--spacing-xs:var(--sp-1);--spacing-sm:var(--sp-2);--spacing-md:var(--sp-4);--spacing-lg:var(--sp-6);--spacing-xl:var(--sp-8);--spacing-2xl:var(--sp-12);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.12s ease;--transition-normal:.18s ease;--heading-gradient:linear-gradient(135deg, #fff 0%, #9090bb 100%);--map-bg:#09090f;--map-grid-color:#ffffff05;--map-node-bg:#12121ceb;--bg-tooltip:#12121ceb;--bg-floating:#14141ee0;--border-floating:#7c5cf666;--shadow-floating:0 -4px 30px #0006, 0 0 24px #7c5cf61f;--border-floating-login:#f59e0b66;--shadow-floating-login:0 -4px 30px #0006, 0 0 24px #f59e0b1f;--nudge-bg:linear-gradient(135deg, #f59e0b14, #6366f108);--nudge-border:#f59e0b40;--nudge-title:#fff;--nudge-text:#cbd5e1}:root[data-theme=light]{--bg-primary:#f0f2f8;--bg-secondary:#f8f9fc;--bg-card:#fff;--bg-hover:#edf0f7;--surface-color:var(--bg-card);--text-primary:#0d1426;--text-secondary:#3d4f70;--text-muted:#7c8db0;--accent-primary:#6d3cf0;--accent-secondary:#2563eb;--accent-green:#059669;--accent-yellow:#d97706;--warning-bg:#d9770614;--warning-border:#d9770640;--warning-text:#b45309;--warning-link:#d97706;--border-color:#0f1e501f;--border-active:#6d3cf08c;--bg-subtle:#0f1e500d;--bg-subtle-hover:#0f1e5017;--border-subtle:#0f1e501a;--header-nav-bg:#ffffffb3;--header-nav-border:#0f1e501a;--bottom-nav-bg:#f5f7fcf7;--bottom-nav-border:#0f1e501a;--fade-color:#f0f2f803;--shadow-subtle:0 4px 20px #0f1e5014;--btn-outline-hover-border:#0f1e5038;--btn-primary-bg:var(--accent-primary);--btn-primary-hover:#5b21b6;--btn-primary-active:#4c1d95;--btn-outline-bg:#0f1e500a;--btn-outline-hover:#0f1e5014;--btn-outline-active:#0f1e501f;--btn-secondary-bg:transparent;--btn-secondary-hover:#6d3cf014;--btn-secondary-active:#6d3cf026;--section-logic-bg:#6d3cf00f;--section-logic-border:#6d3cf033;--section-karel-bg:#2563eb0f;--section-karel-border:#2563eb33;--section-auth-bg:#0596690f;--section-auth-border:#05966933;--glass-bg:#fff;--glass-border:none;--glass-shadow:none;--heading-gradient:linear-gradient(135deg, #0d1426 0%, #3d4f70 100%);--map-bg:#e8ecf5;--map-grid-color:#2563eb1f;--map-node-bg:#fffffffa;--bg-tooltip:#fffffffa;--bg-floating:#fffffff7;--border-floating:#6d3cf04d;--shadow-floating:0 8px 40px #0f1e5024, 0 0 24px #6d3cf01a;--border-floating-login:#d977064d;--shadow-floating-login:0 8px 40px #0f1e5024, 0 0 24px #d977061a;--nudge-bg:linear-gradient(135deg, #d9770612, #6366f10d);--nudge-border:#d9770640;--nudge-title:var(--text-primary);--nudge-text:var(--text-secondary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg{max-width:100%;display:block}button{font-family:inherit}html,body{overscroll-behavior-y:contain}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizespeed;min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}button,.btn,.site-bottom-nav__link,svg,img,.live-badge,.section-label,.filter-button,.pathfinder-option-btn,.interactive-cell,.blocklyWidgetDiv,.blocklyToolboxDiv{-webkit-user-select:none;user-select:none}a,button,.btn,.filter-button,.site-bottom-nav__link,.pathfinder-option-btn{touch-action:manipulation}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.heading-gradient{background:var(--heading-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:var(--sp-3);align-items:center;gap:6px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.section-label--logic{color:#a78bfa;background:#7c5cf61f}.section-label--karel{color:#60a5fa;background:#3b82f61f}.section-label--auth{color:#34d399;background:#10b9811f}.card-base{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--sp-5);contain:layout;transform:translateZ(0)}:root[data-theme=light] .card-base{box-shadow:0 2px 12px #0f1e5012}.card-hover{cursor:pointer;transition:border-color var(--transition-normal), background var(--transition-normal)}.card-hover:hover{background:var(--bg-hover);border-color:#7c5cf659}.card-hover:active{transform:scale(.98)}.btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;font-size:.9rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.88}.btn-blue{background:var(--accent-secondary);color:#fff}.btn-blue:hover:not(:disabled){opacity:.88}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--btn-outline-hover-border);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);padding:var(--sp-2);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--text-primary)}.btn-custom{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:none;outline:none;font-weight:600;display:inline-flex}.btn-custom-primary{background:var(--btn-primary-bg);color:var(--text-primary);box-shadow:0 4px 14px #8b5cf663}.btn-custom-primary:hover:not(:disabled){background:var(--btn-primary-hover);color:#fff;box-shadow:0 6px 20px #8b5cf680}.btn-custom-primary:active:not(:disabled){background:var(--btn-primary-active)}.btn-custom-secondary{background:var(--btn-secondary-bg);border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn-custom-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);color:var(--accent-primary)}.btn-custom-secondary:active:not(:disabled){background:var(--btn-secondary-active)}.btn-custom-outline{background:var(--btn-outline-bg);border:1px solid var(--border-color);color:var(--text-primary)}.btn-custom-outline:hover:not(:disabled){background:var(--btn-outline-hover);border-color:var(--btn-outline-hover-border)}.btn-custom-outline:active:not(:disabled){background:var(--btn-outline-active)}.filter-bar{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);scrollbar-width:none;align-items:center;gap:3px;padding:3px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-button{border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:600;line-height:1.4;display:flex}.filter-button.active{background:var(--accent-primary);color:#fff}.filter-button.inactive{color:var(--text-secondary);background:0 0}.filter-button.inactive:hover{color:var(--text-primary)}.search-container{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 var(--sp-4);transition:border-color var(--transition-fast);align-items:center;display:flex}.search-container:focus-within{border-color:var(--accent-primary)}.search-input{color:var(--text-primary);padding:var(--sp-3) var(--sp-2);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-input::placeholder{color:var(--text-muted)}.stat-card{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:#7c5cf612;border:1px solid #7c5cf62e;display:flex}.hero-icon-container{margin-bottom:var(--sp-6);filter:drop-shadow(0 12px 24px #7c5cf673);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mode-card{text-align:center;padding:var(--sp-6);border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-card);transition:border-color var(--transition-normal), background var(--transition-normal), transform var(--transition-fast);cursor:pointer;flex-direction:column;align-items:center;height:100%;display:flex}.mode-card:hover{background:var(--bg-hover);transform:translateY(-3px)}.mode-card:active{transform:scale(.97)}.mode-card--logic{border-color:var(--section-logic-border)}.mode-card--logic:hover{border-color:#7c5cf680}.mode-card--karel{border-color:var(--section-karel-border)}.mode-card--karel:hover{border-color:#3b82f680}.mode-icon{width:64px;height:64px;margin-bottom:var(--sp-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.mode-icon--logic{background:#7c5cf61f}.mode-icon--karel{background:#3b82f61f}.mode-title{margin-bottom:var(--sp-2);font-size:1.25rem;font-weight:800}.mode-desc{color:var(--text-secondary);margin-bottom:var(--sp-5);flex:1;font-size:.88rem;line-height:1.5}.auth-banner{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);background:#10b9810d;border:1px solid #10b98133;flex-wrap:wrap;display:flex}.auth-banner__icon{padding:var(--sp-2);background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-banner__title{color:var(--text-primary);font-size:.95rem;font-weight:700}.auth-banner__text{color:var(--text-secondary);margin-top:2px;font-size:.82rem}.problem-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--sp-5);height:100%;transition:border-color var(--transition-normal), background var(--transition-normal);cursor:pointer;flex-direction:column;display:flex}.problem-card:hover{background:var(--bg-hover);border-color:#7c5cf64d}.problem-card:active{transform:scale(.985)}.problem-id-badge{color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-2);font-size:.7rem;font-weight:700}.problem-title{margin-bottom:var(--sp-3);font-size:1.05rem;font-weight:700;line-height:1.35}.problem-excerpt{color:var(--text-secondary);margin-bottom:var(--sp-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.problem-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.live-badge{color:var(--accent-yellow);border-radius:var(--radius-full);background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.fav-btn{cursor:pointer;transition:transform var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.fav-btn:hover{transform:scale(1.2)}.section-divider{align-items:center;gap:var(--sp-4);margin:var(--sp-8) 0 var(--sp-5);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.markdown-body ul,.markdown-body ol{margin-bottom:.75rem;padding-left:1.5rem;list-style:outside}.markdown-body p{margin-bottom:.75rem}.markdown-body li{margin-bottom:.35rem}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@media (width<=480px){.mode-card{padding:var(--sp-4)}.mode-icon{width:50px;height:50px;font-size:1.5rem}.mode-title{font-size:1.1rem}}@media (hover:none){.mode-card:hover{background:var(--bg-card);transform:none}.card-hover:hover,.problem-card:hover{background:var(--bg-card);border-color:var(--border-color)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.authors-section-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-8);gap:var(--sp-8);flex-direction:column;max-width:1000px;margin:0 auto;display:flex;box-shadow:0 4px 30px #0003}.authors-container{gap:var(--sp-8);grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;display:grid}.author-column{gap:var(--sp-5);flex-direction:column;display:flex}.author-header{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.author-avatar-container{width:100px;height:100px;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%;flex-shrink:0;padding:3px}.author-avatar-container:hover{transform:scale(1.05)}.author-avatar-container.nikoloz{background:linear-gradient(135deg,#a78bfa,#3b82f6,#10b981);box-shadow:0 4px 20px #a78bfa40}.author-avatar-container.nikoloz:hover{box-shadow:0 4px 25px #a78bfa66}.author-avatar-container.andria{background:linear-gradient(135deg,#10b981,#3b82f6,#6366f1);box-shadow:0 4px 20px #3b82f633}.author-avatar-container.andria:hover{box-shadow:0 4px 25px #3b82f659}.author-avatar-container.dimitri{background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);box-shadow:0 4px 20px #ef444433}.author-avatar-container.dimitri:hover{box-shadow:0 4px 25px #ef444459}.author-avatar-img{object-fit:cover;border:2px solid var(--surface-color);border-radius:50%;width:100%;height:100%;display:block}.author-avatar-placeholder{background:var(--surface-color);width:100%;height:100%;color:var(--text-primary);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex}.author-meta{flex:1;min-width:180px}.author-title{color:var(--text-primary);margin-bottom:4px;font-size:1.4rem;font-weight:800}.author-subtitle{color:var(--text-muted);font-size:.85rem;line-height:1.4}.author-bio{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.author-divider-container{justify-content:center;align-items:stretch;display:flex}.author-divider{background-color:var(--border-color);opacity:.6;width:1px}.author-list{margin:var(--sp-2) 0 0 0;gap:var(--sp-2);flex-direction:column;padding:0;list-style-type:none;display:flex}.author-list-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.author-list-bullet{flex-shrink:0;font-weight:700}.authors-footer-note{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);border-left:3px solid var(--accent-secondary);background:#3b82f60a;font-size:.95rem;line-height:1.6}.authors-disclaimer{color:var(--text-muted);text-align:center;margin-top:var(--sp-2);font-size:.75rem;font-style:italic;line-height:1.4}@media (width<=900px){.authors-section-container{padding:var(--sp-5)}.authors-container{gap:var(--sp-6);grid-template-columns:1fr}.author-divider-container,.author-divider{width:100%;height:1px}}.pathfinder-panel{border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-8);background:linear-gradient(135deg,#7c5cf60f 0%,#3b82f60f 100%);border:1px solid #7c5cf640;animation:.3s fadeIn;box-shadow:0 4px 20px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pathfinder-title{margin-bottom:var(--sp-2);color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.pathfinder-subtitle{color:var(--text-secondary);margin-bottom:var(--sp-5);font-size:.88rem}.pathfinder-options-grid{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.pathfinder-option-btn{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--sp-4);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);flex-direction:column;gap:6px;font-size:.92rem;font-weight:600;display:flex}.pathfinder-option-btn:hover{background:#7c5cf614;border-color:#7c5cf666;transform:translateY(-2px)}.pathfinder-option-btn.selected{border-color:var(--accent-primary);background:#7c5cf626}.pathfinder-result-box{border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-4);gap:var(--sp-2);background:#10b9810d;border:1px solid #10b98133;flex-direction:column;display:flex}.pathfinder-rec-badges{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.pathfinder-rec-badge{color:#a78bfa;border-radius:var(--radius-full);transition:all var(--transition-fast);background:#7c5cf61a;border:1px solid #7c5cf633;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.pathfinder-rec-badge:hover{background:#7c5cf633;border-color:#7c5cf673;transform:translateY(-1.5px);box-shadow:0 4px 12px #7c5cf626}.card-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.card-badge--start{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.card-badge--next{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}.card-badge--olympiad{color:#f87171;background:#ef44441a;border:1px solid #ef444440}@media (width<=768px){.md-show{display:none!important}.site-header{grid-template-columns:1fr auto!important;gap:12px!important;padding:10px 16px!important}.site-header__nav{display:none!important}body:not(.no-bottom-nav-padding){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.header-action-btn{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important}.header-action-btn svg{width:15px!important;height:15px!important}.header-avatar-btn{justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;display:inline-flex!important}.header-avatar-btn img,.header-avatar-btn .avatar-placeholder{width:28px!important;height:28px!important}.level-select{height:40px!important;padding:8px 12px!important;font-size:.88rem!important}}.site-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:100;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px;display:grid;position:sticky;top:0}:root[data-theme=light] .site-header{-webkit-backdrop-filter:blur(20px);background:#f0f2f8e6;border-bottom-color:#0f1e5014;box-shadow:0 1px 20px #0f1e5014}.site-header__nav{background:var(--header-nav-bg);border:1px solid var(--header-nav-border);border-radius:99px;justify-self:center;align-items:center;gap:2px;padding:4px;display:flex}.site-bottom-nav{display:none}@media (width<=768px){.site-bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bottom-nav-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--bottom-nav-border);z-index:9999;justify-content:space-around;align-items:center;padding-left:10px;padding-right:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.site-bottom-nav__link{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.site-bottom-nav__link:active{background:var(--bg-subtle)}.site-bottom-nav__link.active{color:var(--text-primary)}}@media (width<=900px){.hide-on-mobile{display:none!important}}.leaderboard-podium{border-bottom:1px solid var(--border-color);justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;padding:24px 0 40px;display:flex}.leaderboard-podium__card{flex-direction:column;flex:1;align-items:center;min-width:0;max-width:150px;display:flex;position:relative}.leaderboard-podium__avatar-wrapper{z-index:2;margin-bottom:12px;position:relative}.leaderboard-podium__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.leaderboard-podium__avatar--gold{width:72px;height:72px;font-size:1.5rem;box-shadow:0 0 20px #f59e0b4d}.leaderboard-podium__avatar--other{width:60px;height:60px;font-size:1.2rem}.leaderboard-podium__col{border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:12px;display:flex}.leaderboard-user-bar{background:var(--bg-floating);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-floating);max-width:688px;box-shadow:var(--shadow-floating);z-index:100;transition:bottom var(--transition-normal);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;display:flex;position:fixed;bottom:24px;left:16px;right:16px}.leaderboard-login-bar{background:var(--bg-floating);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-floating-login);max-width:688px;box-shadow:var(--shadow-floating-login);z-index:100;transition:bottom var(--transition-normal);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;display:flex;position:fixed;bottom:24px;left:16px;right:16px}@media (width<=500px){.leaderboard-podium{gap:8px;padding:16px 0 24px}.leaderboard-podium__card{max-width:100px}.leaderboard-podium__avatar--gold{width:54px;height:54px;font-size:1.2rem}.leaderboard-podium__avatar--other{width:42px;height:42px;font-size:.95rem}.leaderboard-podium__avatar-wrapper+span{font-size:.8rem!important}.leaderboard-podium__col{padding:8px 4px}.leaderboard-podium__col span:first-child{font-size:1rem!important}}@media (width<=360px){.leaderboard-podium{gap:4px!important}.leaderboard-podium__card{max-width:85px!important}.leaderboard-podium__avatar--gold{width:48px!important;height:48px!important;font-size:1rem!important}.leaderboard-podium__avatar--other{width:38px!important;height:38px!important;font-size:.8rem!important}.leaderboard-podium__avatar-wrapper+span{font-size:.72rem!important}}@media (width<=768px){.leaderboard-user-bar,.leaderboard-login-bar{border-radius:16px;gap:10px;padding:12px 16px;bottom:80px}}.career-split-layout{grid-template-columns:1fr;align-items:start;gap:32px;margin-bottom:48px;display:grid}@media (width>=992px){.career-split-layout{grid-template-columns:4fr 6fr}.sticky-sidebar{position:sticky;top:100px}}.path-tab-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-subtle);color:var(--text-secondary);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:1rem;font-weight:700;transition:all .25s;display:flex}.path-tab-btn.active-cp{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b26}.path-tab-btn.active-swe{color:#a78bfa;background:#7c5cf614;border-color:#7c5cf6;box-shadow:0 4px 20px #7c5cf626}.path-tab-btn.active-ds{color:#34d399;background:#10b98114;border-color:#10b981;box-shadow:0 4px 20px #10b98126}.path-tab-btn.active-cs{color:#7dd3fc;background:#38bdf814;border-color:#38bdf8;box-shadow:0 4px 20px #38bdf826}.roadmap-timeline{padding-left:28px;position:relative}.roadmap-timeline:before{content:"";background:linear-gradient(to bottom, var(--border-color) 0%, var(--border-color) 50%, var(--fade-color) 100%);width:2px;position:absolute;top:24px;bottom:24px;left:10px}.roadmap-timeline.glow-cp:before{background:linear-gradient(to bottom, #f59e0b 0%, #f59e0b80 70%, var(--fade-color) 100%)}.roadmap-timeline.glow-swe:before{background:linear-gradient(to bottom, #7c5cf6 0%, #7c5cf680 70%, var(--fade-color) 100%)}.roadmap-timeline.glow-ds:before{background:linear-gradient(to bottom, #10b981 0%, #10b98180 70%, var(--fade-color) 100%)}.roadmap-timeline.glow-cs:before{background:linear-gradient(to bottom, #38bdf8 0%, #38bdf880 70%, var(--fade-color) 100%)}.roadmap-step-circle{background:var(--bg-card);border:2px solid var(--border-color);width:22px;height:22px;color:var(--text-muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;transition:all .25s;display:flex;position:absolute;top:22px;left:-28px}.roadmap-node{margin-bottom:20px;position:relative}.roadmap-node:hover .roadmap-step-circle{transform:scale(1.15)}.quicknav-hub-container{max-width:960px;margin:0 auto var(--sp-8);grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.quicknav-hub-container{grid-template-columns:4fr 5fr}}.quicknav-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 20px #0000001a}.quicknav-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:800;display:flex}.quicknav-links-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.quicknav-anchor-btn{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.quicknav-anchor-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.resume-list{flex-direction:column;gap:12px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.resume-list::-webkit-scrollbar{width:4px}.resume-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.resume-item{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;text-decoration:none;transition:all .2s;display:flex}.resume-item:hover{background:var(--bg-hover);border-color:var(--border-active);transform:translate(2px)}.empty-resume-card{text-align:center;background:linear-gradient(135deg,#7c5cf60d 0%,#3b82f605 100%);border:1px solid #7c5cf626;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.empty-resume-options{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.empty-option-btn{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:10px;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.ai-page-container{max-width:900px;padding:0 var(--sp-4);margin:0 auto;position:relative}.ai-hero{text-align:center;margin-bottom:var(--sp-12);padding-top:var(--sp-6);position:relative}.back-btn-container{margin-bottom:var(--sp-6);justify-content:flex-start;display:flex}.back-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent-primary)}.badge-container{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-primary);border-radius:var(--radius-full);margin-bottom:var(--sp-4);background:#7c5cf61f;border:1px solid #7c5cf640;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.ai-grid{margin-bottom:var(--sp-12);grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.ai-grid{grid-template-columns:repeat(2,1fr)}.ai-grid-full{grid-column:span 2}}.ai-card{background:var(--bg-card,#171724);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.ai-card:before{content:"";background:0 0;width:4px;height:100%;transition:background .2s;position:absolute;top:0;left:0}.ai-card.emerald:hover{border-color:#10b9814d}.ai-card.emerald:before{background:#10b981}.ai-card.blue:hover{border-color:#3b82f64d}.ai-card.blue:before{background:#3b82f6}.ai-card.violet:hover{border-color:#7c5cf64d}.ai-card.violet:before{background:#7c5cf6}.ai-card.yellow:hover{border-color:#f59e0b4d}.ai-card.yellow:before{background:#f59e0b}.ai-card.red:hover{border-color:#ef44444d}.ai-card.red:before{background:#ef4444}.icon-wrapper{border-radius:12px;margin-bottom:20px;padding:10px;display:inline-flex}.emerald .icon-wrapper{color:#10b981;background:#10b9811a}.blue .icon-wrapper{color:#3b82f6;background:#3b82f61a}.violet .icon-wrapper{color:#a78bfa;background:#7c5cf61a}.yellow .icon-wrapper{color:#fbbf24;background:#f59e0b1a}.red .icon-wrapper{color:#f87171;background:#ef44441a}.card-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:12px;font-size:1.25rem;font-weight:800;display:flex}.card-text{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.personal-quote-card{border-radius:var(--radius-lg);margin-bottom:var(--sp-12);background:linear-gradient(135deg,#7c5cf614 0%,#3b82f60a 100%);border:1px solid #7c5cf633;padding:32px;position:relative;overflow:hidden}.quote-glow{pointer-events:none;background:radial-gradient(circle,#7c5cf626 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-50px;right:-50px}.quote-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.quote-avatar{color:#fff;background:linear-gradient(135deg,#7c5cf6,#3b82f6);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:800;display:flex}.quote-author-info{flex-direction:column;display:flex}.quote-author-name{color:var(--text-primary);font-size:1.1rem;font-weight:800}.quote-author-role{color:#a78bfa;font-size:.8rem;font-weight:600}.quote-body{color:var(--text-primary);margin:0;font-size:1.05rem;font-style:italic;line-height:1.7;position:relative}.quote-mark-left{color:#7c5cf633;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:3.5rem;line-height:1;position:absolute;top:-24px;left:-12px}.cta-box{text-align:center;padding:40px var(--sp-6);border-radius:var(--radius-xl);background:var(--bg-subtle);border:1px solid var(--border-color);margin-bottom:var(--sp-12)}.back-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.back-btn:hover{color:var(--text-primary);background:#ffffff14}.avatar-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar-circle--sm{width:32px;height:32px;font-size:.82rem}.avatar-circle--md{width:40px;height:40px;font-size:1rem}.avatar-circle--lg{width:52px;height:52px;font-size:1.2rem}.stat-group{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.stat-group__value{color:var(--text-primary);font-size:.95rem;font-weight:800}.stat-group__label{color:var(--text-muted);font-size:.72rem}.badge-pill{border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-pill--self{color:var(--accent-primary);background:#7c5cf626}.badge-pill--green{color:#34d399;background:#10b9811a}.rank-badge{align-items:center;gap:3px;font-size:.75rem;font-weight:600;display:inline-flex}.external-service-notice{color:var(--text-muted);text-align:center;border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;padding:4px 8px;font-size:.68rem;line-height:1.4}.external-service-notice a{color:var(--text-secondary);text-underline-offset:2px;text-decoration:underline}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:99px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#7c5cf659;border-radius:99px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#7c5cf68c}.active-glow-line{stroke-dasharray:8 6;filter:drop-shadow(0 0 3px var(--glow-color));animation:25s linear infinite path-flow}@keyframes path-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1000px}}.map-tooltip-card{animation:.18s cubic-bezier(.16,1,.3,1) forwards tooltip-fade-in}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.map-node-group{outline:none}.map-node-group:hover .map-node-rect{filter:drop-shadow(0 4px 12px #7c5cf640);transform:translateY(-2px)}.courses-roadmap-title-container{margin-top:var(--sp-12);margin-bottom:var(--sp-2);text-align:center}.courses-roadmap-subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:var(--sp-2);font-size:.8rem;font-weight:800}.courses-roadmap-title{color:var(--text-primary);margin-bottom:var(--sp-2);letter-spacing:-.01em;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900}.courses-roadmap-desc{color:var(--text-secondary);max-width:600px;margin:0 auto var(--sp-8);font-size:clamp(.95rem,2vw,1.1rem);font-weight:500;line-height:1.5}.courses-roadmap-container{max-width:1040px;margin:0 auto var(--sp-12);grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px;display:grid;position:relative}@media (width>=901px){.courses-roadmap-container:before{content:"";opacity:.12;z-index:0;background:linear-gradient(90deg,#a78bfa 0%,#3b82f6 50%,#10b981 100%);height:3px;position:absolute;top:50%;left:80px;right:80px;transform:translateY(-50%)}}.roadmap-card-wrapper{z-index:1;position:relative}.roadmap-card-item{border:1px solid var(--border-color);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff05;border-radius:18px;flex-direction:column;align-items:flex-start;height:100%;padding:24px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000040}.roadmap-card-item:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000059}.roadmap-step-indicator{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);background:#a78bfa14;border:1px solid #a78bfa26;border-radius:6px;margin-bottom:12px;padding:3px 8px;font-size:.68rem;font-weight:800}.roadmap-card-header{align-items:center;gap:12px;width:100%;margin-bottom:14px;display:flex}.roadmap-emoji-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;font-size:1.5rem;line-height:1;transition:transform .3s;display:flex}.roadmap-card-item:hover .roadmap-emoji-box{transform:scale(1.15)rotate(6deg)}.roadmap-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:800;line-height:1.3}.roadmap-card-desc{color:var(--text-muted);flex:1;margin-bottom:18px;font-size:.8rem;line-height:1.5}.roadmap-card-footer{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;display:flex}.roadmap-pill-badge{letter-spacing:-.01em;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.roadmap-arrow{transition:transform .3s}.roadmap-card-item:hover .roadmap-arrow{transform:translate(4px)}@media (width<=900px){.courses-roadmap-container{grid-template-columns:1fr;gap:16px;max-width:480px}}.authors-section-container{max-width:1040px;margin:0 auto;padding:0 20px}.authors-grid-asymmetric{margin-top:var(--sp-8);grid-template-columns:1.2fr 1fr;align-items:stretch;gap:32px;display:grid}@media (width<=850px){.authors-grid-asymmetric{grid-template-columns:1fr;gap:24px}}.featured-leader-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff05 0%,#ffffff01 100%);border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040}.featured-leader-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary) 0%, #8b5cf6 100%);height:3px;position:absolute;top:0;left:0;right:0}.featured-header{align-items:center;gap:20px;margin-bottom:20px;display:flex}@media (width<=550px){.featured-header{text-align:center;flex-direction:column;align-items:center;gap:12px}}.featured-avatar-wrapper{border:1px solid #a78bfa4d;border-radius:18px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden;box-shadow:0 6px 20px #7c5cf633}.featured-avatar{object-fit:cover;width:100%;height:100%}.featured-title-box{flex:1}.featured-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);margin-bottom:4px;font-size:.7rem;font-weight:800}.featured-name{color:var(--text-primary);margin-bottom:4px;font-size:1.45rem;font-weight:900;line-height:1.2}.featured-role{color:var(--text-secondary);font-size:.85rem;font-weight:600}.advisors-column{flex-direction:column;justify-content:center;gap:16px;display:flex}.advisor-card-compact{-webkit-backdrop-filter:blur(8px);background:#ffffff03;border:1px solid #ffffff0a;border-radius:20px;align-items:flex-start;gap:16px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.advisor-card-compact:hover{background:#ffffff05;border-color:#ffffff14;transform:translate(4px)}.premium-monogram{width:52px;height:52px;color:var(--text-primary);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.premium-monogram:after{content:"";background:linear-gradient(135deg, var(--monogram-glow-color,#7c5cf640), transparent);-webkit-mask-composite:xor;pointer-events:none;border-radius:14px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.premium-monogram.andria{--monogram-glow-color:#3b82f659}.premium-monogram.dimitri{--monogram-glow-color:#10b98159}.premium-monogram .monogram-photo{object-fit:cover;border-radius:inherit;width:100%;height:100%}.monogram-badge-icon{color:#fbbf24;background:#111;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #0000004d}.credential-badge-container{flex-wrap:wrap;gap:6px;width:100%;margin-top:12px;display:flex}.credential-badge-pill{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:700;transition:all .2s;display:inline-flex}.credential-badge-pill:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.credential-badge-pill.gold{color:#fcd34d;background:#fbbf240a;border-color:#fbbf2433}.credential-badge-pill.blue{color:#60a5fa;background:#3b82f60a;border-color:#3b82f640}.credential-badge-pill.green{color:#34d399;background:#10b9810a;border-color:#10b98140}.credential-icon{align-items:center;font-size:.8rem;display:inline-flex}.state-locked{opacity:.45;filter:grayscale(90%);transition:opacity .3s,filter .3s;position:relative;cursor:not-allowed!important;pointer-events:auto!important}.state-completed{opacity:.85;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;border-color:#10b98166!important}.state-completed:hover{opacity:1;transform:scale(1.02);border-color:#10b981cc!important;box-shadow:0 4px 20px #10b98126!important}.state-active{opacity:1;filter:none;transition:all .25s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite pulse-glow;position:relative;border-color:var(--accent-primary,#8b5cf6)!important;box-shadow:0 0 15px #8b5cf640,inset 0 0 10px #8b5cf61a!important}.state-active:hover{transform:scale(1.03);box-shadow:0 0 25px #8b5cf666,inset 0 0 15px #8b5cf633!important}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #8b5cf633,inset 0 0 8px #8b5cf60d}50%{box-shadow:0 0 20px #8b5cf666,inset 0 0 15px #8b5cf626}}.shake-anim{backface-visibility:hidden;perspective:1000px;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;transform:translate(0,0)}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.lock-overlay{border-radius:inherit;z-index:5;pointer-events:none;background:#0a0f1e40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lock-badge{width:44px;height:44px;color:var(--text-secondary);background:#0f172af2;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 10px 25px -5px #00000080}.state-locked:hover .lock-badge{color:var(--text-primary);border-color:#ffffff4d;transform:scale(1.1)}.lock-tooltip{color:#f87171;text-align:center;white-space:nowrap;z-index:100;pointer-events:none;background:#0f172afa;border:1px solid #ef444459;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;animation:.2s cubic-bezier(.16,1,.3,1) tooltip-fade-in;position:absolute;bottom:105%;left:50%;transform:translate(-50%);box-shadow:0 10px 20px -5px #0009}.lock-tooltip:after{content:"";border:6px solid #0000;border-top-color:#0f172afa;position:absolute;top:100%;left:50%;transform:translate(-50%)}.track-lock-screen{padding:var(--sp-10) var(--sp-6);text-align:center;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);max-width:640px;margin:var(--sp-12) auto;background:#0f172a66;border:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 20px 40px -15px #00000080}.track-lock-icon{color:#a78bfa;width:80px;height:80px;margin-bottom:var(--sp-6);background:linear-gradient(135deg,#ef44441a,#7c5cf626);border:1px solid #7c5cf64d;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #7c5cf633}.roadmap-card-item.logic-highlight{animation:3s ease-in-out infinite pulseCard;border-color:#a78bfa!important;box-shadow:0 0 25px #a78bfa40,0 4px 30px #00000040!important}.roadmap-card-item.logic-highlight:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 0 30px #a78bfa59,0 12px 30px #00000059!important}@keyframes pulseCard{0%{box-shadow:0 0 20px #a78bfa2e,0 4px 30px #00000040}50%{box-shadow:0 0 35px #a78bfa61,0 4px 30px #00000040;border-color:#c084fc!important}to{box-shadow:0 0 20px #a78bfa2e,0 4px 30px #00000040}}@keyframes pulseGlow{0%{transform:translate(-50%)scale(1);box-shadow:0 4px 12px #7c5cf64d}50%{transform:translate(-50%)scale(1.04);box-shadow:0 4px 20px #7c5cf68c}to{transform:translate(-50%)scale(1);box-shadow:0 4px 12px #7c5cf64d}}.c-keyword{color:#c084fc;font-weight:700}.c-preproc{color:#f97316}.c-string{color:#86efac}.c-comment{color:#6b7280;font-style:italic}.c-number{color:#fbbf24}.py-keyword{color:#c084fc;font-weight:700}.py-builtin{color:#60a5fa}.py-string{color:#86efac}.py-comment{color:#6b7280;font-style:italic}.py-number{color:#fbbf24}@keyframes flowDot{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(200px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawSpiral{to{stroke-dashoffset:0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}