.gradient-background-container[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;background:var(--zcb-page-gradient,linear-gradient(135deg,#eef2ff,#f1f5f9 50%,#f8fafc));overflow-x:hidden;position:relative;color:var(--zcb-text-primary,#0f172a)}.gradient-background-container[data-v-f3192630]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.1) 0,transparent 42%),radial-gradient(circle at 88% 12%,rgba(20,184,166,.08) 0,transparent 38%),radial-gradient(circle at 50% 88%,rgba(139,92,246,.06) 0,transparent 40%);pointer-events:none;z-index:0}.page-content[data-v-f3192630]{position:relative;z-index:1;-webkit-box-flex:1;-ms-flex:1;flex:1}.page-header[data-v-f3192630]{background:var(--zcb-hero-gradient,linear-gradient(135deg,#1e3a8a,#2563eb,#0ea5e9,#14b8a6));padding:24px 30px;border-radius:0 0 20px 20px;-webkit-box-shadow:0 8px 24px rgba(37,99,235,.2);box-shadow:0 8px 24px rgba(37,99,235,.2);position:relative;z-index:2}.page-title[data-v-f3192630]{font-size:2rem;font-weight:800;color:#fff;margin-bottom:8px}.page-subtitle[data-v-f3192630]{color:hsla(0,0%,100%,.92);font-size:1rem}.c-cpp-learning-page .code-card[data-v-f3192630],.c-cpp-learning-page .comparison-table[data-v-f3192630],.c-cpp-learning-page .feature-card[data-v-f3192630],.c-cpp-learning-page .path-card[data-v-f3192630],.c-cpp-learning-page .project-card[data-v-f3192630],.c-cpp-learning-page .resource-card[data-v-f3192630],.content-card[data-v-f3192630]{background:#fff;border-radius:16px;border:1px solid var(--zcb-border,#e2e8f0);padding:24px;margin:20px 0;-webkit-box-shadow:var(--zcb-card-shadow,0 4px 24px rgba(37,99,235,.08));box-shadow:var(--zcb-card-shadow,0 4px 24px rgba(37,99,235,.08));-webkit-transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s cubic-bezier(.16,1,.3,1)}.c-cpp-learning-page .code-card[data-v-f3192630]:hover,.c-cpp-learning-page .comparison-table[data-v-f3192630]:hover,.c-cpp-learning-page .feature-card[data-v-f3192630]:hover,.c-cpp-learning-page .path-card[data-v-f3192630]:hover,.c-cpp-learning-page .project-card[data-v-f3192630]:hover,.c-cpp-learning-page .resource-card[data-v-f3192630]:hover,.content-card[data-v-f3192630]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:var(--zcb-card-shadow-hover,0 12px 32px rgba(37,99,235,.14));box-shadow:var(--zcb-card-shadow-hover,0 12px 32px rgba(37,99,235,.14))}.gradient-button[data-v-f3192630]{background:-webkit-gradient(linear,left top,right top,from(var(--zcb-primary,#2563eb)),to(var(--zcb-secondary,#14b8a6)));background:linear-gradient(90deg,var(--zcb-primary,#2563eb),var(--zcb-secondary,#14b8a6));color:#fff;border:none;padding:12px 28px;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 16px rgba(37,99,235,.25);box-shadow:0 4px 16px rgba(37,99,235,.25)}.gradient-button[data-v-f3192630]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 24px rgba(20,184,166,.3);box-shadow:0 8px 24px rgba(20,184,166,.3)}.gradient-button[data-v-f3192630]:active{-webkit-transform:translateY(0);transform:translateY(0)}.c-cpp-learning-page[data-v-f3192630]{-webkit-perspective:1500px;perspective:1500px}.c-cpp-learning-page .header-content[data-v-f3192630]{max-width:1400px;margin:0 auto}.c-cpp-learning-page .icon-title-group[data-v-f3192630]{gap:20px}.c-cpp-learning-page .icon-title-group[data-v-f3192630],.c-cpp-learning-page .language-icon[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-cpp-learning-page .language-icon[data-v-f3192630]{width:64px;height:64px;background:hsla(0,0%,100%,.15);border-radius:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:2rem;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2)}.c-cpp-learning-page .content-wrapper[data-v-f3192630]{max-width:1400px;margin:0 auto;padding:30px 20px}.c-cpp-learning-page .language-tabs[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-bottom:30px;background:hsla(0,0%,100%,.08);padding:10px;border-radius:16px;backdrop-filter:blur(10px)}.c-cpp-learning-page .tab-item[data-v-f3192630]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding:15px 20px;background:transparent;border-radius:12px;cursor:pointer;color:hsla(0,0%,100%,.7);font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent}.c-cpp-learning-page .tab-item[data-v-f3192630]:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.c-cpp-learning-page .tab-item.active[data-v-f3192630]{background:linear-gradient(135deg,rgba(66,153,225,.3),rgba(79,209,197,.2));color:#fff;border-color:rgba(66,153,225,.5);-webkit-box-shadow:0 4px 15px rgba(66,153,225,.3);box-shadow:0 4px 15px rgba(66,153,225,.3)}.c-cpp-learning-page .tab-icon[data-v-f3192630]{font-size:1.5rem;font-style:normal}.c-cpp-learning-page .tab-content[data-v-f3192630]{-webkit-animation:fadeInUp-data-v-f3192630 .5s ease;animation:fadeInUp-data-v-f3192630 .5s ease}@-webkit-keyframes fadeInUp-data-v-f3192630{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-data-v-f3192630{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.c-cpp-learning-page .content-section[data-v-f3192630]{margin-bottom:40px}.c-cpp-learning-page .section-title[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid hsla(0,0%,100%,.2);-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));-webkit-animation:titleFloat-data-v-f3192630 4s ease-in-out infinite;animation:titleFloat-data-v-f3192630 4s ease-in-out infinite}.c-cpp-learning-page .title-icon[data-v-f3192630]{font-size:2rem;-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.5));filter:drop-shadow(0 4px 12px rgba(66,153,225,.5));-webkit-animation:iconRotate-data-v-f3192630 10s linear infinite;animation:iconRotate-data-v-f3192630 10s linear infinite}@-webkit-keyframes iconRotate-data-v-f3192630{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes iconRotate-data-v-f3192630{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes titleFloat-data-v-f3192630{0%,to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4))}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-filter:drop-shadow(0 6px 18px rgba(66,153,225,.6));filter:drop-shadow(0 6px 18px rgba(66,153,225,.6))}}@keyframes titleFloat-data-v-f3192630{0%,to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4))}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-filter:drop-shadow(0 6px 18px rgba(66,153,225,.6));filter:drop-shadow(0 6px 18px rgba(66,153,225,.6))}}.c-cpp-learning-page .learning-path[data-v-f3192630]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.c-cpp-learning-page .path-card[data-v-f3192630]{padding:0;overflow:hidden}.c-cpp-learning-page .card-header[data-v-f3192630]{background:rgba(66,153,225,.15);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;border-bottom:1px solid hsla(0,0%,100%,.1)}.c-cpp-learning-page .card-icon[data-v-f3192630]{font-size:2rem}.c-cpp-learning-page .card-header h3[data-v-f3192630]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;font-size:1.4rem;color:#fff}.c-cpp-learning-page .level-badge[data-v-f3192630]{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.c-cpp-learning-page .level-badge.beginner[data-v-f3192630]{background:rgba(76,175,80,.3);color:#a5d6a7}.c-cpp-learning-page .level-badge.intermediate[data-v-f3192630]{background:rgba(255,152,0,.3);color:#ffcc80}.c-cpp-learning-page .level-badge.advanced[data-v-f3192630]{background:rgba(244,67,54,.3);color:#ef9a9a}.c-cpp-learning-page .card-body[data-v-f3192630]{padding:20px}.c-cpp-learning-page .description[data-v-f3192630]{color:hsla(0,0%,100%,.85);line-height:1.6;margin-bottom:15px}.c-cpp-learning-page .topics[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:20px}.c-cpp-learning-page .topic-tag[data-v-f3192630]{padding:6px 12px;background:hsla(0,0%,100%,.1);border-radius:8px;font-size:.85rem;color:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.2)}.c-cpp-learning-page .learn-button[data-v-f3192630]{width:100%}.c-cpp-learning-page .code-examples[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.c-cpp-learning-page .code-header[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.c-cpp-learning-page .code-header h4[data-v-f3192630]{margin:0;font-size:1.2rem;color:#fff}.c-cpp-learning-page .copy-btn[data-v-f3192630]{padding:8px 16px;background:rgba(66,153,225,.2);border:1px solid rgba(66,153,225,.4);border-radius:8px;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.c-cpp-learning-page .copy-btn[data-v-f3192630]:hover{background:rgba(66,153,225,.3)}.c-cpp-learning-page .code-block[data-v-f3192630]{background:rgba(0,0,0,.4);padding:20px;border-radius:12px;overflow-x:auto;margin-bottom:15px;border:1px solid hsla(0,0%,100%,.1)}.c-cpp-learning-page .code-block code[data-v-f3192630]{color:#a9dc76;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.c-cpp-learning-page .code-description[data-v-f3192630]{color:hsla(0,0%,100%,.7);font-size:.9rem;margin:0}.c-cpp-learning-page .features-grid[data-v-f3192630]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.c-cpp-learning-page .feature-card[data-v-f3192630]{text-align:center}.c-cpp-learning-page .feature-icon[data-v-f3192630]{font-size:3rem;margin-bottom:15px}.c-cpp-learning-page .feature-card h4[data-v-f3192630]{margin:0 0 10px 0;font-size:1.2rem;color:#fff}.c-cpp-learning-page .feature-card p[data-v-f3192630]{margin:0;color:hsla(0,0%,100%,.8);font-size:.9rem;line-height:1.5}.c-cpp-learning-page .comparison-table[data-v-f3192630]{padding:0;overflow:hidden}.c-cpp-learning-page .comparison-row[data-v-f3192630]{display:grid;grid-template-columns:200px 1fr 1fr;border-bottom:1px solid hsla(0,0%,100%,.1)}.c-cpp-learning-page .comparison-row[data-v-f3192630]:last-child{border-bottom:none}.c-cpp-learning-page .comparison-row.header-row[data-v-f3192630]{background:rgba(66,153,225,.15);font-weight:700}.c-cpp-learning-page .comparison-cell[data-v-f3192630]{padding:15px 20px;color:hsla(0,0%,100%,.9);border-right:1px solid hsla(0,0%,100%,.1)}.c-cpp-learning-page .comparison-cell[data-v-f3192630]:last-child{border-right:none}.c-cpp-learning-page .feature-name[data-v-f3192630]{font-weight:600;color:#fff}.c-cpp-learning-page .c-cell[data-v-f3192630]{background:rgba(33,150,243,.05)}.c-cpp-learning-page .cpp-cell[data-v-f3192630]{background:rgba(156,39,176,.05)}.c-cpp-learning-page .projects-grid[data-v-f3192630]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.c-cpp-learning-page .project-header[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:15px}.c-cpp-learning-page .project-icon[data-v-f3192630]{font-size:2.5rem}.c-cpp-learning-page .project-header h4[data-v-f3192630]{margin:0 0 5px 0;font-size:1.3rem;color:#fff}.c-cpp-learning-page .language-tag[data-v-f3192630]{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.c-cpp-learning-page .language-tag.C[data-v-f3192630]{background:rgba(33,150,243,.3);color:#64b5f6}.c-cpp-learning-page .language-tag[class*="C++"][data-v-f3192630]{background:rgba(156,39,176,.3);color:#ba68c8}.c-cpp-learning-page .language-tag[class*="C/C++"][data-v-f3192630]{background:linear-gradient(135deg,rgba(33,150,243,.3),rgba(156,39,176,.3));color:#fff}.c-cpp-learning-page .project-description[data-v-f3192630]{color:hsla(0,0%,100%,.85);line-height:1.6;margin-bottom:15px}.c-cpp-learning-page .project-skills[data-v-f3192630]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:20px}.c-cpp-learning-page .skill-tag[data-v-f3192630]{padding:5px 10px;background:hsla(0,0%,100%,.08);border-radius:6px;font-size:.8rem;color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.15)}.c-cpp-learning-page .project-button[data-v-f3192630]{width:100%}.c-cpp-learning-page .resources-grid[data-v-f3192630]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.c-cpp-learning-page .resource-card[data-v-f3192630]{text-align:center;cursor:pointer}.c-cpp-learning-page .resource-icon[data-v-f3192630]{font-size:3rem;margin-bottom:15px}.c-cpp-learning-page .resource-card h4[data-v-f3192630]{margin:0 0 10px 0;font-size:1.1rem;color:#fff}.c-cpp-learning-page .resource-card p[data-v-f3192630]{margin:0;color:hsla(0,0%,100%,.7);font-size:.9rem}.c-cpp-learning-page .code-card[data-v-f3192630],.c-cpp-learning-page .comparison-table[data-v-f3192630],.c-cpp-learning-page .content-card[data-v-f3192630],.c-cpp-learning-page .feature-card[data-v-f3192630],.c-cpp-learning-page .path-card[data-v-f3192630],.c-cpp-learning-page .project-card[data-v-f3192630],.c-cpp-learning-page .resource-card[data-v-f3192630]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(15px);border-radius:16px;padding:25px;-webkit-box-shadow:0 12px 40px rgba(0,0,0,.15),0 4px 12px rgba(66,153,225,.2);box-shadow:0 12px 40px rgba(0,0,0,.15),0 4px 12px rgba(66,153,225,.2);border:2px solid rgba(66,153,225,.15);-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:panelFloat-data-v-f3192630 5s ease-in-out infinite;animation:panelFloat-data-v-f3192630 5s ease-in-out infinite}.c-cpp-learning-page .code-card[data-v-f3192630]:hover,.c-cpp-learning-page .comparison-table[data-v-f3192630]:hover,.c-cpp-learning-page .content-card[data-v-f3192630]:hover,.c-cpp-learning-page .feature-card[data-v-f3192630]:hover,.c-cpp-learning-page .path-card[data-v-f3192630]:hover,.c-cpp-learning-page .project-card[data-v-f3192630]:hover,.c-cpp-learning-page .resource-card[data-v-f3192630]:hover{-webkit-transform:translateY(-20px) translateZ(30px) scale(1.03);transform:translateY(-20px) translateZ(30px) scale(1.03);-webkit-box-shadow:0 20px 50px rgba(0,0,0,.18),0 8px 20px rgba(66,153,225,.35);box-shadow:0 20px 50px rgba(0,0,0,.18),0 8px 20px rgba(66,153,225,.35)}@-webkit-keyframes panelFloat-data-v-f3192630{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-8px) translateZ(10px);transform:translateY(-8px) translateZ(10px)}}@keyframes panelFloat-data-v-f3192630{0%,to{-webkit-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}50%{-webkit-transform:translateY(-8px) translateZ(10px);transform:translateY(-8px) translateZ(10px)}}.c-cpp-learning-page .card-icon[data-v-f3192630],.c-cpp-learning-page .feature-icon[data-v-f3192630],.c-cpp-learning-page .project-icon[data-v-f3192630],.c-cpp-learning-page .resource-icon[data-v-f3192630]{-webkit-animation:iconPulse-data-v-f3192630 3s ease-in-out infinite;animation:iconPulse-data-v-f3192630 3s ease-in-out infinite}@-webkit-keyframes iconPulse-data-v-f3192630{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4))}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:drop-shadow(0 6px 18px rgba(66,153,225,.6));filter:drop-shadow(0 6px 18px rgba(66,153,225,.6))}}@keyframes iconPulse-data-v-f3192630{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 4px 12px rgba(66,153,225,.4));filter:drop-shadow(0 4px 12px rgba(66,153,225,.4))}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:drop-shadow(0 6px 18px rgba(66,153,225,.6));filter:drop-shadow(0 6px 18px rgba(66,153,225,.6))}}