:root{--bg-page: #0f1117;--bg-card: #161b26;--border: #1c2a3e;--accent-green: #7ee8a2;--accent-blue: #60a5fa;--accent-amber: #f5c842;--accent-ruby: #ef4444;--accent-purple: #a855f7;--text-primary: #f8fafc;--text-muted: #94a3b8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition: all .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glass: rgba(15, 17, 23, .7);--glass-border: rgba(255, 255, 255, .08)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}html,body{overflow-x:hidden;width:100%;position:relative}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app-main-container{overflow-x:hidden!important;width:100%;position:relative;max-width:100vw}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);background-attachment:fixed}.no-scroll{overflow:hidden!important;height:100vh}::selection{background:var(--accent-green);color:var(--bg-page)}.main-navbar{height:70px;background:#0f1117cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;display:flex;align-items:center}.nav-container{max-width:1400px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.nav-logo-v2{font-size:1.5rem;font-weight:900;color:var(--text-primary);text-decoration:none;letter-spacing:-1px}.nav-links{display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;align-items:center}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition);display:flex;align-items:center;gap:8px}.nav-links a:hover,.nav-links a.active{color:var(--accent-green)}.nav-icon{width:18px;height:18px;stroke-width:2.5}.nav-dropdown-wrapper{position:relative;display:flex;align-items:center}.nav-dropdown-trigger{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;transition:var(--transition)}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{color:var(--accent-green)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:15px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-width:180px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:1001;animation:dropdownIn .2s ease-out}.nav-dropdown-menu a{padding:12px 20px;width:100%;border-radius:0}.nav-dropdown-menu a:hover{background:#7ee8a20d}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-github-link{color:var(--text-muted);transition:var(--transition);display:flex;align-items:center}.nav-github-link:hover{color:#fff;transform:scale(1.1)}.link-icon-v3{width:18px;height:18px;stroke-width:2}.mobile-only{display:none}.desktop-only{display:flex}@media(max-width:768px){.mobile-only{display:flex!important}.desktop-only,.nav-links.desktop-only{display:none!important}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent!important;border:none!important;cursor:pointer;padding:0;z-index:2001;outline:none!important;-webkit-tap-highlight-color:transparent!important;box-shadow:none!important}.hamburger-menu:focus,.hamburger-menu:active,.hamburger-menu:hover{background:transparent!important;outline:none!important;box-shadow:none!important}.hamburger-menu span{width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger-menu.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-sidebar{display:flex;position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--bg-card);border-left:1px solid var(--border);z-index:2000;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);flex-direction:column;padding:30px;box-shadow:-10px 0 30px #00000080;visibility:hidden}.mobile-sidebar.open{transform:translate(0);visibility:visible}.mobile-sidebar-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}.mobile-sidebar-links{display:flex;flex-direction:column;gap:20px}.mobile-sidebar-links a{display:flex;align-items:center;gap:15px;color:var(--text-muted);text-decoration:none;font-size:1.1rem;font-weight:600;padding:10px 0;transition:var(--transition)}.mobile-sidebar-links a:hover,.mobile-sidebar-links a.active{color:var(--accent-green);transform:translate(10px)}.mobile-sidebar-footer{margin-top:auto;padding-top:30px;border-top:1px solid var(--border)}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.main-navbar .nav-links,.main-navbar .nav-right{display:none!important}.hamburger-menu,.mobile-sidebar{display:flex}.mobile-overlay{display:block}.mobile-overlay:not(.open){display:none}.mobile-overlay{animation:fadeIn .3s ease}}.mobile-warning-banner{background:linear-gradient(90deg,rgba(245,200,66,.1),transparent);border:1px solid rgba(245,200,66,.2);border-radius:12px;padding:16px 20px;margin-bottom:30px;display:none}@media(max-width:768px){.mobile-warning-banner{display:block}}.warning-content{display:flex;align-items:center;gap:15px}.warning-icon{font-size:1.5rem}.warning-content p{margin:0;font-size:.9rem;color:var(--text-primary)}.warning-content strong{color:var(--accent-amber)}.welcome-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:40px 20px}.welcome-bg-effects{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.blob{position:absolute;width:500px;height:500px;filter:blur(80px);opacity:.15;border-radius:50%}.blob-1{background:var(--accent-green);top:-10%;left:-10%;animation:move 20s infinite alternate}.blob-2{background:var(--accent-blue);bottom:-10%;right:-10%;animation:move 25s infinite alternate-reverse}@keyframes move{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.welcome-content{max-width:800px;text-align:center;animation:fadeInUp 1s ease-out}.welcome-badge{font-size:.85rem;letter-spacing:2px;color:var(--accent-green);font-weight:700;margin-bottom:20px}.welcome-title{font-size:clamp(3rem,10vw,5.5rem);font-weight:900;margin-bottom:30px;line-height:1.1}.gradient-text{background:linear-gradient(to right,#fff,var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 50px}.welcome-actions{display:flex;gap:20px;justify-content:center;margin-bottom:80px}.btn-welcome-primary{display:flex;align-items:center;gap:10px;background:var(--text-primary);color:var(--bg-page);padding:16px 36px;border-radius:12px;font-weight:700;text-decoration:none;transition:var(--transition)}.btn-welcome-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.btn-welcome-ghost{display:flex;align-items:center;background:transparent;color:var(--text-primary);padding:16px 36px;border-radius:12px;font-weight:700;text-decoration:none;border:1px solid var(--border);transition:var(--transition)}.btn-welcome-ghost:hover{background:#ffffff0d;border-color:var(--text-muted)}.welcome-footer{display:flex;gap:60px;justify-content:center;border-top:1px solid var(--border);padding-top:40px}.meta-item{display:flex;flex-direction:column;gap:5px}.meta-val{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.meta-lab{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}.hub-page{min-height:100vh}.hub-container{max-width:1300px;margin:0 auto;padding:140px 40px 100px!important}.hub-header{margin-bottom:80px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;gap:40px}.hub-header:after{content:"";position:absolute;bottom:-40px;left:0;width:100px;height:4px;background:var(--accent-green);border-radius:100px}.hub-stats{display:flex;flex-direction:row;gap:16px;flex-shrink:0;align-items:flex-start}.hub-title-area h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:15px;letter-spacing:-2px;line-height:1}.hub-title-area p{font-size:1.15rem;color:var(--text-muted);max-width:600px}.hub-badge{font-size:.65rem;font-weight:900;letter-spacing:2px;color:var(--accent-green);background:#7ee8a21a;padding:6px 14px;border-radius:100px;display:inline-block;margin-bottom:20px;text-transform:uppercase}.hub-grid{display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:start}.hub-section-transparent{margin-bottom:80px}.hub-section{background:var(--bg-card);border:1px solid var(--border);padding:50px;border-radius:32px;margin-bottom:40px;box-shadow:var(--shadow-lg);position:relative}.section-header-v3{margin-bottom:40px}.section-title-v3{font-size:1.75rem;font-weight:800;margin-bottom:10px;color:#fff}.hub-section h2{font-size:1.5rem;margin-bottom:30px;display:flex;align-items:center;gap:12px}.courses-grid-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.hub-course-card{background:var(--bg-card);border:1px solid var(--border);padding:40px;border-radius:24px;transition:var(--transition);position:relative;overflow:hidden;display:flex;flex-direction:column}.hub-course-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-green);opacity:0;transition:var(--transition)}.hub-course-card:hover{border-color:var(--accent-green);transform:translateY(-8px);box-shadow:0 20px 40px #0006}.hub-course-card:hover:before{opacity:1}.course-status{align-self:flex-start;font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:6px;margin-bottom:20px;letter-spacing:1px}.status-active{background:#7ee8a21a;color:var(--accent-green);border:1px solid rgba(126,232,162,.2)}.status-soon{background:#f5c8421a;color:var(--accent-amber);border:1px solid rgba(245,200,66,.2)}.hub-course-card h3{font-size:1.5rem;margin-bottom:12px;color:#fff;line-height:1.2}.hub-course-card p{color:var(--text-muted);font-size:1rem;margin-bottom:30px;line-height:1.6}.course-meta{display:flex;gap:15px;margin-bottom:25px}.meta-pill{font-size:.75rem;background:var(--bg-page);padding:4px 10px;border-radius:6px;border:1px solid var(--border);color:var(--text-muted)}.course-link-btn{display:inline-flex;align-items:center;gap:8px;color:var(--accent-green);text-decoration:none;font-weight:700;font-size:.9rem}.hub-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:30px}.sidebar-card h3{font-size:1.1rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.quick-links-list{display:flex;flex-direction:column;gap:12px}.quick-link-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-page);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:.9rem;transition:var(--transition)}.quick-link-item:hover{border-color:var(--accent-blue);background:#60a5fa0d}.link-icon{font-size:1.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.hub-grid{grid-template-columns:1fr}}@media(max-width:768px){.hub-header{flex-direction:column;align-items:flex-start;gap:20px}.welcome-title{font-size:3.5rem}.welcome-footer{flex-direction:column;gap:30px}}.logo-box.mini{padding:5px;font-size:.8rem;margin-bottom:0}.app-main{flex:1;display:flex;overflow:hidden}.header-actions{display:flex;align-items:center;gap:20px;font-size:.85rem}.progress-saved{color:#666}.notify-link{color:var(--text-color);text-decoration:none;border:1px solid var(--border-color);padding:6px 12px;border-radius:4px}.twitter-handle{color:#7ee8a2;text-decoration:none;font-weight:500}.controls-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px}.sidebar-nav-v4{display:flex;flex-direction:column;gap:10px}.sidebar-nav-v4 a{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-page);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:.95rem;transition:var(--transition)}.sidebar-nav-v4 a:hover{border-color:var(--accent-green);background:#7ee8a20d;transform:translate(5px)}header:not(.hub-header){height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border-color);background-color:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:100}.logo{font-weight:700;font-size:1.2rem;color:#333;text-decoration:none}main{flex:1;display:flex;padding:40px;gap:40px;max-width:1400px;margin:0 auto;width:100%}.content-section{flex:1;display:flex;flex-direction:column;gap:20px}.terminal-section{flex:1;min-width:400px}.topic-label{font-size:.85rem;color:#666;margin-bottom:4px}h1{font-size:1.8rem;margin-bottom:12px}.step-indicator{font-size:.8rem;color:#888;display:flex;gap:12px;justify-content:flex-end}.steps-container{width:280px;min-width:280px;height:100%;border-right:1px solid var(--border-color);padding:24px;overflow-y:auto;flex-shrink:0;background:#000;color:#fff}.paragraphs-container{background:#000;color:#fff;border:1px solid var(--border-color);padding:40px;flex:1;overflow-y:auto;border-radius:8px;display:flex;flex-direction:column;gap:24px;max-height:calc(100vh - 280px)}.content-text{animation:slideUp .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paragraph{font-size:1.1rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.controls{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}button{padding:8px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color);background:var(--bg-card)}button:hover:not(:disabled){background:#f8f9fa;border-color:#ccc}button.next{border-color:var(--accent-green);color:var(--accent-green)}button.next:hover{background:#28a7450d}button:disabled{opacity:.5;cursor:not-allowed}.terminal-window{background:var(--terminal-bg);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000004d;height:500px;display:flex;flex-direction:column}.terminal-header{height:36px;background:#3c3c3c;display:flex;align-items:center;padding:0 16px;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#7ee8a2}.terminal-body{padding:20px;color:var(--terminal-text);font-family:Fira Code,Courier New,Courier,monospace;font-size:.95rem;overflow-y:auto;flex:1}.code-view{background:transparent;padding:0}.token-keyword{color:#f92672}.token-string{color:#e6db74}.token-comment{color:#75715e;font-style:italic}.line-number{color:#75715e;margin-right:15px;-webkit-user-select:none;user-select:none;width:25px;display:inline-block;text-align:right}.highlight{background:#ffffff0d}.command-line{color:#a6e22e;margin-bottom:8px}.command-line:before{content:"$ ";color:#f92672}.terminal-body .output{color:#f8f8f2;margin-bottom:16px;white-space:pre-wrap}.copy-button{position:absolute;top:10px;right:10px;background:#ffffff1a;color:#fff;border:none;padding:4px 8px;font-size:.7rem;border-radius:4px}.content-text.verbose{color:#007bff;border-left:3px solid #007bff!important;padding-left:12px}.content-text.internal{color:#dc3545;border-left:3px solid #dc3545!important;padding-left:12px}.content-text.note{background:#fffde7;border-left:4px solid #fbc02d!important;padding:15px;border-radius:4px;color:#4a3b00;margin:10px 0}.content-text.note strong{color:#827717;font-weight:900;display:block;margin-bottom:5px;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.toggle-controls{display:flex;gap:10px}.toggle-btn{font-size:.75rem!important;padding:4px 12px!important;border:1px solid #e1e4e8!important;background:var(--bg-card)!important;border-radius:6px!important}.toggle-btn.active.verbose{background:#007bff!important;color:#fff!important;border-color:#007bff!important}.toggle-btn.active.internal{background:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.file-header{margin-left:20px;background:#2d2d2d;padding:4px 16px;border-radius:6px 6px 0 0;font-size:.8rem;color:#aaa;border:1px solid #444;border-bottom:none}.code-view{font-family:Fira Code,monospace;font-size:.9rem}.code-line{display:flex;gap:16px;padding:2px 0}.code-line.highlight{background:#007bff26;border-left:2px solid #007bff;margin-left:-20px;padding-left:18px}.line-number{color:#666;min-width:20px;text-align:right;-webkit-user-select:none;user-select:none}.line-content{color:#f8f8f2;white-space:pre}.mobile-warning-banner{background:#fff3e0;border-bottom:1px solid #ffe0b2;padding:10px 20px;display:none}.warning-content{display:flex;align-items:center;gap:12px;max-width:1100px;margin:0 auto}.warning-icon{font-size:1.2rem}.warning-content p{font-size:.85rem;color:#e65100;margin:0}@media(max-width:1024px){.mobile-warning-banner{display:block}.app-main{flex-direction:column;overflow-y:auto}.content-section{padding:20px;height:auto}.terminal-section{min-width:100%;padding:0 20px 40px}.terminal-window{height:400px}.paragraphs-container{max-height:none;height:auto}}@media(max-width:600px){.app-header{padding:0 15px}.header-actions .progress-saved{display:none}.topic-header h1{font-size:1.4rem}.controls-footer{flex-direction:column;gap:15px}.toggle-controls{width:100%;justify-content:center}}.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}@media(max-width:768px){.modules-grid{grid-template-columns:1fr}}.cheatsheets-page,.cheatsheet-view{min-height:100vh;background:transparent}.cheatsheets-main{max-width:1100px;margin:0 auto;padding:60px 20px;display:flex;flex-direction:column;gap:40px}.cheatsheets-intro{margin-bottom:20px}.cheatsheets-intro h1{font-size:2.5rem;color:#7ee8a2;margin-bottom:10px}.cheatsheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.sheet-card{background:var(--bg-card);border:1px solid #e1e4e8;border-radius:12px;padding:20px;text-decoration:none;display:flex;align-items:center;gap:15px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.sheet-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000014;border-color:#7ee8a2}.sheet-icon{font-size:2rem;background:#f1f8e9;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px}.sheet-info h3{margin:0;font-size:1.1rem;color:#333}.sheet-category{font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.sheet-content{max-width:900px;margin:0 auto;padding:40px 20px;display:block}.sheet-header{margin-bottom:40px;text-align:center}.sheet-header h1{font-size:3rem;margin-bottom:10px}.source-link{color:#7ee8a2;font-size:.9rem}.content-grid{display:flex;flex-direction:column;gap:25px}.content-h2{font-size:1.8rem;border-bottom:2px solid #7ee8a2;padding-bottom:8px;margin-top:40px;color:#7ee8a2;display:flex;align-items:center}.content-h3{font-size:1.4rem;color:#333;margin-top:15px}.code-block-wrapper{margin:10px 0;box-shadow:0 4px 12px #0000001a;border-radius:8px;overflow:hidden}.code-block code{font-family:Fira Code,monospace;color:#dcdcdc;font-size:.95rem;line-height:1.5}.content-list{padding-left:25px;line-height:1.8}.table-wrapper{overflow-x:auto;margin:20px 0;border:1px solid #e1e4e8;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th{background:#f8f9fa;font-weight:700;color:#7ee8a2}tr:last-child td{border-bottom:none}.loading-container,.error-container{height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666}.header-title{font-weight:700;color:#333}.ai-workshop-page{min-height:100vh;background:transparent}.ai-workshop-main{max-width:900px;margin:0 auto;padding:80px 20px;display:block}.workshop-hero{text-align:center;background:var(--bg-card);padding:60px 40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;border:1px solid #eee}.status-badge{display:inline-block;background:#e0f2f1;color:#7ee8a2;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.workshop-hero h1{font-size:3rem;color:#263238;margin-bottom:20px}.description{font-size:1.2rem;color:#546e7a;line-height:1.8;margin-bottom:40px}.quote-container{margin:40px 0;padding:30px;background:transparent;border-left:5px solid #7ee8a2;border-radius:0 12px 12px 0;font-style:italic}.ai-quote{font-size:1.4rem;color:#7ee8a2;font-weight:600;margin:0}.workshop-details{text-align:left;margin-top:50px;padding-top:40px;border-top:1px solid #eee}.workshop-details h2{font-size:1.5rem;margin-bottom:20px;color:#333}.workshop-details ul{list-style:none;padding:0}.workshop-details li{font-size:1.1rem;color:#455a64;margin-bottom:12px;display:flex;align-items:center;gap:10px}.workshop-details li:before{content:"✦";color:#7ee8a2;font-weight:700}.notify-box{margin-top:40px;padding:20px;background:#fff8e1;border-radius:10px;color:#827717;font-weight:600}.courses-page{min-height:100vh;background:transparent}.courses-main-full{max-width:1200px;margin:0 auto;padding:60px 20px;display:block}.courses-intro{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.courses-intro h1{font-size:3rem;color:#7ee8a2;margin-bottom:15px}.courses-intro p{font-size:1.2rem;color:#666}.courses-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.course-card-full{background:var(--bg-card);padding:30px;border-radius:16px;box-shadow:0 10px 25px #0000000d;transition:all .3s ease;border:1px solid #eee;display:flex;flex-direction:column}.course-card-full:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-color:#7ee8a2}.course-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.active{background:#7ee8a2;box-shadow:0 0 10px #7ee8a2}.status-dot.coming-soon{background:#ffc107}.course-card-full h3{font-size:1.4rem;margin-bottom:12px;color:#333}.course-desc-full{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1}.course-benefits-full{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.benefit-pill{background:#f0f7f0;color:#7ee8a2;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.course-meta{display:flex;gap:20px;margin-bottom:25px;padding-top:15px;border-top:1px solid #f0f0f0}.course-meta span{font-size:.85rem;color:#888}.enroll-btn{display:block;text-align:center;width:100%;padding:12px;background:#7ee8a2;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background .2s;border:none}.enroll-btn:hover:not(.disabled){background:#7ee8a2}.enroll-btn.disabled{background:#ccc;cursor:not-allowed}.cheatsheets-main,.scripts-main,.ai-workshop-main,.courses-main-full,.sheet-content,.toolkit-main,.shortcuts-main,.other-main,.games-main,.linux-main{display:block!important}.section-title{font-size:1.8rem;color:#333;margin-bottom:25px;border-left:4px solid #7ee8a2;padding-left:15px}.sheet-card.ai-theme:hover{border-color:#7ee8a2;background:#f0fdfa}.sheet-card.ai-theme .sheet-category{color:#7ee8a2}.sheet-card.toolkit-theme:hover{border-color:#d32f2f;background:#fff5f5}.sheet-card.toolkit-theme .sheet-category{color:#d32f2f}.sheet-card.shortcut-theme:hover{border-color:#673ab7;background:#f3e5f5}.sheet-card.shortcut-theme .sheet-category{color:#673ab7}.sheet-card.other-theme:hover{border-color:#607d8b;background:#eceff1}.sheet-card.other-theme .sheet-category{color:#607d8b}.sheet-card.game-theme:hover{border-color:#e91e63;background:#fce4ec}.sheet-card.game-theme .sheet-category{color:#e91e63}.sheet-card.linux-theme:hover{border-color:#333;background:#f5f5f5}.sheet-card.linux-theme .sheet-category{color:#333}@media(max-width:900px){.home-content{grid-template-columns:1fr;gap:40px}}@media(max-width:600px){.app-header{padding:15px;flex-wrap:wrap;gap:10px;justify-content:center}.header-title{order:3;width:100%;text-align:center;font-size:1rem}.courses-intro h1{font-size:2rem}.courses-intro p{font-size:1rem}.courses-main-full{padding:30px 15px}.courses-grid-full{grid-template-columns:1fr;gap:20px}.course-card-full{padding:20px}.logo-box{font-size:1.2rem}.bio-section h1{font-size:2rem}.social-links{flex-direction:column;width:100%}.portfolio-btn,.courses-btn,.whatsapp-btn{text-align:center;width:100%}.cheatsheets-grid{grid-template-columns:1fr}.sheet-header h1,.workshop-hero h1{font-size:2rem}.workshop-hero{padding:30px 20px}.content-h2{font-size:1.4rem}footer{padding:20px 15px}}.workshop-container{max-width:1200px;margin:0 auto;padding:60px 40px}.workshop-intro{text-align:center;margin-bottom:60px}.workshop-intro h1{font-size:3rem;color:#7ee8a2;margin:20px 0;font-weight:800}.subtitle{font-size:1.25rem;color:#666;max-width:700px;margin:0 auto}.status-badge.active{background:#7ee8a2;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px;display:inline-block}.modules-grid-workshop{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:60px}.module-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:30px;display:flex;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.module-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014;border-color:#7ee8a2}.module-id{font-size:2rem;font-weight:800;color:#2e7d321a;line-height:1}.module-content h3{font-size:1.25rem;margin-bottom:12px;color:#333}.module-content p{font-size:.95rem;color:#666;margin-bottom:20px;line-height:1.5}.explore-btn{color:#7ee8a2;text-decoration:none;font-weight:700;font-size:.9rem;display:inline-block;transition:gap .2s}.explore-btn:hover{text-decoration:underline}.workshop-footer{text-align:center;border-top:1px solid var(--border-color);padding-top:40px}.directory-callout{margin-bottom:20px}.directory-link{font-size:1.1rem;font-weight:700;color:#7ee8a2;text-decoration:none}.footer-tagline{font-size:.8rem;color:#999;letter-spacing:2px;font-weight:600}@media(max-width:768px){.workshop-intro h1{font-size:2rem}.modules-grid-workshop{grid-template-columns:1fr}.workshop-container{padding:40px 20px}}.ai-workshop-page main{display:block;max-width:1200px;margin:0 auto;padding:60px 20px}.modules-grid-workshop{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.ai-workshop-page{background:transparent;min-height:100vh}.workshop-intro h1{font-size:3.5rem;letter-spacing:-1px;margin-bottom:15px}.modules-grid-workshop{margin-top:40px;perspective:1000px}.module-card{border:1px solid rgba(46,125,50,.1);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #00000005}.module-card:hover{border-color:#7ee8a2;box-shadow:0 20px 40px #2e7d321a;background:var(--bg-card)}.module-id{font-family:Inter,sans-serif;opacity:.2;transition:opacity .3s}.module-card:hover .module-id{opacity:.5;color:#7ee8a2}.module-intro-container{max-width:900px!important;margin:0 auto;padding:80px 20px;display:block!important}.intro-hero{text-align:center;margin-bottom:60px}.intro-content-placeholder{display:flex;flex-direction:column;gap:40px}.content-card{background:var(--bg-card);border:1px solid var(--border-color);padding:40px;border-radius:12px;box-shadow:var(--shadow)}.content-card h2{color:#7ee8a2;margin-bottom:20px}.placeholder-text-block{margin-top:30px;padding:20px;background:#f8f9fa;border:1px dashed #ccc;color:#888;text-align:center;border-radius:6px}.cta-container{text-align:center;padding:40px;background:#2e7d320d;border-radius:12px;border:1px solid rgba(46,125,50,.1)}.primary-cta-btn{display:inline-block;margin-top:20px;background:#7ee8a2;color:#fff!important;padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s;box-shadow:0 4px 15px #2e7d324d}.primary-cta-btn:hover{background:#7ee8a2;transform:translateY(-2px);box-shadow:0 6px 20px #2e7d3266}.header-nav-actions{display:flex;align-items:center;gap:20px}.skip-link{color:#666;text-decoration:none;font-size:.85rem;font-weight:600;transition:color .2s}.skip-link:hover{color:#7ee8a2}.hero-prediction{font-size:4.5rem!important;line-height:1;margin-bottom:10px!important;color:#7ee8a2;font-weight:900!important}.hero-cta-box{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.primary-cta-btn.mini{padding:10px 25px;font-size:.9rem}.vision-card.warning{display:flex;gap:20px;background:#fff8e1;border:1px solid #ffe082;padding:25px;border-radius:12px;margin-bottom:40px;align-items:center}.vision-icon{font-size:2rem}.stat-visualization{text-align:center;margin:40px 0}.stat-grid{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.stat-dot{width:20px;height:20px;border-radius:50%;background:#e0e0e0}.stat-dot.highlight{background:#7ee8a2;box-shadow:0 0 15px #2e7d3266;transform:scale(1.2)}.shift-container{margin:60px 0;text-align:center}.shift-flex{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.shift-item{flex:1;padding:30px;background:#f8f9fa;border-radius:12px;border:1px solid var(--border-color)}.shift-item.present{background:#e8f5e9;border-color:#7ee8a2}.shift-arrow{font-size:2rem;color:#ccc}.intern-army-viz{margin:80px 0;background:#2d2d2d;padding:60px 40px;border-radius:20px;color:#fff;text-align:center}.army-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:40px 0}.army-card{background:#ffffff0d;padding:20px;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s}.army-card:hover{background:#ffffff1a;border-color:#7ee8a2;transform:translateY(-5px)}.army-card .card-title{font-weight:800;color:#7ee8a2;margin-bottom:10px;letter-spacing:1px}.glance-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.glance-item{display:flex;gap:15px;padding:15px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.g-id{font-weight:900;color:#7ee8a2;font-size:1.1rem}.final-cta{margin:80px 0;text-align:center}.army-card{position:relative;overflow:hidden;min-height:160px;display:flex;flex-direction:column;justify-content:center}.card-hover-detail{position:absolute;top:0;left:0;width:100%;height:100%;background:#7ee8a2;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.85rem;font-weight:500;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}.army-card:hover .card-hover-detail{transform:translateY(0)}.agent-callout{margin:60px auto 20px;max-width:700px;padding:30px;border:1px solid rgba(76,175,80,.3);background:#4caf500d;border-radius:15px;text-align:center}.agent-badge{background:#7ee8a2;color:#fff;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:800;display:inline-block;margin-bottom:15px}.agent-callout h3{color:#81c784;margin-bottom:15px}.agent-callout p{color:#ccc;font-size:1rem;line-height:1.6}.workshop-root-container{background:transparent;min-height:100vh;padding-bottom:4rem}.workshop-content-wrapper{max-width:900px;margin:0 auto;padding:40px 20px}.hero-section-v2{background:#1a1a1a;color:#fff;border-radius:20px;padding:4rem 3rem;margin-bottom:2rem;position:relative;overflow:hidden}.hero-grid-v2{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px}.hero-badge-v2{background:#7ee8a2;color:#fff;padding:6px 16px;border-radius:4px;font-size:.7rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;display:inline-block;margin-bottom:2rem;position:relative}.hero-stat-v2{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem;position:relative}.big-stat{font-size:5rem;font-weight:900;color:#7ee8a2;line-height:1}.hero-headline-v2{font-size:2.5rem;font-weight:800;margin:1.5rem 0;position:relative;line-height:1.1}.hero-sub-v2{font-size:1.1rem;opacity:.8;max-width:600px;line-height:1.6;position:relative}.hero-cta-row-v2{display:flex;gap:15px;margin-top:3rem;position:relative}.btn-primary-v2{background:#7ee8a2;color:#fff!important;border:none;padding:12px 28px;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none}.btn-ghost-v2{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.2);padding:12px 28px;border-radius:8px;font-weight:500;cursor:pointer}.nav-pills-v2{display:flex;gap:10px;margin-bottom:2rem;flex-wrap:wrap}.nav-pill-v2{background:var(--bg-card);border:1px solid #ddd;padding:8px 16px;border-radius:30px;font-size:.8rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s}.nav-pill-v2:hover{background:transparent}.section-v2{margin-bottom:2rem}.section-card-v2{background:var(--bg-card);border:1px solid #e1e4e8;border-radius:20px;padding:3rem}.tag-v2{display:inline-block;padding:4px 12px;border-radius:4px;font-size:.7rem;font-weight:800;text-transform:uppercase;margin-bottom:1.5rem}.tag-green{background:#e8f5e9;color:#7ee8a2}.tag-green-accent{background:#7ee8a2;color:#fff}.section-title-v2{font-size:1.8rem;font-weight:800;margin-bottom:1rem;color:#333}.stats-row-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:2rem}.stat-card-v2{background:#f8f9fa;padding:20px;border-radius:12px;text-align:center}.stat-num-v2{font-size:2.2rem;font-weight:900;color:#7ee8a2;display:block}.stat-label-v2{font-size:.8rem;color:#666;line-height:1.4}.timeline-v2{margin-top:3rem;border-left:2px solid #e1e4e8;padding-left:2rem}.tl-item-v2{position:relative;margin-bottom:2rem}.tl-dot-v2{position:absolute;left:-2.4rem;top:5px;width:12px;height:12px;border-radius:50%;background:#ddd;border:3px solid white}.tl-dot-v2.accent{background:#7ee8a2}.tl-year-v2{font-size:.75rem;font-weight:800;color:#999;text-transform:uppercase;margin-bottom:.5rem}.tl-event-v2{font-size:.95rem;color:#444}.shift-visual-v2{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:2rem}.shift-box-v2{background:#f8f9fa;padding:2rem;border-radius:15px;text-align:center}.shift-box-v2.new-way{border:2px solid #7ee8a2;background:#f1f8e9}.shift-icon-v2{font-size:2.5rem;display:block;margin-bottom:1rem}.shift-label-v2{font-size:.7rem;font-weight:800;text-transform:uppercase;display:block;margin-bottom:.5rem}.shift-desc-v2{font-size:.9rem;color:#666}.intern-army-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:2rem}.intern-card-v2{background:#f8f9fa;padding:20px;border-radius:12px;text-align:center;border:1px solid #eee}.intern-icon-v2{font-size:2rem;display:block;margin-bottom:.5rem}.intern-role-v2{font-size:.8rem;font-weight:800;margin-bottom:.3rem}.intern-desc-v2{font-size:.7rem;color:#777;line-height:1.4}.wf-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:2rem}.wf-card-v2{background:var(--bg-card);border:1px solid #eee;padding:20px;border-radius:12px;cursor:pointer;transition:all .2s}.wf-card-v2:hover{border-color:#7ee8a2;transform:translateY(-3px)}.wf-card-v2.active{border-color:#7ee8a2;border-width:2px}.wf-num-v2{font-size:.7rem;font-weight:800;color:#7ee8a2;margin-bottom:.5rem}.wf-name-v2{font-size:.9rem;font-weight:800;margin-bottom:.3rem}.wf-tagline-v2{font-size:.75rem;color:#777}.wf-detail-v2{margin-top:2rem;padding:2.5rem;border:2px solid #7ee8a2;border-radius:15px;background:#f1f8e9;animation:fadeIn .4s ease-out}.wf-detail-head-v2{display:flex;gap:20px;align-items:center;margin-bottom:2rem}.wf-detail-icon-v2{font-size:3rem}.wf-detail-name-v2{font-size:1.5rem;font-weight:800}.wf-detail-body-v2{font-size:1rem;line-height:1.6;color:#444;margin-bottom:2rem}.step-item-v2{display:flex;gap:15px;background:var(--bg-card);padding:15px;border-radius:8px;margin-bottom:10px;border:1px solid #eee}.step-num-v2{font-weight:900;color:#7ee8a2}.wf-prompt-box-v2{margin-top:2rem;background:#2d2d2d;color:#fff;padding:20px;border-radius:10px;border-left:5px solid #7ee8a2}.wf-prompt-label-v2{font-size:.7rem;font-weight:800;color:#7ee8a2;margin-bottom:10px;text-transform:uppercase}.wf-prompt-text-v2{font-family:monospace;font-size:.9rem;line-height:1.5}.practice-btn-v2{display:inline-block;margin-top:2rem;background:#7ee8a2;color:#fff!important;padding:12px 25px;border-radius:8px;font-weight:700;text-decoration:none}.reframe-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:2rem}.reframe-card-v2{padding:2rem;border-radius:15px}.reframe-card-v2.old{background:#f8f9fa;border:1px solid #eee}.reframe-card-v2.new{background:#f1f8e9;border:2px solid #7ee8a2}.reframe-label-v2{font-size:.7rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem;display:block}.reframe-item-v2{font-size:.9rem;margin-bottom:10px}.bottom-bar-v2{background:#1a1a1a;color:#fff;padding:2rem 3rem;border-radius:20px;display:flex;justify-content:space-between;align-items:center;margin-top:3rem}.bottom-bar-text-v2{max-width:500px;line-height:1.5}.agent-callout-v2{margin-top:40px;background:#2d2d2d;color:#fff;padding:40px;border-radius:15px;border:1px solid rgba(76,175,80,.3);text-align:center}.agent-badge-v2{background:#7ee8a2;padding:4px 12px;border-radius:4px;font-size:.7rem;font-weight:800;margin-bottom:20px;display:inline-block}.module-detail-layout{display:flex;height:calc(100vh - 60px);background:transparent}.module-sidebar{width:300px;border-right:1px solid #e1e4e8;background:var(--bg-card);padding:30px;display:flex;flex-direction:column;gap:30px}.sidebar-header .module-tag{font-size:.7rem;font-weight:800;color:#7ee8a2;letter-spacing:1px;display:block;margin-bottom:5px}.sidebar-header h3{font-size:1.1rem;color:#333}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.nav-item{text-align:left;padding:12px 15px;border-radius:8px;border:1px solid transparent;background:transparent;font-size:.9rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.nav-item:hover{background:#f8f9fa;color:#7ee8a2}.nav-item.active{background:#e8f5e9;color:#7ee8a2;border-color:#7ee8a2}.module-content-area{flex:1;overflow-y:auto;padding:60px 80px}.section-badge{font-size:.7rem;font-weight:800;color:#7ee8a2;background:#4caf501a;padding:4px 10px;border-radius:4px;margin-bottom:20px;display:inline-block}.content-section-v2 h1{font-size:2.5rem;font-weight:800;margin-bottom:30px;color:#333}.content-body p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:40px}.dummy-content-block{background:var(--bg-card);border:1px solid #eee;padding:40px;border-radius:12px;box-shadow:var(--shadow)}.dummy-content-block h3{color:#7ee8a2;margin-bottom:20px}.logic-list{margin-top:20px;padding-left:20px;display:flex;flex-direction:column;gap:12px;color:#666}.section-footer-nav{margin-top:60px;display:flex;gap:20px;border-top:1px solid #eee;padding-top:40px}.footer-nav-btn{padding:12px 25px;border-radius:8px;font-weight:700;cursor:pointer;background:var(--bg-card);border:1px solid #ddd;color:#666}.footer-nav-btn.next{background:#7ee8a2;color:#fff;border:none}@media(max-width:1024px){.module-detail-layout{flex-direction:column;height:auto}.module-sidebar{width:100%;border-right:none;border-bottom:1px solid #e1e4e8}.module-content-area{padding:40px 20px}}@media(max-width:768px){.header-title.mobile-hide{display:none}.sidebar-toggle{display:block!important;background:none;border:none;font-size:1.5rem;color:#7ee8a2;cursor:pointer;padding:0 10px}.module-sidebar{position:fixed;left:-100%;top:60px;bottom:0;width:280px;z-index:1000;transition:left .3s ease;box-shadow:10px 0 30px #0000001a}.module-sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:60px 0 0;background:#00000080;z-index:999}.module-content-area{padding:30px 20px}.hero-section-v2{padding:3rem 1.5rem}.hero-prediction{font-size:2.5rem!important}.big-stat{font-size:3rem}.hero-headline-v2{font-size:1.8rem}.hero-cta-row-v2{flex-direction:column;width:100%}.hero-cta-row-v2 button{width:100%}.stats-row-v2,.shift-visual-v2{grid-template-columns:1fr}.shift-arrow-v2{transform:rotate(90deg);margin:10px 0}.intern-army-v2{grid-template-columns:1fr 1fr}.wf-grid-v2,.reframe-grid-v2{grid-template-columns:1fr}.section-card-v2{padding:1.5rem}.bottom-bar-v2{flex-direction:column;text-align:center;padding:2rem}.bottom-bar-v2 .btn-primary-v2{width:100%;margin-top:20px}}.sidebar-toggle{display:none}.header-left{display:flex;align-items:center;gap:10px}.desktop-only{display:block}.header-actions{display:flex;align-items:center}@media(max-width:768px){.desktop-only{display:none}.app-header{padding:0 15px;height:60px}.handle-link{font-size:.8rem}}.logo-link{text-decoration:none}.header-actions .handle-link{color:#7ee8a2;font-weight:700;text-decoration:none;border-bottom:1px solid transparent;transition:border .2s}.header-actions .handle-link:hover{border-bottom-color:#7ee8a2}@media(max-width:480px){.big-stat{font-size:4rem}.hero-headline-v2{font-size:1.5rem}.section-card-v2{padding:1.25rem}.stat-num-v2{font-size:1.8rem}}.app-header{width:100%!important;padding:0 5%!important;justify-content:space-between!important}.header-left,.header-actions{flex:0 0 auto}.header-title.desktop-only{flex:1;text-align:center}@media(max-width:768px){.logo-box.mini{padding:3px 8px!important}.logo-box.mini span:first-child{font-size:.6rem!important}.logo-box.mini span:last-child{font-size:.5rem!important}.app-header{padding:0 4%!important}}.module-detail-page{background:transparent;min-height:100vh;display:flex;flex-direction:column}.module-detail-layout{display:flex;flex:1;height:auto!important}.module-content-area{background:var(--bg-card)}.app-header{height:70px!important}.module-detail-layout{min-height:calc(100vh - 70px)}@media(max-width:768px){.app-header{height:60px!important}.module-detail-layout{min-height:calc(100vh - 60px)}.module-sidebar,.sidebar-overlay{top:60px!important}}.mastery-content h3{font-size:1.5rem;font-weight:800;margin:40px 0 20px;color:#333}.definition-box{background:#1a1a1a;color:#fff;padding:40px;border-radius:15px;margin-bottom:40px;border-left:6px solid #7ee8a2}.def-header{font-size:.7rem;font-weight:800;color:#7ee8a2;letter-spacing:2px;margin-bottom:15px}.definition-box p{font-size:1.25rem;line-height:1.6;color:#eee!important;margin-bottom:20px!important}.reframe-note{background:#ffffff0d;padding:20px;border-radius:8px;font-size:.95rem;color:#ccc;font-style:italic}.logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logic-card{padding:30px;border-radius:12px;border:1px solid #eee}.logic-card span{font-size:.65rem;font-weight:800;display:block;margin-bottom:10px}.logic-card.wrong{border-top:4px solid #e57373}.logic-card.right{border-top:4px solid #7ee8a2;background:#f1f8e9}.logic-card h4{margin-bottom:10px}.logic-card p{font-size:.85rem;color:#666;margin:0!important}.layer-stack{display:flex;flex-direction:column-reverse;gap:10px;margin-top:30px}.layer{background:var(--bg-card);border:1px solid #ddd;padding:20px;border-radius:8px;transition:transform .2s}.layer:hover{transform:translate(10px);border-color:#7ee8a2}.layer-label{font-size:.7rem;font-weight:900;color:#7ee8a2;display:block;margin-bottom:5px}.layer.context{background:#e8f5e9;border-color:#c8e6c9}.layer.task{background:#f1f8e9}.core-insight-callout{background:transparent;border:2px dashed #7ee8a2;padding:40px;border-radius:15px;margin:60px 0;text-align:center}.insight-badge{background:#7ee8a2;color:#fff;padding:4px 12px;border-radius:4px;font-size:.7rem;font-weight:800;display:inline-block;margin-bottom:20px}.core-insight-callout p{font-size:1.2rem;color:#333;line-height:1.6;margin:0!important}.activity-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#f8f9fa;padding:40px;border-radius:15px}.roadmap-col h4{color:#7ee8a2;margin-bottom:20px;font-weight:800}.roadmap-col ul{padding-left:20px;display:flex;flex-direction:column;gap:12px}.roadmap-col li{font-size:.9rem;color:#555}.share-link-box{margin-top:60px;padding:20px;background:#f1f1f1;border-radius:8px;display:flex;flex-direction:column;gap:10px}.share-link-box span{font-size:.75rem;font-weight:700;color:#999}.share-link-box code{font-size:.8rem;color:#7ee8a2;word-break:break-all}.definition-box.green{border-left-color:#7ee8a2;background:#f1f8e9;color:#333}.definition-box.green .def-header{color:#7ee8a2}.definition-box.green p{color:#333!important}.glance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.glance-card{background:var(--bg-card);border:1px solid #eee;padding:20px;border-radius:10px}.g-label{font-size:.65rem;font-weight:800;color:#7ee8a2;display:block;margin-bottom:8px;letter-spacing:1px}.glance-card p{font-size:.85rem;color:#666;margin:0!important}.mastery-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:20px;margin-top:20px}.mastery-list li{padding-left:30px;position:relative;font-size:.95rem;line-height:1.6;color:#444}.mastery-list li:before{content:"?";position:absolute;left:0;color:#7ee8a2;font-weight:800}.pro-tip-box{background:#1a1a1a;color:#fff;padding:40px;border-radius:15px;margin:60px 0;position:relative;text-align:center}.pro-tip-badge{background:#f5a623;color:#000;padding:4px 10px;border-radius:4px;font-size:.65rem;font-weight:900;display:inline-block;margin-bottom:20px}.pro-tip-box blockquote{font-size:1.3rem;font-style:italic;line-height:1.5;margin-bottom:20px;color:#eee}.pro-tip-box cite{font-size:.8rem;color:#888;font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media(max-width:600px){.glance-grid{grid-template-columns:1fr}}.logic-card,.glance-card,.intern-card-v2,.wf-card-v2,.step-item-v2{border:1.5px solid #eee!important;border-top-width:1.5px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:var(--bg-card);overflow:hidden}.logic-card:hover,.glance-card:hover,.intern-card-v2:hover,.wf-card-v2:hover,.step-item-v2:hover{border-color:#7ee8a2!important;transform:translateY(-5px);box-shadow:0 10px 25px #2e7d321a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-section-v2{animation:slideUpFade .5s ease-out forwards}.definition-box.dark{background:#1a1a1a!important;color:#fff!important;border:none!important;border-left:6px solid #7ee8a2!important}.definition-box.dark{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;padding:35px;position:relative;overflow:hidden}.definition-box.dark:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#7ee8a2}.definition-box.dark p{color:#d1d1d1!important;font-size:1.1rem}.definition-box.dark .def-header{color:#7ee8a2!important;font-weight:900;letter-spacing:2px}.logic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:40px 0}.logic-card{background:var(--bg-card);padding:30px;border-radius:12px;border:1px solid #eee;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.logic-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-color:#7ee8a2}.logic-card span{font-size:.65rem;font-weight:900;color:#7ee8a2;letter-spacing:1.5px;text-transform:uppercase}.logic-card h4{margin:10px 0;font-size:1.2rem;color:#111}.prompt-mapper-v2{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin:50px 0;padding:40px;box-shadow:0 20px 40px #0006}.mapper-header{font-size:.7rem;font-weight:900;color:#64748b;margin-bottom:25px;letter-spacing:3px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.prompt-display p{font-family:JetBrains Mono,DM Mono,monospace;font-size:1rem;padding:16px 20px;margin:8px 0!important;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#e2e8f0;transition:background .2s}.prompt-display p:hover{background:#ffffff12}.map-tag{font-size:.6rem;font-weight:900;padding:5px 10px;border-radius:4px;color:#fff;letter-spacing:1px}.mapped-line.role .map-tag{background:#7ee8a2}.mapped-line.task .map-tag{background:#3b82f6}.mapped-line.instruction .map-tag{background:#f59e0b}.mapped-line.data .map-tag{background:#8b5cf6}.mapped-line.role{border-left:4px solid #7ee8a2}.mapped-line.task{border-left:4px solid #3b82f6}.mapped-line.instruction{border-left:4px solid #f59e0b}.mapped-line.data{border-left:4px solid #8b5cf6}.failure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:40px}.failure-card{background:var(--bg-card);padding:30px;border-radius:16px;border:1px solid #f1f1f1;text-align:center;transition:transform .3s ease;box-shadow:0 4px 12px #00000008}.failure-card:hover{transform:scale(1.03);border-color:#fee2e2}.f-icon{font-size:2rem;color:#ef4444;margin-bottom:20px;font-weight:900;display:inline-block;background:#fef2f2;width:60px;height:60px;line-height:60px;border-radius:50%}.checklist-v2{background:var(--bg-card);padding:40px;border-radius:20px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:20px;box-shadow:0 25px 50px -12px #0000000d}.check-item{display:flex;gap:20px;align-items:center;padding:20px;border-radius:12px;background:var(--bg-card);border:1px solid #f1f5f9;transition:all .2s}.check-item:hover{background:transparent}.check-item.highlight{background:transparent;border:1px solid #dcfce7}.check-mark{color:#7ee8a2;font-weight:900;font-size:1.5rem}.crispe-pillar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:40px}.pillar-card{background:#000;padding:25px;border-radius:12px;border:1px solid var(--border-color);text-align:center}.p-num{font-size:2rem;font-weight:900;color:#7ee8a2;display:block;margin-bottom:10px}.sidebar-separator{padding:20px 10px 10px;font-size:.65rem;font-weight:900;color:#999;letter-spacing:1px;border-top:1px solid #eee;margin-top:20px}.method-link{background:#1a1a1a!important;color:#fff!important;margin-top:5px!important}.workflows-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.wf-summary-card{background:var(--bg-card);padding:15px;border-radius:8px;border:1px solid #eee}@media(max-width:768px){.workflows-summary-grid{grid-template-columns:1fr 1fr}.logic-grid{grid-template-columns:1fr}}.sidebar-dropdown-group{margin-top:15px;border-top:1px solid #eee;padding-top:15px}.dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:none;padding:12px 15px;border-radius:8px;cursor:pointer;font-size:.65rem;font-weight:800;color:#7ee8a2;letter-spacing:1px;transition:background .2s}.dropdown-trigger:hover{background:transparent}.dropdown-trigger .arrow{font-size:.5rem;transition:transform .2s}.dropdown-content{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding-left:10px}.nav-item.sub-item{font-size:.8rem!important;padding:8px 12px!important;background:transparent!important;border:1.5px solid transparent!important;color:#94a3b8!important}.nav-item.sub-item:hover{color:#7ee8a2!important;background:#22c55e0d!important}.nav-item.sub-item.active{background:#7ee8a2!important;color:#000!important;font-weight:700!important;border-color:#7ee8a2!important}.roadmap-v2{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px;border-top:1.5px solid #eee;padding-top:40px}.segment-label{font-size:.65rem;font-weight:900;padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:20px;letter-spacing:1px}.segment-label.past{background:transparent;color:#666}.segment-label.future{background:#e8f5e9;color:#7ee8a2}.segment-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.segment-list li{font-size:.85rem;color:#555;line-height:1.5;padding-left:15px;position:relative}.segment-list li:before{content:"•";position:absolute;left:0;color:#7ee8a2}@media(max-width:600px){.roadmap-v2{grid-template-columns:1fr;gap:40px}}.text-expansion{margin:40px 0}.text-expansion p{font-size:1.1rem;line-height:1.8;color:#444;margin-bottom:20px!important}.example-bank{margin-top:60px;padding-top:40px;border-top:2px solid #eee}.bank-header{font-size:.7rem;font-weight:900;color:#7ee8a2;letter-spacing:2px;margin-bottom:30px}.example-grid{display:grid;grid-template-columns:1fr;gap:30px}.example-item{background:#000;padding:30px;border-radius:12px;border:1px solid var(--border-color)}.example-item h4{margin-bottom:15px;color:#333;font-weight:800}.prompt-box{background:#1a1a1a;color:#7ee8a2;padding:20px;border-radius:8px;font-family:DM Mono,monospace;font-size:.9rem;line-height:1.5;margin-bottom:15px;white-space:pre-wrap}.example-note{font-size:.85rem;color:#666;font-style:italic;margin:0!important}.module-card.disabled{opacity:.6;filter:grayscale(.8);pointer-events:none;border-color:#ffffff0d!important;background:#ffffff05!important}.coming-soon-badge{font-size:.65rem;font-weight:900;padding:6px 12px;background:#ffffff0d;color:#64748b;border-radius:4px;letter-spacing:1px;border:1px solid rgba(255,255,255,.1)}.tool-card{display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card.highlight{border-color:#00f3ff4d!important;background:linear-gradient(145deg,#00f3ff0d,#ff00ff0d)!important}.tool-link{display:inline-block;margin-top:15px;color:var(--primary-accent);text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:8px 12px;background:#ffffff0d;border-radius:4px;width:fit-content;transition:all .2s ease}.tool-link:hover{background:var(--primary-accent);color:#000;transform:translate(5px)}.guiding-questions-box{background:#000;border:1px solid var(--primary-accent);border-left:6px solid var(--primary-accent);padding:30px;border-radius:4px;margin:40px 0;position:relative;overflow:hidden;box-shadow:0 0 30px #a3e6350d}.guiding-questions-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,243,255,.03),transparent);pointer-events:none}.box-label{font-size:.7rem;font-weight:900;color:var(--primary-accent);letter-spacing:2px;margin-bottom:20px;opacity:.8}.questions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.q-item{font-size:.95rem;color:#e2e8f0;display:flex;align-items:center;gap:12px}.q-item span{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--primary-accent);font-weight:900}.q-item strong{color:#fff;border-bottom:2px solid var(--primary-accent)}.crispe-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin:30px 0}.crispe-breakdown-grid .logic-card{text-align:center;padding:20px 10px}.crispe-breakdown-grid .logic-card span{font-size:1.5rem;font-weight:900;color:var(--primary-accent);display:block;margin-bottom:10px;opacity:1}.crispe-breakdown-grid .logic-card h4{font-size:.85rem;margin-bottom:8px}.crispe-breakdown-grid .logic-card p{font-size:.75rem;line-height:1.4}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}.analysis-box{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:24px;transition:all .3s ease}.analysis-box h4{font-size:.75rem;font-weight:900;letter-spacing:2px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.analysis-box.benefits h4{color:#7ee8a2}.analysis-box.challenges h4{color:#f43f5e}.analysis-box ul{list-style:none;padding:0;margin:0}.analysis-box ul li{font-size:.85rem;color:#94a3b8;margin-bottom:10px;padding-left:18px;position:relative;line-height:1.5}.analysis-box ul li:before{content:"•";position:absolute;left:0;color:#7ee8a2}.text-expansion ul{margin:15px 0;padding-left:20px}.text-expansion ul li{margin-bottom:12px;color:#cbd5e1;line-height:1.6}.text-expansion ul li strong{color:#7ee8a2}@media(max-width:1100px){.hub-grid{grid-template-columns:1fr}.hub-sidebar{order:2}}@media(max-width:768px){.hub-container{padding:80px 12px 60px!important}.hub-header{flex-direction:column;align-items:center;text-align:center;gap:20px}.hub-title-area h1{font-size:2.2rem}.course-grid-v4,.hub-grid,.wf-grid-v3,.logic-grid,.courses-grid-hub{display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px!important}.course-card-v4,.wf-card-v4,.sidebar-card-v4,.definition-box,.hub-course-card{width:100%!important;max-width:450px!important;margin:0 auto!important;padding:20px!important}}