.gp-page{background:#0a0a0f;min-height:100vh;color:#f0f0f5;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}.gp-breadcrumbs{max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem .5rem;font-size:.8125rem;color:#6b6b80;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gp-breadcrumbs a{color:#a0a0b8;text-decoration:none;transition:color .2s}.gp-breadcrumbs a:hover{color:var(--cat-color, #3b82f6)}.gp-bc-sep{color:#4a4a5e}.gp-bc-current{color:#f0f0f5}.gp-progress-bar{position:sticky;top:64px;height:3px;background:#ffffff0f;z-index:50}.gp-progress-fill{height:100%;width:0%;background:var(--cat-color, #3b82f6);transition:width .1s linear}.gp-hero{position:relative;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 0}.gp-hero-bg{position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--cat-color, #3b82f6) 15%,transparent),transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.gp-hero-content{position:relative;z-index:1}.gp-hero-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.gp-cat-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:100px;font-size:.8125rem;font-weight:600;background:color-mix(in srgb,var(--cat-color, #3b82f6) 15%,transparent);color:var(--cat-color, #3b82f6);border:1px solid color-mix(in srgb,var(--cat-color, #3b82f6) 30%,transparent)}.gp-diff-badge{padding:.375rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.gp-diff-badge[data-level=Beginner]{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.gp-diff-badge[data-level=Intermediate]{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.gp-diff-badge[data-level=Advanced]{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.gp-diff-badge[data-level=Expert]{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.gp-read-time{font-size:.8125rem;color:#a0a0b8}.gp-hero-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.gp-hero-intro{font-size:1.0625rem;color:#a0a0b8;line-height:1.65;max-width:720px}.gp-hero-image-wrap{margin-top:1.75rem;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.gp-hero-image{width:100%;height:auto;display:block;aspect-ratio:2 / 1;object-fit:cover}.gp-layout{max-width:1100px;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start}.gp-tabs-bar{display:flex;gap:.25rem;padding:0;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.gp-tabs-bar::-webkit-scrollbar{display:none}.gp-tab{padding:.625rem 1.125rem;border:none;background:transparent;color:#6b6b80;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;margin-bottom:-1px}.gp-tab:hover{color:#f0f0f5}.gp-tab.active{color:var(--cat-color, #3b82f6);border-bottom-color:var(--cat-color, #3b82f6)}.gp-tab-panel{display:none}.gp-tab-panel.active{display:block}.gp-toc{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.gp-toc-inner{border-left:2px solid rgba(255,255,255,.08);padding-left:1rem}.gp-toc-title{font-size:.75rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.12em;color:#6b6b80;margin-bottom:.75rem}.gp-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.125rem}.gp-toc-link{display:block;font-size:.8125rem;color:#6b6b80;text-decoration:none;border-radius:6px;transition:all .2s;line-height:1.4;border-left:2px solid transparent;margin-left:-1rem;padding:.375rem .5rem .375rem 1rem}.gp-toc-link:hover{color:#f0f0f5;background:#ffffff0a}.gp-toc-link.active{color:var(--cat-color, #3b82f6);border-left-color:var(--cat-color, #3b82f6);font-weight:600}.gp-body{min-width:0}.gp-section{margin-bottom:2.5rem;scroll-margin-top:80px}.gp-section-heading{font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.gp-intro-text{font-size:1rem;line-height:1.75;color:#c8c8d8}.gp-prereq-list{list-style:none;padding:0;margin:0;display:grid;gap:.625rem}.gp-prereq-item{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;font-size:.9375rem;color:#c8c8d8}.gp-prereq-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#10b98126;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.gp-concepts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.875rem}.gp-concept-card{padding:1rem 1.125rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:border-color .3s}.gp-concept-card:hover{border-color:color-mix(in srgb,var(--cat-color, #3b82f6) 40%,transparent)}.gp-concept-term{font-size:.9375rem;font-weight:700;color:var(--cat-color, #3b82f6);margin-bottom:.375rem}.gp-concept-def{font-size:.875rem;line-height:1.6;color:#a0a0b8;margin:0}.gp-steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.75rem}.gp-step{scroll-margin-top:80px;position:relative}.gp-step-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}.gp-step-num{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--cat-color, #3b82f6) 20%,transparent);color:var(--cat-color, #3b82f6);display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700;font-family:JetBrains Mono,monospace;border:1px solid color-mix(in srgb,var(--cat-color, #3b82f6) 30%,transparent)}.gp-step-title{font-size:1.125rem;font-weight:700;letter-spacing:-.01em;margin:0}.gp-step-body{padding-left:calc(36px + .875rem)}.gp-step-content{font-size:.9375rem;line-height:1.75;color:#c8c8d8;margin:0 0 1rem}.gp-code-block{margin:1rem 0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0d0d14}.gp-code-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.gp-code-lang{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#6b6b80;text-transform:uppercase;letter-spacing:.05em}.gp-code-copy{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;color:#a0a0b8;font-size:.75rem;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:all .2s}.gp-code-copy:hover{background:#ffffff0f;color:#f0f0f5;border-color:#fff3}.gp-code-pre{margin:0;padding:1rem 1.125rem;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.6;color:#d0d0e0}.gp-code-pre code{font-family:inherit;white-space:pre}.gp-step-figure{margin:1rem 0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.gp-step-figure img{width:100%;height:auto;display:block}.gp-step-figure figcaption{padding:.625rem 1rem;font-size:.8125rem;color:#6b6b80;background:#ffffff08}.gp-callout{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;border-radius:10px;margin:1rem 0;font-size:.875rem;line-height:1.6}.gp-callout-icon{flex-shrink:0;font-size:1.125rem;line-height:1.4}.gp-callout-tip{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#b0e0c8}.gp-callout-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:#f0d090}.gp-summary-box{padding:1.5rem 1.75rem;background:color-mix(in srgb,var(--cat-color, #3b82f6) 8%,rgba(20,20,32,.6));border:1px solid color-mix(in srgb,var(--cat-color, #3b82f6) 20%,transparent);border-radius:14px}.gp-summary-box p{font-size:.9375rem;line-height:1.75;color:#d0d0e0;margin:0}.gp-faq-list{display:flex;flex-direction:column;gap:.625rem}.gp-faq-item{border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:border-color .3s}.gp-faq-item.open{border-color:color-mix(in srgb,var(--cat-color, #3b82f6) 30%,transparent)}.gp-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.125rem;background:#ffffff08;border:none;color:#f0f0f5;font-size:.9375rem;font-weight:600;font-family:inherit;text-align:left;cursor:pointer;transition:background .2s}.gp-faq-q:hover{background:#ffffff0d}.gp-faq-icon{flex-shrink:0;font-size:1.25rem;font-weight:400;color:var(--cat-color, #3b82f6);transition:transform .2s}.gp-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.gp-faq-item.open .gp-faq-a{max-height:500px}.gp-faq-a p{padding:0 1.125rem 1rem;font-size:.875rem;line-height:1.7;color:#a0a0b8;margin:0}.gp-quiz-container{display:flex;flex-direction:column;gap:1.5rem}.gp-quiz-q{padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.gp-quiz-question{font-size:.9375rem;font-weight:600;color:#f0f0f5;margin:0 0 1rem}.gp-quiz-options{display:flex;flex-direction:column;gap:.5rem}.gp-quiz-opt{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:#c8c8d8;font-size:.875rem;font-family:inherit;text-align:left;cursor:pointer;transition:all .2s}.gp-quiz-opt:hover{background:#ffffff0a;border-color:#ffffff29}.gp-quiz-opt.correct{background:#10b9811f;border-color:#10b98166;color:#b0e0c8}.gp-quiz-opt.wrong{background:#ef44441f;border-color:#ef444466;color:#f0b0b0}.gp-quiz-letter{flex-shrink:0;width:24px;height:24px;border-radius:6px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;font-family:JetBrains Mono,monospace}.gp-quiz-opt.correct .gp-quiz-letter{background:#10b98140;color:#10b981}.gp-quiz-opt.wrong .gp-quiz-letter{background:#ef444440;color:#ef4444}.gp-quiz-explain{max-height:0;overflow:hidden;transition:max-height .3s ease,margin .3s ease}.gp-quiz-explain.show{max-height:300px;margin-top:.75rem}.gp-quiz-explain p{padding:.75rem 1rem;font-size:.8125rem;line-height:1.6;color:#a0a0b8;background:#ffffff08;border-radius:8px;border-left:3px solid var(--cat-color, #3b82f6);margin:0}.gp-quiz-score{display:none;text-align:center;padding:.875rem 1.5rem;background:color-mix(in srgb,var(--cat-color, #3b82f6) 10%,transparent);border:1px solid color-mix(in srgb,var(--cat-color, #3b82f6) 25%,transparent);border-radius:10px;font-size:.9375rem}.gp-quiz-score.show{display:block}.gp-quiz-score-label{color:#a0a0b8}.gp-quiz-score-value{font-weight:700;color:var(--cat-color, #3b82f6)}.gp-next-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.875rem}.gp-next-card{display:block;padding:1.125rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;color:inherit;transition:all .3s;position:relative}.gp-next-card:hover{background:#ffffff0d;border-color:color-mix(in srgb,var(--cat-color, #3b82f6) 30%,transparent);transform:translateY(-2px)}.gp-next-title{font-size:.9375rem;font-weight:700;color:#f0f0f5;margin:0 0 .375rem}.gp-next-desc{font-size:.8125rem;line-height:1.5;color:#a0a0b8;margin:0}.gp-next-arrow{display:inline-block;margin-top:.5rem;font-size:.875rem;color:var(--cat-color, #3b82f6);transition:transform .2s}.gp-next-card:hover .gp-next-arrow{transform:translate(4px)}.gp-back-btn-hero{margin-bottom:1rem}.gp-back-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border:1px solid color-mix(in srgb,var(--cat-color, #3b82f6) 30%,transparent);border-radius:8px;background:color-mix(in srgb,var(--cat-color, #3b82f6) 10%,transparent);color:var(--cat-color, #3b82f6);text-decoration:none;font-size:.75rem;font-weight:600;transition:all .2s}.gp-back-btn:hover{background:color-mix(in srgb,var(--cat-color, #3b82f6) 20%,transparent);border-color:var(--cat-color, #3b82f6);color:#f0f0f5;transform:translate(-2px)}.gp-back-btn svg{flex-shrink:0;transition:transform .2s}.gp-back-btn:hover svg{transform:translate(-2px)}.gp-back-link{max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem}@media(max-width:900px){.gp-layout{grid-template-columns:1fr;gap:0}.gp-toc{display:none}.gp-hero{padding:1.5rem 1.25rem 0}.gp-layout{padding:2rem 1.25rem 2.5rem}.gp-tab{padding:.5rem 1rem;font-size:.8125rem}}@media(max-width:600px){.gp-breadcrumbs{padding:1rem 1rem .5rem;font-size:.75rem}.gp-hero{padding:1rem 1rem 0}.gp-hero-meta{gap:.5rem}.gp-cat-badge{font-size:.75rem;padding:.25rem .625rem}.gp-diff-badge{font-size:.6875rem;padding:.25rem .5rem}.gp-hero-title{font-size:1.5rem}.gp-hero-intro{font-size:.9375rem}.gp-hero-image-wrap{border-radius:12px;margin-top:1.25rem}.gp-layout{padding:1.5rem 1rem 2rem}.gp-tab{padding:.5rem .875rem;font-size:.8125rem}.gp-section{margin-bottom:2rem}.gp-section-heading{font-size:1.1875rem}.gp-concepts-grid{grid-template-columns:1fr}.gp-step-header{gap:.625rem}.gp-step-num{width:30px;height:30px;font-size:.8125rem}.gp-step-title{font-size:1rem}.gp-step-body{padding-left:calc(30px + .625rem)}.gp-step-content{font-size:.875rem}.gp-code-pre{font-size:.75rem;padding:.75rem}.gp-quiz-q{padding:1rem}.gp-quiz-opt{font-size:.8125rem;padding:.5rem .75rem}.gp-next-grid{grid-template-columns:1fr}.gp-back-link{padding:0 1rem 2rem}.gp-back-btn{padding:.375rem .75rem;font-size:.6875rem}}@media(max-width:400px){.gp-breadcrumbs{padding:.75rem .75rem .5rem}.gp-hero{padding:.75rem .75rem 0}.gp-hero-title{font-size:1.3125rem}.gp-hero-intro{font-size:.875rem}.gp-layout{padding:1.25rem .75rem 1.75rem}.gp-tab{padding:.5rem .75rem;font-size:.75rem}.gp-section-heading{font-size:1.0625rem}.gp-step-num{width:28px;height:28px;font-size:.75rem}.gp-step-body{padding-left:calc(28px + .5rem)}.gp-step-content{font-size:.8125rem}.gp-code-pre{font-size:.6875rem;padding:.625rem}.gp-code-copy span{display:none}.gp-quiz-q{padding:.75rem}.gp-quiz-question{font-size:.875rem}.gp-quiz-opt{font-size:.75rem;padding:.5rem .625rem}.gp-quiz-explain p{font-size:.75rem}.gp-back-link{padding:0 .75rem 1.5rem}.gp-back-btn{font-size:.625rem;padding:.375rem .625rem}}