.start-theme-wrapper{background:radial-gradient(circle at 75% 30%,#0a2110,#040905);min-height:100vh;width:100%;position:relative;overflow:hidden;--start-neon:#39ff14;--start-glow:rgba(57,255,20,0.4);--start-border:rgba(57,255,20,0.2);--start-card:rgba(8,26,12,0.8);--start-text:#e0faec}.start-theme-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(57,255,20,.02) 0,rgba(57,255,20,.02) 4px);pointer-events:none;z-index:0}.start-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 450px;grid-gap:4rem;gap:4rem;padding:8rem 4rem 4rem;max-width:1400px;margin:0 auto;font-family:Space Grotesk,monospace;align-items:start}@media (max-width:1024px){.start-container{grid-template-columns:1fr;padding:8rem 2rem 4rem}}.terminal-section{max-width:800px;width:100%}.mascot-section{position:-webkit-sticky;position:sticky;top:8rem;display:flex;justify-content:center;align-items:flex-start;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.onboarding-mascot{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 0 30px var(--start-glow)) drop-shadow(0 15px 25px rgba(0,0,0,.5));z-index:10}.terminal-header{margin-bottom:3rem;text-align:left}.terminal-header h1{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,var(--start-neon));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px var(--start-glow))}.terminal-header p{color:var(--start-text);font-size:1.1rem;opacity:.8}.section-tag.green-tag{color:var(--start-neon);border-color:var(--start-border);background:rgba(57,255,20,.05);text-shadow:0 0 10px var(--start-glow)}.timeline{display:flex;flex-direction:column;gap:2rem;position:relative;margin-bottom:4rem}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--start-border);z-index:0}.step-card{position:relative;z-index:1;display:flex;gap:1.5rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-indicator{width:42px;height:42px;border-radius:50%;background:var(--start-card);border:2px solid var(--start-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--start-neon);box-shadow:0 0 10px rgba(0,0,0,.5);flex-shrink:0;font-family:Outfit,sans-serif;transition:all .3s ease}.step-card.active .step-indicator{background:var(--start-neon);color:#000;box-shadow:0 0 25px var(--start-glow);border-color:var(--start-neon)}.step-card.completed .step-indicator{border-color:var(--start-neon);color:var(--start-neon);box-shadow:0 0 15px var(--start-glow);background:transparent}.step-content{background:var(--start-card);border:1px solid var(--start-border);border-radius:8px;padding:2rem;flex:1 1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.step-card.active .step-content{border-color:var(--start-neon);box-shadow:0 0 30px rgba(57,255,20,.1)}.step-title{font-size:1.3rem;font-weight:700;color:white;margin-bottom:.75rem;font-family:Outfit,sans-serif}.step-desc{color:var(--start-text);opacity:.9;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.code-block{background:rgba(0,5,2,.8);border:1px solid var(--start-border);border-radius:6px;padding:1.25rem;position:relative;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;color:var(--start-neon);white-space:pre-wrap;line-height:1.5;box-shadow:inset 0 0 20px rgba(0,0,0,.8)}.code-block:before{content:"TERMINAL";position:absolute;top:0;right:0;background:var(--start-border);padding:.2rem .6rem;font-size:.6rem;color:var(--start-neon);border-bottom-left-radius:6px;letter-spacing:1px}.typewriter-text{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--start-neon);animation:blink 1s step-end infinite}.copy-btn{position:absolute;bottom:.5rem;right:.5rem;background:rgba(57,255,20,.1);border:1px solid var(--start-border);color:var(--start-neon);padding:.3rem .8rem;font-size:.7rem;border-radius:4px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--start-neon);color:#000}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--start-neon)}}.action-bar{display:flex;justify-content:flex-start;margin-top:2rem;padding-bottom:4rem}.btn-continue{background:linear-gradient(135deg,#1f8015,var(--start-neon));border:none;color:#000;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1rem;padding:1.2rem 3rem;border-radius:4px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px var(--start-glow);display:inline-flex;align-items:center;gap:.5rem}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--start-glow),0 0 30px rgba(57,255,20,.5);background:linear-gradient(135deg,#249918,#4dff2b)}.btn-continue:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.3);cursor:not-allowed;transform:none;box-shadow:none}.diagnostics-section{grid-column:1/-1;margin-top:2rem;border-top:1px dashed var(--start-border);padding-top:4rem}.diagnostics-header{margin-bottom:2rem}.diagnostics-header h2{font-family:Outfit,sans-serif;color:white;font-size:2rem;margin-bottom:.5rem}.diagnostics-header p{color:var(--start-text);opacity:.8}.diag-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.diag-grid{grid-template-columns:1fr}}.diag-card{background:rgba(0,0,0,.4);border:1px solid var(--start-border);border-radius:6px;padding:1.5rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3)}.diag-card:hover{background:var(--start-card);border-color:rgba(57,255,20,.4);transform:translateY(-2px)}.diag-card.expanded{border-color:var(--start-neon);box-shadow:0 0 20px rgba(57,255,20,.15);background:rgba(8,26,12,.9)}.diag-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.diag-error{font-family:ui-monospace,monospace;color:#ff4757;font-size:.8rem;display:block;background:rgba(255,71,87,.1);padding:.4rem .8rem;border-radius:4px;border-left:2px solid #ff4757;flex:1 1}.diag-toggle{color:var(--start-neon);font-size:1.5rem;font-weight:800;line-height:1;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(57,255,20,.1);border-radius:50%;flex-shrink:0}.diag-card.expanded .diag-toggle{transform:rotate(180deg);background:var(--start-neon);color:#000}.diag-solution-wrap{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,1,0,1),margin-top .4s ease,opacity .3s ease;opacity:0}.diag-solution-wrap.open{max-height:300px;margin-top:1.25rem;opacity:1;transition:max-height .4s ease-in-out,margin-top .4s ease,opacity .4s ease}.diag-solution{color:var(--start-text);font-size:.95rem;line-height:1.6}.diag-solution strong{color:var(--start-neon)}.os-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.os-tab{background:transparent;color:var(--start-text);border:1px solid var(--start-border);padding:.3rem .8rem;border-radius:4px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.75rem;transition:all .2s ease;opacity:.6}.os-tab:hover{background:rgba(255,255,255,.05);opacity:1}.os-tab.active{background:rgba(57,255,20,.1);color:var(--start-neon);border-color:var(--start-neon);box-shadow:0 0 10px rgba(57,255,20,.1);opacity:1}.hover-term{border-bottom:1px dotted var(--start-neon);cursor:help;position:relative;font-weight:700;color:var(--start-neon);transition:all .2s;display:inline-block}.hover-term:hover{color:#fff;border-bottom-color:#fff;text-shadow:0 0 8px var(--start-glow)}.hover-term:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%) translateY(5px);background:rgba(5,15,8,.95);border:1px solid var(--start-border);padding:.5rem .8rem;border-radius:4px;font-size:.75rem;color:var(--start-text);white-space:pre-wrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;box-shadow:0 0 15px rgba(0,0,0,.8);font-family:Space Grotesk,sans-serif;pointer-events:none;min-width:250px;text-align:center;line-height:1.4}.hover-term:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}