:root{--bg-base: #06060f;--bg-surface: #0b0b1c;--bg-elevated: #111128;--bg-card: #0e0e24;--border-subtle: #181832;--border-default: #252550;--border-strong: #383870;--accent-lime: #b4ff3c;--accent-lime-dim: rgba(180, 255, 60, .12);--accent-cyan: #3cffe0;--accent-cyan-dim: rgba(60, 255, 224, .1);--accent-orange: #ff6b2b;--accent-orange-dim: rgba(255, 107, 43, .12);--text-primary: #f0f0ff;--text-secondary: #8080b8;--text-muted: #404080;--text-dim: #202048;--font-display: "Bebas Neue", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 12px;--radius-sm: 6px;--radius-lg: 20px;--ease: cubic-bezier(.4, 0, .2, 1);--transition: .28s var(--ease)}[data-theme=light]{--bg-base: #f5f5ef;--bg-surface: #eeeee6;--bg-elevated: #e5e5dc;--bg-card: #e8e8df;--border-subtle: #d4d4c8;--border-default: #c0c0b0;--border-strong: #a8a898;--accent-lime: #5a9e00;--accent-lime-dim: rgba(90, 158, 0, .12);--accent-cyan: #0088a0;--accent-cyan-dim: rgba(0, 136, 160, .1);--accent-orange: #c04800;--accent-orange-dim: rgba(192, 72, 0, .1);--text-primary: #18182a;--text-secondary: #44446a;--text-muted: #88889a;--text-dim: #c0c0cc}[data-theme=light] .hero__grid{background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px)}[data-theme=light] .hero__glow--1{background:#5a9e001f}[data-theme=light] .hero__glow--2{background:#0088a014}[data-theme=light] .hero__glow--3{background:#c048000f}[data-theme=light] .hero__noise{opacity:.015}[data-theme=light] .nav--scrolled{background:#f5f5efeb}[data-theme=light] .step-progress{background:#f5f5eff2}[data-theme=light] .code-block{background:#1e1e30}[data-theme=light] .nav__badge,[data-theme=light] .tp-hero__badge{background:var(--accent-lime);color:#fff}[data-theme=light] .code-block code{color:#c8d3f5}[data-theme=light] .tp-entry-card__num{color:var(--accent-lime)}[data-theme=light] .tp-entry-card:hover{border-color:var(--accent-lime);box-shadow:0 0 0 1px var(--accent-lime)}[data-theme=light] .tp-entry-card__arrow,[data-theme=light] .section__label{color:var(--accent-lime)}[data-theme=light] .step-num{color:var(--accent-lime);background:#5a9e001a;border-color:#5a9e004d}[data-theme=light] .stat__number,[data-theme=light] .hero__title-line--accent{color:var(--accent-lime)}[data-theme=light] .module-badge--tp,[data-theme=light] .hours-badge--tp{background:#5a9e001a;border-color:#5a9e004d;color:var(--accent-lime)}[data-theme=light] .task--done{border-color:#5a9e0059;background:#5a9e000d}[data-theme=light] .task--done .task__box{background:#5a9e0026;border-color:var(--accent-lime)}[data-theme=light] .mobile-topic__dot{background:var(--accent-lime)}[data-theme=light] .step-pill--active{color:var(--accent-lime);background:#5a9e001a;border-color:#5a9e004d}[data-theme=light] .timeline-dur,[data-theme=light] .objective-num,[data-theme=light] .tp-stat__num{color:var(--accent-lime)}[data-theme=light] .hmad-card__name{color:color-mix(in srgb,var(--hmad-color) 60%,#000 40%)}[data-theme=light] .hmad-card__letter{color:color-mix(in srgb,var(--hmad-color) 65%,#000 35%)}[data-theme=light] .hmad-tasks li:before{color:color-mix(in srgb,var(--hmad-color) 60%,#000 40%)}[data-theme=light] .hmad-card:hover{border-color:color-mix(in srgb,var(--hmad-color) 60%,#000 40%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.tag{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:var(--radius-sm);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-default);color:var(--text-secondary);background:var(--bg-elevated)}.tag--mono{font-family:var(--font-mono)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:all var(--transition)}.nav--scrolled{background:#06060fe0;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid var(--border-subtle);padding:.7rem 0}.nav__inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav__brand{display:flex;align-items:center;gap:.75rem}.nav__badge{background:var(--accent-lime);color:#000;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;padding:.22rem .5rem;border-radius:4px;text-transform:uppercase}.nav__title{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);letter-spacing:.04em}.nav__links{display:flex;gap:.15rem}.nav__link{color:var(--text-muted);text-decoration:none;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;padding:.4rem .8rem;border-radius:var(--radius-sm);transition:all var(--transition)}.nav__link:hover{color:var(--accent-lime);background:var(--accent-lime-dim)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px}.hero__noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.hero__glow{position:absolute;border-radius:50%;filter:blur(140px)}.hero__glow--1{width:700px;height:700px;background:#b4ff3c17;top:-250px;right:-150px}.hero__glow--2{width:500px;height:500px;background:#3cffe012;bottom:-100px;left:5%}.hero__glow--3{width:350px;height:350px;background:#ff6b2b0f;top:35%;right:25%}.hero__content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:9rem 2rem 5rem}.hero__eyebrow{margin-bottom:1.75rem;animation:fadeUp .6s var(--ease) both}.hero__title{display:flex;flex-direction:column;font-family:var(--font-display);font-size:clamp(5.5rem,13vw,12rem);line-height:.88;letter-spacing:.01em;margin-bottom:2.25rem}.hero__title-line{animation:fadeUp .65s var(--ease) both;animation-delay:.1s}.hero__title-line--accent{color:var(--accent-lime);animation-delay:.2s}.hero__subtitle{max-width:560px;color:var(--text-secondary);font-size:1.05rem;line-height:1.75;margin-bottom:3rem;animation:fadeUp .65s var(--ease) both;animation-delay:.3s}.hero__stats{display:flex;align-items:center;gap:2.5rem;margin-bottom:2.25rem;animation:fadeUp .65s var(--ease) both;animation-delay:.4s}.stat{display:flex;flex-direction:column;gap:.15rem}.stat__number{font-family:var(--font-display);font-size:2.8rem;color:var(--accent-lime);line-height:1}.stat__label{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.stat__divider{width:1px;height:44px;background:var(--border-default)}.hero__modules{display:flex;gap:.75rem;animation:fadeUp .65s var(--ease) both;animation-delay:.5s}.module-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;padding:.4rem .9rem;border-radius:var(--radius-sm)}.module-badge--cm{background:#ff6b2b21;border:1px solid rgba(255,107,43,.38);color:#ff7040}.module-badge--td{background:#3cffe017;border:1px solid rgba(60,255,224,.28);color:var(--accent-cyan)}.module-badge--tp{background:#b4ff3c17;border:1px solid rgba(180,255,60,.28);color:var(--accent-lime)}.hero__scroll{position:absolute;bottom:2.5rem;right:2rem;color:var(--text-muted);font-size:1.1rem;animation:bounce 2.2s ease infinite;font-family:var(--font-mono)}.section{padding:6rem 0}.section--alt{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section__header{margin-bottom:3.5rem}.section__label{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-lime);letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:.7rem;opacity:.85}.section__title{font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,5rem);line-height:.95;letter-spacing:.02em;margin-bottom:1rem}.section__desc{color:var(--text-secondary);max-width:520px;line-height:1.75;font-size:.95rem}.hours-bar{display:flex;gap:.5rem;margin-top:1.1rem}.hours-badge{font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:.28rem .65rem;border-radius:4px;letter-spacing:.06em}.hours-badge--cm{background:#ff6b2b1f;border:1px solid rgba(255,107,43,.32);color:#ff7040}.hours-badge--td{background:#3cffe017;border:1px solid rgba(60,255,224,.28);color:var(--accent-cyan)}.hours-badge--tp{background:#b4ff3c17;border:1px solid rgba(180,255,60,.28);color:var(--accent-lime)}.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.cm-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.75rem;transition:all var(--transition);position:relative;overflow:hidden}.cm-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-lime),transparent);opacity:0;transition:opacity var(--transition)}.cm-card:hover{border-color:var(--border-strong);transform:translateY(-3px)}.cm-card:hover:before{opacity:1}.cm-card__icon{font-size:1.6rem;display:block;margin-bottom:1rem}.cm-card__title{font-size:.95rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.cm-card__desc{font-size:.83rem;color:var(--text-secondary);line-height:1.65}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:1.25rem}.tech-card{background:var(--card-bg, rgba(255,255,255,.025));border:1px solid var(--card-border, var(--border-subtle));border-radius:var(--radius);padding:1.75rem;transition:all .3s var(--ease);cursor:default;position:relative;overflow:hidden}.tech-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--card-color, transparent) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.tech-card:hover{transform:translateY(-5px);border-color:var(--card-color);box-shadow:0 24px 48px #00000080,0 0 0 1px var(--card-color)}.tech-card:hover:after{opacity:.04}.tech-card__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.1rem}.tech-card__logo{font-size:1.9rem;color:var(--card-color);line-height:1;flex-shrink:0;margin-top:3px}.tech-card__label{margin-bottom:.3rem;color:var(--card-color)!important;border-color:var(--card-color)!important;opacity:.85;background:var(--card-bg)!important}.tech-card__name{font-family:var(--font-display);font-size:1.75rem;color:var(--text-primary);letter-spacing:.03em;line-height:1.05}.tech-card__desc{font-size:.83rem;color:var(--text-secondary);line-height:1.68;margin-bottom:1.25rem}.tech-card__topics{display:flex;flex-wrap:wrap;gap:.4rem}.topic-tag{font-family:var(--font-mono);font-size:.64rem;padding:.2rem .5rem;border-radius:4px;background:#ffffff09;border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.03em;transition:all var(--transition)}.tech-card:hover .topic-tag{border-color:var(--card-border);color:var(--text-secondary)}.project-section{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.project-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:3rem;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(180,255,60,.04) 0%,transparent 60%),radial-gradient(ellipse at 90% 50%,rgba(60,255,224,.04) 0%,transparent 60%);pointer-events:none}.project-card__badge{font-family:var(--font-mono);font-size:.63rem;font-weight:700;letter-spacing:.16em;color:var(--accent-lime);background:#b4ff3c1a;border:1px solid rgba(180,255,60,.25);padding:.28rem .6rem;border-radius:4px;display:inline-block;margin-bottom:1rem}.project-card__title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:1rem;letter-spacing:.03em;line-height:1}.project-card__desc{color:var(--text-secondary);max-width:620px;margin-bottom:2.5rem;line-height:1.75;font-size:.95rem}.project-stack{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.project-stack__item{display:flex;align-items:center;gap:.8rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius);padding:1rem 1.3rem;transition:all var(--transition)}.project-stack__item:hover{border-color:var(--accent-lime);transform:translateY(-2px)}.project-stack__icon{font-size:1.5rem;color:var(--accent-lime)}.project-stack__name{display:block;font-weight:600;font-size:.9rem}.project-stack__detail{display:block;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.project-stack__arrow{color:var(--text-muted);font-size:1.2rem;flex-shrink:0}.project-features{display:flex;flex-wrap:wrap;gap:.5rem}.project-feature{font-family:var(--font-mono);font-size:.68rem;padding:.3rem .8rem;border-radius:99px;background:#3cffe012;border:1px solid rgba(60,255,224,.2);color:var(--accent-cyan)}.mobile-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;align-items:start}.mobile-card__badge{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.mobile-card__name{font-family:var(--font-display);font-size:2.2rem;letter-spacing:.03em;line-height:1;margin-bottom:.3rem}.mobile-card__desc{color:var(--text-secondary);line-height:1.75;font-size:.92rem}.mobile-topics{display:flex;flex-direction:column;gap:.7rem;padding-top:.5rem}.mobile-topic{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);transition:color var(--transition)}.mobile-topic:hover{color:var(--text-primary)}.mobile-topic__dot{width:6px;height:6px;border-radius:50%;background:var(--accent-lime);flex-shrink:0;opacity:.7}.ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.5rem}.ai-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:2rem;transition:all var(--transition);position:relative;overflow:hidden}.ai-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ai-color, var(--accent-lime));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.ai-card:hover:after{transform:scaleX(1)}.ai-card:hover{border-color:var(--ai-color, var(--border-strong));transform:translateY(-4px);box-shadow:0 20px 40px #0006}.ai-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ai-card__logo{font-size:2rem}.ai-card__label{color:var(--ai-color)!important;border-color:color-mix(in srgb,var(--ai-color) 40%,transparent)!important;background:color-mix(in srgb,var(--ai-color) 10%,transparent)!important}.ai-card__name{font-family:var(--font-display);font-size:2.1rem;letter-spacing:.03em;line-height:1;margin-bottom:.75rem}.ai-card__desc{font-size:.85rem;color:var(--text-secondary);line-height:1.68;margin-bottom:1.25rem}.ai-card__topics{display:flex;flex-wrap:wrap;gap:.4rem}.footer{padding:3rem 0;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.footer__text{font-size:.85rem;color:var(--text-secondary);margin-top:.4rem}.footer__text--muted{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent);margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tp-entry-card{display:flex;align-items:center;gap:1rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem 1.5rem;transition:all var(--transition);cursor:pointer}.tp-entry-card:hover{border-color:var(--tp-color, var(--accent-lime));transform:translate(4px);box-shadow:0 0 0 1px var(--tp-color, var(--accent-lime))}.tp-entry-card--soon{opacity:.35;cursor:not-allowed}.tp-entry-card--soon:hover{transform:none;box-shadow:none;border-color:var(--border-subtle)}.tp-entry-card__num{font-family:var(--font-display);font-size:1.4rem;color:var(--tp-color, var(--text-muted));min-width:3rem}.tp-entry-card__info{flex:1}.tp-entry-card__title{font-weight:700;font-size:.95rem}.tp-entry-card__sub{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-top:.15rem;letter-spacing:.05em}.tp-entry-card__dur{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);white-space:nowrap}.tp-entry-card__arrow{color:var(--tp-color, var(--text-muted));font-size:1.1rem;transition:transform var(--transition)}.tp-entry-card:hover .tp-entry-card__arrow{transform:translate(4px)}.tp-page{background:var(--bg-base);min-height:100vh}.tp-container{max-width:900px;margin:0 auto;padding:0 2rem}.tp-section{padding:5rem 0;border-bottom:1px solid var(--border-subtle)}.tp-section:last-child{border-bottom:none}.tp-back{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-decoration:none;letter-spacing:.05em;transition:color var(--transition)}.tp-back:hover{color:var(--accent-lime)}.step-progress{position:sticky;top:0;z-index:90;background:#06060feb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none}.step-progress::-webkit-scrollbar{display:none}.step-progress__home{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;font-size:1rem;margin-right:.25rem;flex-shrink:0;transition:all var(--transition)}.step-progress__home:hover{color:var(--text-primary);border-color:var(--accent-lime);background:var(--accent-lime-dim)}.step-progress__inner{display:flex;align-items:center;gap:.25rem;padding:.6rem 1.5rem;min-width:max-content}.step-pill{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:99px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;color:var(--text-muted);text-decoration:none;transition:all var(--transition);white-space:nowrap;border:1px solid transparent}.step-pill:hover{color:var(--text-secondary);background:var(--bg-elevated)}.step-pill--active{color:var(--accent-lime);background:#b4ff3c1a;border-color:#b4ff3c4d}.step-pill__icon{font-size:.8rem}.step-pill__label{text-transform:uppercase}.tp-hero{position:relative;padding:5rem 0 3rem;margin-bottom:3rem;overflow:hidden}.tp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tp-hero__content{position:relative;z-index:1}.tp-hero__badge{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.18em;color:#000;background:var(--accent-lime);padding:.3rem .7rem;border-radius:4px;margin-bottom:1rem}.tp-hero__title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);line-height:.9;letter-spacing:.02em;margin-bottom:1.25rem}.tp-hero__subtitle{color:var(--text-secondary);font-size:1rem;max-width:560px;line-height:1.75;margin-bottom:2rem}.tp-hero__stats{display:flex;align-items:center;gap:2rem}.tp-stat{display:flex;flex-direction:column;gap:.1rem}.tp-stat__num{font-family:var(--font-display);font-size:2.2rem;color:var(--accent-lime);line-height:1}.tp-stat__lbl{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.tp-stat__sep{width:1px;height:36px;background:var(--border-default)}.objectives-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.objectives-card,.timeline-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.75rem;margin-bottom:1rem}.objectives-title{font-size:.85rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.objectives-list{display:flex;flex-direction:column;gap:.6rem}.objective-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.85rem;color:var(--text-secondary)}.objective-num{font-family:var(--font-mono);font-size:.65rem;color:var(--accent-lime);font-weight:700;min-width:1.5rem;margin-top:.1rem}.timeline-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.timeline-item:last-child{border-bottom:none}.timeline-icon{font-size:1rem;width:1.5rem;text-align:center}.timeline-info{flex:1}.timeline-label{font-size:.85rem;font-weight:600}.timeline-dur{font-family:var(--font-mono);font-size:.68rem;color:var(--accent-lime);white-space:nowrap}.step-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.step-header__meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.step-num{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--accent-lime);background:#b4ff3c1a;border:1px solid rgba(180,255,60,.25);padding:.2rem .6rem;border-radius:4px;text-transform:uppercase}.step-duration{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted)}.step-duration__icon{opacity:.6}.step-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:.02em;margin-bottom:.75rem}.step-intro{color:var(--text-secondary);max-width:680px;line-height:1.75;font-size:.95rem}.subsection{margin-bottom:2.5rem}.subsection-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.step-text{color:var(--text-secondary);font-size:.9rem;line-height:1.75;margin-bottom:1rem}.step-text code{font-family:var(--font-mono);font-size:.8rem;background:var(--bg-elevated);border:1px solid var(--border-default);padding:.1rem .35rem;border-radius:4px;color:var(--accent-lime)}.code-block{position:relative;background:#0a0a14;border:1px solid var(--border-default);border-radius:var(--radius);margin-bottom:1.25rem;overflow:hidden}.code-lang{position:absolute;top:.6rem;left:1rem;font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.code-copy{position:absolute;top:.5rem;right:.75rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;padding:.2rem .5rem;cursor:pointer;transition:all var(--transition);font-family:var(--font-mono)}.code-copy:hover{color:var(--accent-lime);border-color:#b4ff3c66}.code-block pre{padding:2rem 1.25rem 1.25rem;overflow-x:auto;margin:0}.code-block code{font-family:var(--font-mono);font-size:.78rem;line-height:1.75;color:#c8d3f5;white-space:pre}.callout{border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem;border-left:3px solid}.callout--tip{background:#b4ff3c0d;border-color:var(--accent-lime)}.callout--warning{background:#ff6b2b0f;border-color:var(--accent-orange)}.callout--info{background:#3cffe00d;border-color:var(--accent-cyan)}.callout--check{background:#3ecf8e0d;border-color:#3ecf8e}.callout--time{background:#a855f70f;border-color:#a855f7}.callout--prof{background:#f59e0b0f;border-color:#f59e0b}.callout__header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.callout__icon{font-size:1rem}.callout__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-family:var(--font-mono)}.callout__body{font-size:.88rem;color:var(--text-secondary);line-height:1.7}.callout__body strong{color:var(--text-primary)}.callout__body code{font-family:var(--font-mono);font-size:.78rem;background:#ffffff0f;padding:.1rem .35rem;border-radius:3px}.callout-link{color:var(--accent-cyan);text-decoration:underline}.task-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem}.task{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.7rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition);background:var(--bg-elevated)}.task:hover{border-color:var(--border-strong)}.task--done{border-color:#b4ff3c4d;background:#b4ff3c0a}.task input[type=checkbox]{display:none}.task__box{width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--accent-lime);transition:all var(--transition);margin-top:1px}.task--done .task__box{background:#b4ff3c26;border-color:var(--accent-lime)}.task__text{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.task--done .task__text{color:var(--text-muted);text-decoration:line-through}.task__text code{font-family:var(--font-mono);font-size:.75rem;background:#ffffff0f;padding:.1rem .35rem;border-radius:3px;color:var(--accent-lime)}.hmad-phases{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2.5rem}.hmad-card{border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;transition:all var(--transition)}.hmad-card:hover{border-color:var(--hmad-color, var(--border-strong));transform:translateY(-3px)}.hmad-card__letter{font-family:var(--font-display);font-size:3.5rem;color:var(--hmad-color);padding:1rem 1.25rem .5rem;line-height:1;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 100%)}.hmad-card__body{padding:.5rem 1.25rem 1.25rem}.hmad-card__name{font-size:.85rem;font-weight:700;color:var(--hmad-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.hmad-card__desc{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.hmad-tasks{list-style:none;display:flex;flex-direction:column;gap:.4rem}.hmad-tasks li{font-size:.75rem;color:var(--text-muted);padding-left:.75rem;position:relative;line-height:1.5}.hmad-tasks li:before{content:"→";position:absolute;left:0;color:var(--hmad-color);opacity:.6}.concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.concept-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.25rem;transition:all var(--transition)}.concept-card:hover{border-color:var(--border-strong)}.concept-icon{font-size:1.5rem;margin-bottom:.6rem;display:block}.concept-card h4{font-size:.85rem;font-weight:700;margin-bottom:.4rem}.concept-card p{font-size:.78rem;color:var(--text-secondary);line-height:1.6}.concept-card code{font-family:var(--font-mono);font-size:.72rem;background:#ffffff0f;padding:.05rem .3rem;border-radius:3px;color:var(--accent-lime)}.subject-suggestions{margin-bottom:1.5rem}.subject-title{font-size:.82rem;color:var(--text-muted);font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.08em}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.subject-card{display:flex;flex-direction:column;gap:.25rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem;transition:all var(--transition);cursor:pointer}.subject-card:hover{border-color:var(--accent-lime);background:#b4ff3c0a}.subject-icon{font-size:1.4rem}.subject-name{font-size:.85rem;font-weight:700}.subject-desc{font-size:.72rem;color:var(--text-muted);line-height:1.4}.bmad-phase{margin-bottom:1.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.bmad-phase__header{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700}.bmad-phase__header--required{background:#a855f71f;border-bottom:1px solid rgba(168,85,247,.25)}.bmad-phase__header--optional{background:#ff8c4214;border-bottom:1px solid rgba(255,140,66,.18)}.bmad-phase__num{opacity:.6;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;white-space:nowrap}.bmad-phase__label{font-size:.8rem;letter-spacing:.04em}.bmad-phase__required{color:#a855f7;font-size:.65rem;letter-spacing:.1em;margin-left:.4rem}.bmad-phase__optional{color:#ff8c42;font-size:.65rem;letter-spacing:.1em;margin-left:.4rem}.bmad-phase .step-text{padding:.75rem 1rem 0}.bmad-phase pre{margin:.5rem 0 0;border-radius:0}.bmad-cycle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.bmad-cycle__step{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.82rem;font-weight:600}.bmad-cycle__arrow{color:var(--accent-lime);font-weight:700;font-size:1rem}.compare-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border-default);margin-bottom:1.5rem}.compare-table{width:100%;border-collapse:collapse;font-size:.82rem}.compare-table th{background:var(--bg-elevated);padding:.75rem 1rem;text-align:left;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border-default);white-space:nowrap}.compare-table td{padding:.65rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:top}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:#ffffff05}.compare-criterion{font-weight:600;color:var(--text-primary);white-space:nowrap}.backend-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-bottom:1.5rem}.backend-option{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem;transition:all var(--transition)}.backend-option:hover{border-color:var(--opt-color);transform:translateY(-3px)}.backend-option__header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.backend-option__logo{font-size:1.75rem;color:var(--opt-color);line-height:1}.backend-option__name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.03em;line-height:1;margin-top:.3rem}.backend-option__pitch{font-size:.82rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.25rem}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pros-cons__title{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.pros-cons__title--pro{color:#3ecf8e}.pros-cons__title--con{color:var(--accent-orange)}.pros-item,.cons-item{font-size:.75rem;color:var(--text-muted);margin-bottom:.3rem;padding-left:.75rem;position:relative;line-height:1.5}.pros-item:before{content:"+";position:absolute;left:0;color:#3ecf8e;font-weight:700}.cons-item:before{content:"–";position:absolute;left:0;color:var(--accent-orange)}.setup-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0}.setup-tab{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;padding:.6rem 1.1rem;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid transparent;border-bottom:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:transparent;position:relative;bottom:-1px}.setup-tab:hover{color:var(--text-secondary);background:var(--bg-elevated)}.setup-tab--active{color:var(--tab-color);background:var(--bg-elevated);border-color:var(--border-default);border-bottom-color:var(--bg-elevated)}.setup-content{animation:fadeUp .3s ease both}.steps-inline{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.step-inline{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--text-secondary)}.step-inline__num{width:22px;height:22px;border-radius:50%;background:#b4ff3c1f;border:1px solid rgba(180,255,60,.3);color:var(--accent-lime);font-family:var(--font-mono);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-inline strong{color:var(--text-primary)}.step-inline code{font-family:var(--font-mono);font-size:.78rem;background:#ffffff0f;padding:.1rem .35rem;border-radius:3px;color:var(--accent-lime)}.external-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cyan);text-decoration:none;border:1px solid rgba(60,255,224,.25);padding:.4rem .9rem;border-radius:var(--radius-sm);transition:all var(--transition)}.external-link:hover{background:#3cffe014}.aceternity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.aceternity-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;gap:.35rem;transition:all var(--transition)}.aceternity-card:hover{border-color:var(--border-strong)}.aceternity-name{font-weight:700;font-size:.85rem}.aceternity-use{font-size:.75rem;color:var(--text-muted)}.aceternity-cmd{font-family:var(--font-mono);font-size:.68rem;color:var(--accent-lime);margin-top:.25rem}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.final-push{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.theme-toggle{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:99px;padding:.3rem .6rem .3rem .4rem;cursor:pointer;transition:all var(--transition);flex-shrink:0}.theme-toggle:hover{border-color:var(--accent-lime);background:var(--accent-lime-dim)}.theme-toggle__track{width:28px;height:16px;background:var(--border-strong);border-radius:99px;position:relative;transition:background var(--transition)}[data-theme=light] .theme-toggle__track{background:var(--accent-lime)}.theme-toggle__thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform var(--transition);box-shadow:0 1px 3px #0000004d}[data-theme=light] .theme-toggle__thumb{transform:translate(12px)}.theme-toggle__icon{font-size:.85rem;line-height:1}.callout--demo{background:#6366f10f;border-color:#6366f1}.callout--question{background:#f59e0b0f;border-color:#f59e0b}.sessions-row{display:flex;align-items:flex-start;gap:1rem;flex-wrap:nowrap;margin:2rem 0 .5rem;padding:1.5rem;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:16px}.sessions-group{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:0}.sessions-group:first-child{flex:0 0 auto}.sessions-group__label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.sessions-group__cards{display:flex;gap:.5rem;flex-wrap:wrap}.sessions-sep{width:1px;align-self:stretch;background:var(--border-subtle);margin:0 .25rem}.session-card{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--s-border, var(--border));background:var(--s-bg, transparent);min-width:100px;transition:all var(--transition);cursor:default}a .session-card{cursor:pointer}a .session-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003;border-color:var(--s-color)}.session-card--cm{--s-color: #ff8c42;--s-bg: rgba(255,140,66,.1);--s-border: rgba(255,140,66,.3)}.session-card--td{--s-color: #a855f7;--s-bg: rgba(168,85,247,.1);--s-border: rgba(168,85,247,.3)}.session-card--tp{--s-color: #b4ff3c;--s-bg: rgba(180,255,60,.1);--s-border: rgba(180,255,60,.3)}[data-theme=light] .session-card--tp{--s-color: #5a9e00;--s-bg: rgba(90,158,0,.08);--s-border: rgba(90,158,0,.3)}.session-card--soon{opacity:.4}.session-card--inactive{opacity:.28;filter:grayscale(.7);position:relative;cursor:default}.session-card__inactive-badge{position:absolute;top:.3rem;right:.3rem;font-family:var(--font-mono);font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#ef4444e6;color:#fff;border-radius:3px;padding:.12rem .32rem;pointer-events:none}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:8000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,95vw);background:#0e0e24;border-left:1px solid rgba(255,255,255,.1);z-index:8001;display:flex;flex-direction:column;overflow:hidden;box-shadow:-8px 0 40px #00000080}.admin-panel__head{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.admin-panel__title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.04em;color:#f0efe8}.admin-panel__sub{font-family:var(--font-mono);font-size:.68rem;color:#f0efe866;margin-top:.2rem}.admin-panel__close{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f0efe8b3;border-radius:6px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .15s;flex-shrink:0}.admin-panel__close:hover{background:#ffffff26;color:#fff}.admin-panel__shortcut{padding:.5rem 1.25rem;font-family:var(--font-mono);font-size:.64rem;color:#f0efe859;border-bottom:1px solid rgba(255,255,255,.05)}.admin-panel__shortcut kbd{display:inline-block;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:.05rem .35rem;font-family:var(--font-mono);font-size:.64rem}.admin-panel__body{flex:1;overflow-y:auto;padding:.75rem 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.admin-course{padding:.5rem 0 .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.admin-course:last-child{border-bottom:none}.admin-course__header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 1.25rem .6rem;gap:.75rem}.admin-course__label{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.admin-course__actions{display:flex;gap:.4rem}.admin-btn{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.06em;border-radius:4px;padding:.2rem .55rem;cursor:pointer;border:1px solid transparent;transition:all .15s}.admin-btn:disabled{opacity:.3;cursor:default}.admin-btn--show{background:#b4ff3c1a;border-color:#b4ff3c4d;color:#b4ff3c}.admin-btn--show:not(:disabled):hover{background:#b4ff3c33}.admin-btn--hide{background:#ef44441a;border-color:#ef44444d;color:#f87171}.admin-btn--hide:not(:disabled):hover{background:#ef444433}.admin-sessions{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem}.admin-session{display:flex;align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:opacity .2s}.admin-session--off{opacity:.45}.admin-session__badge{font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.08em;border-radius:3px;border:1px solid;padding:.12rem .4rem;white-space:nowrap}.admin-session__title{flex:1;font-size:.78rem;color:#f0efe8d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-session__dur{font-family:var(--font-mono);font-size:.62rem;color:#f0efe84d;white-space:nowrap}.admin-toggle{position:relative;width:2.2rem;height:1.2rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.admin-toggle--on{background:#b4ff3c40;border-color:#b4ff3c80}.admin-toggle__thumb{position:absolute;top:2px;left:2px;width:calc(1.2rem - 6px);height:calc(1.2rem - 6px);border-radius:50%;background:#ffffff59;transition:transform .2s,background .2s}.admin-toggle--on .admin-toggle__thumb{transform:translate(1rem);background:#b4ff3c}.admin-panel__copy{padding:.6rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.admin-db-status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.63rem;color:#b4ff3cb3}.admin-db-dot{width:6px;height:6px;border-radius:50%;background:#b4ff3c;box-shadow:0 0 6px #b4ff3c;flex-shrink:0;animation:db-pulse 2s infinite}@keyframes db-pulse{0%,to{opacity:1}50%{opacity:.4}}.session-card__type{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;color:var(--s-color)}.session-card__num{font-family:var(--font-display);font-size:1.5rem;line-height:1;color:var(--text-primary)}.session-card__title{font-size:.72rem;color:var(--text-secondary);line-height:1.3;max-width:120px}.session-card__dur{font-family:var(--font-mono);font-size:.65rem;color:var(--s-color);margin-top:.2rem}[data-theme=light] .sessions-row{background:#00000005;border-color:var(--border)}.topic-tag{background:#ffffff0d}[data-theme=light] .topic-tag{background:#0000000a;color:var(--text-secondary);border-color:var(--border)}@media (max-width: 900px){.nav__links{display:none}.mobile-card{grid-template-columns:1fr;gap:2rem}.objectives-grid,.final-grid,.pros-cons{grid-template-columns:1fr}}@media (max-width: 640px){.hero__stats{flex-wrap:wrap;gap:1.5rem}.stat__divider{display:none}.project-stack{flex-direction:column;align-items:flex-start}.project-stack__arrow{transform:rotate(90deg)}.footer__inner{flex-direction:column;align-items:flex-start}.project-card{padding:1.75rem}.tp-hero__stats{flex-wrap:wrap;gap:1rem}.tp-stat__sep{display:none}.hmad-phases{grid-template-columns:1fr 1fr}.backend-cards{grid-template-columns:1fr}}