@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";.auth-split-container{background-color:var(--bg-primary);width:100%;min-height:100vh;display:flex}.auth-brand-side{background:radial-gradient(circle at top left, var(--badge-bg), transparent 60%), radial-gradient(circle at bottom right, var(--badge-bg), transparent 60%), var(--bg-secondary);border-right:1px solid var(--border-color);flex:1.2;padding:4rem;display:none;position:relative;overflow:hidden}@media (width>=1024px){.auth-brand-side{flex-direction:column;justify-content:space-between;display:flex}}.brand-logo{font-family:var(--font-display);color:var(--text-primary);z-index:10;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;display:flex}.brand-graphic{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.auth-shape{filter:blur(80px);z-index:0;opacity:.5;border-radius:50%;position:absolute}.auth-shape-1{background:var(--accent-primary);width:400px;height:400px;animation:20s ease-in-out infinite alternate drift;top:20%;left:-100px}.auth-shape-2{background:var(--accent-secondary);width:300px;height:300px;animation:15s ease-in-out infinite alternate-reverse drift;bottom:10%;right:-50px}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-50px)scale(1.1)}}.auth-testimonial-wrapper{z-index:10;max-width:400px}.auth-testimonial-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem}.auth-quote-icon{color:var(--accent-primary);margin-bottom:1rem}.auth-testimonial-text{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.auth-stats{border-top:1px solid var(--border-color);gap:2rem;margin-top:2rem;padding-top:1.5rem;display:flex}.auth-stat-item{flex-direction:column;display:flex}.auth-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.auth-stat-label{color:var(--text-secondary);font-size:.875rem}.auth-form-side{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-form-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{margin-bottom:.5rem;font-size:2rem}.auth-header p{color:var(--text-secondary)}.premium-input-group{margin-bottom:1.25rem;position:relative}.premium-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.premium-input-wrapper{align-items:center;display:flex;position:relative}.premium-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.premium-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.premium-input:focus{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 4px var(--badge-bg);outline:none}.premium-input.error{border-color:var(--danger)}.premium-input.error:focus{box-shadow:0 0 0 4px var(--card-bg)}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:1rem}.password-toggle:hover{color:var(--text-primary)}.auth-error-msg{color:var(--danger);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.auth-actions{justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.875rem;display:flex}.auth-btn-primary{border-radius:var(--radius-md);background:var(--text-primary);width:100%;color:var(--bg-primary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.auth-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);background:var(--text-secondary);transform:translateY(-1px)}.auth-btn-primary:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.875rem}.auth-footer a{color:var(--text-primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}.pwd-strength-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:4px;margin-top:.5rem;overflow:hidden}.pwd-strength-fill{height:100%;transition:width .3s,background-color .3s}.pwd-strength-text{text-align:right;margin-top:.25rem;font-size:.75rem;display:block}.auth-brand-side-wrapper{position:relative;overflow:hidden}.auth-remember{color:var(--text-secondary)}.auth-forgot{color:var(--text-primary);font-weight:500}@media (width<=360px){.auth-split-container{flex-direction:column}.auth-form-side{padding:1.5rem}.auth-form-container{max-width:100%}.auth-header h1{font-size:1.5rem}.auth-actions{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width>=361px) and (width<=480px){.auth-split-container{flex-direction:column}.auth-form-side{padding:2rem}.auth-header h1{font-size:1.75rem}.auth-actions{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width>=481px) and (width<=576px){.auth-split-container{flex-direction:column}.auth-form-side{padding:2.5rem}.auth-header h1{font-size:2rem}}@media (width>=577px) and (width<=768px){.auth-split-container{flex-direction:column}.auth-form-side{padding:3rem}}@media (width>=769px) and (width<=1024px){.auth-split-container{flex-direction:row}.auth-brand-side{flex:1;padding:2rem;display:flex}.auth-form-side{flex:1;padding:2rem}}@media (width>=1025px) and (width<=1280px){.auth-brand-side{flex:1.2;padding:3rem;display:flex}.auth-form-side{flex:1;padding:3rem}}@media (width>=1281px) and (width<=1440px){.auth-brand-side{flex:1.5;padding:4rem;display:flex}.auth-form-side{flex:1;padding:4rem}}@media (width>=1441px) and (width<=1920px){.auth-brand-side{flex:1.5;padding:5rem}.auth-form-side{flex:1;padding:5rem}.auth-form-container{max-width:450px}.auth-header h1{font-size:2.5rem}.premium-input{padding:1rem 1.25rem 1rem 3.5rem;font-size:1.15rem}.premium-input-icon{width:24px;height:24px}.auth-btn-primary{padding:1rem;font-size:1.15rem}}@media (width>=1921px){.auth-brand-side{flex:2;padding:6rem}.auth-form-side{flex:1;padding:6rem}.auth-form-container{max-width:550px}.auth-header h1{margin-bottom:1rem;font-size:3.5rem}.auth-header p{font-size:1.25rem}.premium-label{margin-bottom:.75rem;font-size:1.15rem}.premium-input{border-radius:12px;padding:1.25rem 1.5rem 1.25rem 4rem;font-size:1.25rem}.premium-input-icon{width:28px;height:28px;left:1.25rem}.auth-btn-primary{border-radius:12px;padding:1.25rem;font-size:1.35rem}.auth-actions{margin-bottom:3rem;font-size:1.15rem}.auth-footer{margin-top:3rem;font-size:1.15rem}}.auth-showcase-container{color:#fff;justify-content:center;align-items:center;height:100%;padding:3rem;display:flex}.auth-showcase-content{max-width:480px}.auth-showcase-content h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.auth-showcase-content>p{opacity:.8;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.auth-showcase-features{flex-direction:column;gap:1.5rem;display:flex}.auth-feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1.25rem;padding:1.25rem;transition:transform .3s,background .3s;display:flex}.auth-feature-card:hover{background:#ffffff1a;transform:translate(10px)}.auth-feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.auth-feature-text h3{color:#fff;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.auth-feature-text p{color:#ffffffb3;margin:0;font-size:.9rem;line-height:1.4}.advanced-footer{background:0 0;border-top:1px solid #ffffff0a;padding:5rem 2rem 2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;max-width:1280px;margin:0 auto;display:grid}.footer-brand h2{font-size:1.5rem;font-weight:800;font-family:var(--font-display);margin-bottom:1rem}.footer-col h4{color:var(--text-primary);cursor:default;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-weight:600;display:flex}.footer-chevron{color:var(--text-muted);transition:transform .3s;display:none}.footer-accordion-header.open .footer-chevron{transform:rotate(180deg)}.footer-accordion-content{margin:0;padding:0;list-style:none;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.footer-accordion-content li{margin-bottom:.75rem}.footer-accordion-content a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-accordion-content a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-color);max-width:1280px;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;margin:4rem auto 0;padding-top:2rem;display:flex}@media (width<=360px){.advanced-footer{padding:2rem 1rem 1rem!important}.footer-grid{grid-template-columns:1fr!important;gap:1rem!important}.footer-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-brand p{font-size:.9rem}.footer-col h4{cursor:pointer;border-bottom:1px solid var(--border-color);margin-bottom:0;padding-bottom:.5rem}.footer-chevron{display:block}.footer-accordion-content{opacity:0;max-height:0;margin-top:0}.footer-accordion-content.open{opacity:1;max-height:250px;margin-top:1rem}.footer-bottom{margin-top:2rem;font-size:.8rem}}@media (width>=361px) and (width<=480px){.advanced-footer{padding:3rem 1.5rem 1.5rem!important}.footer-grid{grid-template-columns:1fr!important;gap:1rem!important}.footer-brand{margin-bottom:1.5rem}.footer-col h4{cursor:pointer;border-bottom:1px solid var(--border-color);margin-bottom:0;padding-bottom:.75rem}.footer-chevron{display:block}.footer-accordion-content{opacity:0;max-height:0;margin-top:0}.footer-accordion-content.open{opacity:1;max-height:250px;margin-top:1rem}.footer-bottom{margin-top:2.5rem}}@media (width>=481px) and (width<=576px){.advanced-footer{padding:3.5rem 2rem 2rem!important}.footer-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.footer-brand{margin-bottom:1.5rem}.footer-col h4{cursor:pointer;border-bottom:1px solid var(--border-color);margin-bottom:0;padding-bottom:.75rem}.footer-chevron{display:block}.footer-accordion-content{opacity:0;max-height:0;margin-top:0}.footer-accordion-content.open{opacity:1;max-height:250px;margin-top:1rem}.footer-bottom{margin-top:3rem}}@media (width>=577px) and (width<=768px){.advanced-footer{padding:4rem 2rem 2rem!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:2.5rem 2rem!important}.footer-brand{grid-column:1/-1}.footer-accordion-content{opacity:1!important;max-height:none!important;margin-top:0!important}.footer-chevron{display:none!important}}@media (width>=769px) and (width<=1024px){.advanced-footer{padding:4.5rem 2.5rem 2.5rem!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:3rem 2.5rem!important}.footer-brand{grid-column:1/-1;justify-content:space-between;align-items:flex-start;display:flex}.footer-accordion-content{opacity:1!important;max-height:none!important}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (width>=1025px) and (width<=1280px){.advanced-footer{padding:5rem 3rem 2.5rem!important}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr!important;gap:2.5rem!important}.footer-accordion-content{opacity:1!important;max-height:none!important}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (width>=1281px) and (width<=1440px){.advanced-footer{padding:5rem 4rem 3rem!important}.footer-grid{grid-template-columns:2.5fr 1fr 1fr 1fr!important;gap:3rem!important;max-width:1200px!important}.footer-accordion-content{opacity:1!important;max-height:none!important}.footer-bottom{flex-direction:row;justify-content:space-between;max-width:1200px!important}}@media (width>=1441px) and (width<=1920px){.advanced-footer{padding:6rem 5rem 3rem!important}.footer-grid{grid-template-columns:2.5fr 1fr 1fr 1fr!important;gap:4rem!important;max-width:1400px!important}.footer-col h4{font-size:1.1rem}.footer-accordion-content{opacity:1!important;max-height:none!important}.footer-accordion-content a{font-size:1.05rem}.footer-bottom{flex-direction:row;justify-content:space-between;max-width:1400px!important}}@media (width>=1921px){.advanced-footer{padding:6rem max(5rem,50vw - 800px) 3rem!important}.footer-grid{margin:0 auto;grid-template-columns:3fr 1fr 1fr 1fr!important;gap:5rem!important;max-width:1600px!important}.footer-col h4{font-size:1.2rem}.footer-accordion-content{opacity:1!important;max-height:none!important}.footer-accordion-content a{font-size:1.1rem}.footer-bottom{flex-direction:row;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1600px!important}}.register-brand-side{position:relative;overflow:hidden}.register-strength-wrapper{margin-top:.5rem}.register-submit-btn{margin-top:2rem}.register-auth-footer{text-align:center;margin-top:2rem;font-size:.875rem}.register-login-link{font-weight:500}.register-auth-footer-text{color:var(--text-secondary)}.register-login-link-text{color:var(--text-primary)}@media (width<=360px){.register-auth-footer{font-size:.8rem}}@media (width>=361px) and (width<=480px){.register-auth-footer{font-size:.85rem}}@media (width>=481px) and (width<=576px){.register-auth-footer{font-size:.9rem}}@media (width>=1441px) and (width<=1920px){.register-auth-footer{font-size:1rem}}@media (width>=1921px){.register-auth-footer{font-size:1.15rem}.register-submit-btn{margin-top:3rem}}.home-container{width:100%;display:block}.home-page-container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:4%;padding-right:4%}.home-container .home-page-section-padding{padding-top:3rem;padding-bottom:3rem}@media (width>=1024px){.home-container .home-page-section-padding{padding-top:4rem;padding-bottom:4rem}}.home-page-section-title{letter-spacing:-.025em;margin-bottom:1rem;font-size:2.25rem;font-weight:800}.home-page-section-subtitle{color:var(--text-secondary);max-width:42rem;margin-bottom:3rem;font-size:1.125rem}.home-page-hero-section{align-items:flex-start;min-height:100vh;padding-top:20vh;display:flex;position:relative;overflow:hidden}.home-page-hero-section .home-page-container{width:100%;max-width:100%}.home-page-hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.home-page-hero-grid{grid-template-columns:1.2fr .8fr;gap:5rem}}.home-page-hero-content h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;line-height:1.1}.home-page-hero-content p{color:var(--text-secondary);max-width:32rem;margin-bottom:2.5rem;font-size:1.1rem}.search-bar-wrapper{max-width:32rem;box-shadow:0 0 30px var(--badge-bg);border-radius:var(--radius-full);margin-bottom:2.5rem;display:flex;position:relative}.search-input{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--input-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--text-primary);padding:1.25rem 1.5rem 1.25rem 3.5rem;font-size:1.125rem;transition:all .3s}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--badge-bg);outline:none}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-btn{border-radius:var(--radius-full);padding:.75rem 1.5rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.hero-ctas{flex-wrap:wrap;gap:1rem;display:flex}.hero-graphic{justify-content:center;align-items:center;height:520px;display:none;position:relative;overflow:visible}@media (width>=1024px){.hero-graphic{display:flex;transform:scale(1.35)translate(-1rem)}}.graphic-circle{border:1px dashed var(--border-color);border-radius:50%;animation:30s linear infinite spin;position:absolute}.circle-1{width:350px;height:350px}.circle-2{width:250px;height:250px;animation-direction:reverse}.floating-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);align-items:center;gap:1rem;padding:1rem;animation:6s ease-in-out infinite float;display:flex;position:absolute}.fc-1{animation-delay:0s;top:10%;right:10%}.fc-2{animation-delay:-2s;bottom:20%;left:0}.fc-3{animation-delay:-4s;bottom:10%;right:20%}.floating-icon{border-radius:var(--radius-md);background:var(--badge-bg);width:40px;height:40px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.home-page-category-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;display:grid}.category-card{border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;z-index:1;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.category-card:before{content:"";background:linear-gradient(135deg, var(--badge-bg), transparent);opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.category-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.category-card:hover:before{opacity:1}.cat-icon{border-radius:var(--radius-lg);background:var(--bg-tertiary);width:50px;height:50px;color:var(--text-primary);justify-content:center;align-items:center;transition:all .3s;display:flex}.category-card:hover .cat-icon{background:var(--accent-primary);color:#fff}.cat-info h3{margin-bottom:.25rem;font-size:1.25rem}.cat-info p{color:var(--text-secondary);font-size:.875rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.course-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden}.course-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.course-thumbnail{width:100%;height:180px;position:relative;overflow:hidden}.course-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-badge{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;z-index:2;text-transform:capitalize;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.course-info{flex-direction:column;flex:1;padding:1.5rem;display:flex}.course-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.course-meta{color:var(--text-secondary);align-items:center;gap:1rem;margin-top:auto;margin-bottom:1.5rem;font-size:.875rem;display:flex}.course-meta span{align-items:center;gap:.25rem;display:flex}.course-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.course-price{color:var(--text-primary);font-size:1.125rem;font-weight:700}.home-page-benefits-section{background:linear-gradient(135deg,#6366f11a,#ec48990d,#6366f105);position:relative;overflow:hidden}.home-page-benefits-section:before{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page-benefits-section>*{z-index:1;position:relative}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;display:grid}.benefit-item{text-align:center;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);background:#ffffff05;border:1px solid #ffffff14;padding:2.5rem 2rem;transition:all .3s;box-shadow:0 8px 32px #0000001a}.benefit-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.benefit-icon-wrapper{border-radius:var(--radius-full);background:var(--badge-bg);width:70px;height:70px;color:var(--accent-primary);justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem;padding:3rem 0;display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-2xl);background:#ffffff05;border:1px solid #ffffff14;padding:2.5rem 1rem;transition:all .3s;box-shadow:0 8px 32px #0000001a}.stat-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:800;font-family:var(--font-display);margin-bottom:.5rem}.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{background:var(--bg-tertiary);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:2rem}.quote-icon{color:var(--accent-primary);opacity:.5;margin-bottom:1rem}.testimonial-text{margin-bottom:1.5rem;font-size:1.125rem;font-style:italic;line-height:1.6}.student-info{align-items:center;gap:1rem;display:flex}.student-avatar{background:var(--bg-secondary);width:48px;height:48px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.resume-card{background:linear-gradient(135deg, var(--bg-tertiary), var(--badge-bg));border:1px solid var(--accent-primary);border-radius:var(--radius-xl);flex-direction:column;gap:1.5rem;margin-bottom:3rem;padding:2rem;display:flex}@media (width>=768px){.resume-card{flex-direction:row;justify-content:space-between;align-items:center}}.resume-info h3{margin-bottom:.5rem;font-size:1.5rem}.resume-progress{background:var(--border-color);border-radius:var(--radius-full);width:100%;max-width:300px;height:8px;margin-top:1rem;overflow:hidden}.resume-bar{background:var(--success);border-radius:var(--radius-full);height:100%}.cta-banner{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-2xl);text-align:center;color:#fff;margin:4rem 1.5rem;padding:4rem 2rem}.cta-banner h2{color:#fff;margin-bottom:1rem;font-size:2.5rem}.cta-banner p{opacity:.9;margin-bottom:2rem;font-size:1.25rem}.cta-banner .btn-secondary{color:var(--accent-primary);background:#fff;border:none}.cta-banner .btn-secondary:hover{background:var(--bg-primary);color:#fff}.home-section-badge{border-radius:var(--radius-full);background:var(--badge-bg);color:var(--accent-primary);letter-spacing:.04em;text-transform:uppercase;border:1px solid #6366f126;align-items:center;gap:6px;margin-bottom:1rem;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.home-carousel-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:42px;height:42px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;box-shadow:0 4px 12px #00000026}.home-carousel-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.08);box-shadow:0 6px 20px #6366f14d}.home-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.home-course-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:inherit;flex-direction:column;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.home-course-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px #00000040, 0 0 0 1px var(--accent-primary);transform:translateY(-8px)}.home-course-thumb{width:100%;height:175px;position:relative;overflow:hidden}.home-course-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.home-course-card:hover .home-course-thumb img{transform:scale(1.08)}.home-course-badge{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.03em;text-transform:uppercase;background:#000000a6;border:1px solid #ffffff1a;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.home-course-body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.home-course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.home-course-instructor{color:var(--text-secondary);margin:0;font-size:.85rem}.home-course-meta{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.home-page-course-price{color:var(--accent-primary);border-top:1px solid var(--border-color);padding-top:.5rem;font-size:1.2rem;font-weight:800}.home-page-marquee-wrapper{flex-direction:column;gap:1.5rem;width:100%;padding:2rem 0;display:flex;position:relative;overflow:hidden}.home-page-marquee-wrapper:before,.home-page-marquee-wrapper:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.home-page-marquee-wrapper:before{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.home-page-marquee-wrapper:after{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.home-page-marquee-track{gap:1.5rem;width:max-content;animation:40s linear infinite scroll-left;display:flex}.home-page-marquee-track.reverse{animation-direction:reverse}.home-page-marquee-track:hover{animation-play-state:paused}.home-page-marquee-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;flex-shrink:0;gap:1rem;width:320px;padding:1.5rem;transition:transform .3s;display:flex}.home-page-marquee-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.marquee-quote{color:var(--text-primary);flex-grow:1;font-size:.95rem;font-style:italic;line-height:1.5}.marquee-author{border-top:1px solid var(--border-color);align-items:center;gap:1rem;padding-top:1rem;display:flex}.marquee-avatar{background:var(--badge-bg);width:40px;height:40px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.marquee-info h4{color:var(--text-primary);margin:0 0 .15rem;font-size:.9rem;font-weight:700}.marquee-info p{color:var(--text-secondary);margin:0;font-size:.8rem}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .75rem))}}.home-resume-wrapper{z-index:10;margin-top:-2rem;position:relative}.home-resume-status{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;display:block}@media (width<=360px){.home-page-hero-section{padding-top:15vh}.home-page-hero-content h1{font-size:2rem}.search-bar-wrapper{border-radius:12px;flex-direction:column;gap:.5rem}.search-input{border-radius:12px;padding-right:1.5rem}.search-btn{border-radius:12px;width:100%;position:relative;top:0;right:0;transform:none}.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn{text-align:center;width:100%}.resume-card{text-align:center;flex-direction:column;padding:1.5rem}.resume-info{margin-bottom:1rem}}@media (width>=361px) and (width<=480px){.home-page-hero-section{padding-top:15vh}.home-page-hero-content h1{font-size:2.25rem}.search-bar-wrapper{border-radius:12px;flex-direction:column;gap:.5rem}.search-input{border-radius:12px;padding-right:1.5rem}.search-btn{border-radius:12px;width:100%;position:relative;top:0;right:0;transform:none}.hero-ctas{flex-direction:column;width:100%}.resume-card{text-align:center;flex-direction:column;padding:1.5rem}}@media (width>=481px) and (width<=576px){.home-page-hero-section{padding-top:18vh}.home-page-hero-content h1{font-size:2.5rem}}@media (width>=577px) and (width<=768px){.home-page-hero-section{padding-top:20vh}}@media (width>=769px) and (width<=1024px){.home-page-hero-content h1{font-size:3rem}}@media (width>=1025px) and (width<=1280px){.home-page-hero-grid{grid-template-columns:1fr 1fr;gap:4rem}}@media (width>=1281px) and (width<=1440px){.home-page-hero-content h1{font-size:3.75rem}}@media (width>=1441px) and (width<=1920px){.home-page-hero-content h1{margin-bottom:2rem;font-size:4rem}.home-page-hero-content p{max-width:40rem;font-size:1.25rem}.search-input{padding:1.5rem 2rem 1.5rem 4rem;font-size:1.25rem}.search-icon{width:24px;height:24px;left:1.5rem}.search-btn{padding:1rem 2rem;font-size:1.15rem}.resume-card{padding:3rem}.resume-info h3{font-size:1.75rem}}@media (width>=1921px){.home-page-hero-section{padding-top:25vh}.home-page-hero-content h1{margin-bottom:2.5rem;font-size:5rem}.home-page-hero-content p{max-width:50rem;margin-bottom:3rem;font-size:1.5rem}.search-bar-wrapper{max-width:45rem}.search-input{padding:1.75rem 2rem 1.75rem 4.5rem;font-size:1.35rem}.search-icon{width:28px;height:28px;left:1.75rem}.search-btn{padding:1.15rem 2.5rem;font-size:1.25rem}.hero-ctas .btn{padding:1.25rem 2.5rem;font-size:1.25rem}.hero-graphic{margin-left:5rem;transform:scale(1.75)}.resume-card{gap:3rem;padding:4rem}.resume-info h3{margin-bottom:.5rem;font-size:2.25rem}.resume-info p{font-size:1.25rem}.home-resume-status{font-size:1.15rem}.resume-card .btn-primary{padding:1.25rem 2.5rem;font-size:1.25rem}}.cinematic-section{background:var(--bg-primary);position:relative}.catalog-page{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:Inter,system-ui,sans-serif}.catalog-container{flex-direction:column;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem 2.5rem;display:flex}.catalog-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.ch-titles h1{color:var(--text-primary);margin:0 0 .5rem;font-size:2.2rem;font-weight:800}.ch-titles p{color:var(--text-secondary);margin:0;font-size:1rem}.ch-stats{flex-wrap:wrap;gap:1.5rem;display:flex}.stat-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex;box-shadow:0 2px 4px #00000005}.sb-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sb-icon.purple{color:#a78bfa;background:#8b5cf626}.sb-icon.green{color:#34d399;background:#10b98126}.sb-icon.red{color:#f87171;background:#ef444426}.sb-icon.yellow{color:#fbbf24;background:#f59e0b26}.sb-info{flex-direction:column;display:flex}.sb-value{color:var(--text-primary);font-size:1.25rem;font-weight:800}.sb-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.filter-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-box{flex:1;align-items:center;min-width:300px;display:flex;position:relative}.search-box .icon{color:var(--text-muted);position:absolute;left:1rem}.search-box input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:.85rem 1rem .85rem 3rem;font-size:.95rem}.search-box input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #8b5cf633}.dropdown-group{flex-direction:column;gap:.3rem;display:flex}.dropdown-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.select-box{appearance:none;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2394a3b8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:8px;min-width:160px;padding:.85rem 2.5rem .85rem 1rem;font-size:.95rem}.select-box:focus{border-color:var(--accent-primary);outline:none}.view-toggles{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-self:flex-end;align-items:center;gap:.5rem;padding:.5rem;display:flex}.vt-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;display:flex}.vt-btn.active{background:var(--accent-primary);color:#fff}.pills-row-wrapper{align-items:center;gap:1rem;display:flex;position:relative}.pills-container{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;padding-bottom:5px;display:flex;overflow-x:auto}.pills-container::-webkit-scrollbar{display:none}.cat-pill{white-space:nowrap;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:30px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.cat-pill:hover{border-color:var(--text-muted);background:var(--bg-tertiary)}.cat-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 10px #6366f14d}.scroll-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 5px #0003}.scroll-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.course-list{flex-direction:column;gap:1.5rem;display:flex}.course-list .course-card{flex-direction:row;align-items:stretch}.course-list .cc-img-wrapper{flex-shrink:0;width:320px}.course-list .cc-body{padding:1.5rem 2rem}@media (width<=768px){.course-list .course-card{flex-direction:column}.course-list .cc-img-wrapper{width:100%}}.course-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 15px -3px #0000004d}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #00000080}.cc-img-wrapper{aspect-ratio:16/9;background:var(--bg-tertiary);width:100%;position:relative;overflow:hidden}.cc-img-wrapper img{object-fit:cover;width:100%;height:100%}.cc-badge{color:#1e293b;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.cc-badge.yellow{background:#fcd34d}.cc-badge.green{color:#064e3b;background:#6ee7b7}.cc-badge.purple{color:#4c1d95;background:#c4b5fd}.cc-bookmark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#00000080;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.cc-bookmark:hover{background:#000c}.cc-body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex}.cc-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.15rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.cc-instructor{align-items:center;gap:.5rem;display:flex}.cc-inst-avatar{object-fit:cover;background:var(--bg-tertiary);border-radius:50%;width:24px;height:24px}.cc-inst-name{color:var(--text-secondary);font-size:.9rem;font-weight:500}.cc-rating-row{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.cc-rating-score{color:var(--text-primary);align-items:center;gap:.25rem;font-weight:700;display:flex}.cc-star{color:#fbbf24;fill:currentColor}.cc-rating-count,.cc-students-count{color:var(--text-secondary)}.cc-meta-row{color:var(--text-secondary);align-items:center;gap:1.5rem;font-size:.85rem;font-weight:500;display:flex}.cc-meta-item{align-items:center;gap:.4rem;display:flex}.cc-level-pill{color:#a78bfa;text-transform:capitalize;background:#8b5cf626;border-radius:20px;padding:.2rem .6rem;font-size:.8rem;font-weight:700}.cc-level-pill.beginner{color:#34d399;background:#10b98126}.cc-footer{border-top:1px solid var(--border-color);align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.cc-price{color:var(--text-primary);font-size:1.25rem;font-weight:800}.cc-price-old{color:var(--text-muted);font-size:.9rem;font-weight:500;text-decoration:line-through}.cc-discount{color:#34d399;background:#10b98126;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.pagination-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;display:flex}.page-controls{align-items:center;gap:.5rem;display:flex}.page-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.page-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--text-secondary);font-size:.95rem;font-weight:500}.search-box-input{padding-right:90px}.search-box-btn{background:var(--accent-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s;position:absolute;right:.35rem}.search-box-btn:hover{background:var(--accent-hover,#4f46e5)}.applied-filters-wrapper{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.applied-filters-label{color:var(--text-secondary,#64748b);margin-right:.5rem;font-size:.875rem}.applied-filter-pill{background:var(--bg-tertiary,#1e293b);color:var(--text-primary,#e2e8f0);border:1px solid var(--border-color,#334155);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.applied-filter-pill:hover{background:var(--bg-secondary,#334155)}.clear-filters-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-size:.875rem;transition:opacity .2s}.clear-filters-btn:hover{opacity:.8}.skeleton-card{background:var(--bg-secondary,#f8fafc);height:380px;animation:2s infinite pulse}.cc-no-thumbnail{width:100%;height:100%;color:var(--text-muted,#94a3b8);justify-content:center;align-items:center;display:flex}.cc-rating-divider{color:var(--border-color,#cbd5e1)}.catalog-empty-state{text-align:center;background:var(--bg-tertiary,#0f172a);border:1px solid var(--border-color,#1e293b);border-radius:16px;grid-column:1/-1;padding:4rem 0}.catalog-empty-icon{color:var(--text-muted,#475569);margin-bottom:1rem}.catalog-empty-state h3{color:var(--text-primary,#f8fafc);margin-bottom:.5rem;font-size:1.25rem}.catalog-empty-state p{color:var(--text-secondary,#94a3b8)}.catalog-empty-btn{background:var(--accent-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.5rem 1rem;transition:background .2s}.catalog-empty-btn:hover{background:var(--accent-hover,#4f46e5)}@keyframes pulse{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}@media (width<=360px){.catalog-container{padding:1rem}.ch-titles h1{font-size:1.5rem}.ch-stats{gap:1rem}.stat-box{width:100%;padding:.75rem}.course-grid{grid-template-columns:1fr}.search-box input{padding-left:2.5rem;font-size:.85rem}}@media (width>=361px) and (width<=480px){.catalog-container{padding:1rem 1.25rem}.ch-titles h1{font-size:1.75rem}.stat-box{width:100%}.course-grid{grid-template-columns:1fr}}@media (width>=481px) and (width<=576px){.catalog-container{padding:1.5rem}.stat-box{width:calc(50% - .75rem)}.course-grid{grid-template-columns:1fr}}@media (width>=577px) and (width<=768px){.catalog-container{padding:2rem}.stat-box{width:calc(50% - .75rem)}.course-grid{grid-template-columns:repeat(2,1fr)}.filter-row{flex-direction:column;align-items:stretch}.search-box{width:100%}}@media (width>=769px) and (width<=1024px){.catalog-container{padding:2rem}.stat-box{flex:1;min-width:200px}.course-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px) and (width<=1280px){.catalog-container{max-width:1100px}.course-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1281px) and (width<=1440px){.catalog-container{max-width:1300px}.course-grid{grid-template-columns:repeat(4,1fr)}.ch-titles h1{font-size:2.5rem}.search-box input{font-size:1.05rem}}@media (width>=1441px) and (width<=1920px){.catalog-container{max-width:1600px;padding:3rem}.course-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}.ch-titles h1{font-size:2.75rem}.stat-box{padding:1.5rem 2rem}.sb-icon{width:56px;height:56px}.sb-value{font-size:1.5rem}.search-box input{padding:1rem 1.25rem 1rem 3.5rem;font-size:1.1rem}.search-box .icon{width:24px;height:24px;left:1.25rem}}@media (width>=1921px){.catalog-container{max-width:2000px;padding:4rem}.course-grid{grid-template-columns:repeat(5,1fr);gap:3rem}.ch-titles h1{font-size:3.5rem}.ch-titles p{font-size:1.25rem}.stat-box{padding:2rem 2.5rem}.sb-icon{width:64px;height:64px}.sb-icon svg{width:32px;height:32px}.sb-value{font-size:2rem}.sb-label{font-size:1.1rem}.search-box input{padding:1.25rem 1.5rem 1.25rem 4rem;font-size:1.25rem}.search-box .icon{width:28px;height:28px;left:1.5rem}.select-box{background-position:right 1rem center;padding:1rem 3rem 1rem 1.5rem;font-size:1.15rem}.dropdown-label{font-size:1rem}}.hero-orbit-wrapper{perspective:1400px;justify-content:center;align-items:center;width:100%;transition:height .3s;display:flex;position:relative;overflow:hidden}.hero-orbit-scaler{justify-content:center;align-items:center;width:520px;height:520px;margin-top:-260px;margin-left:-260px;transition:transform .3s;display:flex;position:absolute;top:50%;left:50%}@media (width<=360px){.hero-orbit-wrapper{height:320px}.hero-orbit-scaler{transform:scale(.6)}}@media (width>=361px) and (width<=480px){.hero-orbit-wrapper{height:340px}.hero-orbit-scaler{transform:scale(.65)}}@media (width>=481px) and (width<=576px){.hero-orbit-wrapper{height:400px}.hero-orbit-scaler{transform:scale(.75)}}@media (width>=577px) and (width<=768px){.hero-orbit-wrapper{height:450px}.hero-orbit-scaler{transform:scale(.85)}}@media (width>=769px) and (width<=1024px){.hero-orbit-wrapper{height:480px}.hero-orbit-scaler{transform:scale(.9)}}@media (width>=1025px) and (width<=1280px){.hero-orbit-wrapper{height:500px}.hero-orbit-scaler{transform:scale(.95)}}@media (width>=1281px) and (width<=1440px){.hero-orbit-wrapper{height:520px}.hero-orbit-scaler{transform:scale(1)}}@media (width>=1441px) and (width<=1920px){.hero-orbit-wrapper{height:600px}.hero-orbit-scaler{transform:scale(1.15)}}@media (width>=1921px){.hero-orbit-wrapper{height:720px}.hero-orbit-scaler{transform:scale(1.35)}}.orbit-ring{pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;position:absolute;top:50%;left:50%}.ring-outer{width:520px;height:520px;animation:28s linear infinite ring-spin;transform:translate(-50%,-50%)rotate(0)}.ring-inner{width:380px;height:380px;animation:20s linear infinite reverse ring-spin;transform:translate(-50%,-50%)rotate(0)}@keyframes ring-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.stacked-tabs-container{width:360px;height:380px;transform-style:preserve-3d;z-index:5;animation:20s ease-in-out infinite stack-3d-rotate;position:relative}@keyframes stack-3d-rotate{0%{transform:rotateX(8deg)rotateY(-12deg)rotate(-3deg)}25%{transform:rotateX(4deg)rotateY(8deg)rotate(2deg)}50%{transform:rotateX(-6deg)rotateY(14deg)rotate(-2deg)}75%{transform:rotateX(-4deg)rotateY(-10deg)rotate(3deg)}to{transform:rotateX(8deg)rotateY(-12deg)rotate(-3deg)}}.stacked-tab{transform-origin:bottom;background:#0d1117;border:1px solid #ffffff14;border-radius:14px;width:100%;transition:all .8s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 60px #00000080}.stacked-tab.tab-depth-0{z-index:3;opacity:1;filter:brightness();transform:translateY(0)translate(0)scale(1)}.stacked-tab.tab-depth-1{z-index:2;opacity:.7;filter:brightness(.6);pointer-events:none;transform:translateY(-16px)translate(16px)scale(.92)}.stacked-tab.tab-depth-2{z-index:1;opacity:.4;filter:brightness(.35);pointer-events:none;transform:translateY(-32px)translate(32px)scale(.84)}.tab-inner{flex-direction:column;height:100%;display:flex}.tab-chrome{background:#161b22;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 14px;display:flex}.chrome-dot{border-radius:50%;width:10px;height:10px}.chrome-dot.red{background:#ff5f57}.chrome-dot.yellow{background:#febc2e}.chrome-dot.green{background:#28c840}.chrome-tab-title{color:#8b949e;letter-spacing:.08em;margin-left:10px;font-size:.72rem;font-weight:600}.tab-body{color:#c9d1d9;padding:14px 16px;font-size:.78rem;line-height:1.5;overflow:hidden}.course-tab-header{color:#e6edf3;margin-bottom:4px;font-size:1rem;font-weight:700}.course-tab-meta{color:#8b949e;margin-bottom:14px;font-size:.7rem}.course-module{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:10px;overflow:hidden}.module-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.module-num{color:#3b82f6;background:#3b82f626;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}.module-title{color:#e6edf3;flex:1;font-size:.8rem;font-weight:600}.module-badge{border-radius:20px;padding:3px 8px;font-size:.65rem;font-weight:700}.module-badge.done{color:#28c840;background:#28c84026}.module-badge.pending{color:#8b949e;background:#8b949e26}.module-lessons{padding:0 12px 10px}.lesson-row{align-items:center;gap:8px;padding:4px 0;font-size:.72rem;display:flex}.lesson-check{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;display:flex}.lesson-check.done{color:#fff;background:#f05033}.lesson-name{color:#c9d1d9}.lesson-body{padding:16px 18px}.lesson-heading{color:#e6edf3;margin:0 0 8px;font-size:1rem;font-weight:700}.lesson-desc{color:#8b949e;margin-bottom:12px;font-size:.78rem;line-height:1.6}.lesson-desc code,.lesson-tip code{color:#79c0ff;background:#3b82f626;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.72rem}.lesson-code-block{background:#161b22;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-family:Fira Code,Courier New,monospace;font-size:.72rem}.lesson-tip{color:#c9d1d9;background:#f6b93b14;border:1px solid #f6b93b26;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.72rem;line-height:1.5;display:flex}.tip-icon{flex-shrink:0;font-size:1rem}.problem-title{color:#e6edf3;margin-bottom:10px;font-size:.95rem;font-weight:700}.problem-examples{margin-bottom:12px}.example-block{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:8px 12px}.example-label{color:#8b949e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.68rem;font-weight:700}.example-io{color:#c9d1d9;font-family:Fira Code,monospace;font-size:.72rem}.problem-editor{background:#161b22;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:10px;overflow:hidden}.editor-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.editor-lang{color:#8b949e;font-size:.68rem}.editor-run{color:#fff;background:#f05033;border-radius:4px;padding:3px 10px;font-size:.68rem;font-weight:700}.editor-code{padding:8px 12px;font-family:Fira Code,Courier New,monospace;font-size:.72rem}.problem-result{color:#28c840;background:#28c8401a;border:1px solid #28c84033;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:600;display:flex}.code-line{gap:10px;display:flex}.line-num{color:#484f58;text-align:right;-webkit-user-select:none;user-select:none;min-width:14px;font-size:.7rem}.code-comment{color:#3fb950;opacity:.75}.code-keyword{color:#ff7b72}.code-fn{color:#d2a8ff}.code-default{color:#c9d1d9}.orbit-track-layer{z-index:10;width:0;height:0;animation:18s linear infinite track-spin;position:absolute;top:50%;left:50%}@keyframes track-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-item-wrapper{transform:rotateZ(var(--item-angle)) translateX(var(--radius));position:absolute;top:0;left:0}.orbit-item{animation:18s linear infinite item-unspin;position:absolute;top:-22px;left:-22px}@keyframes item-unspin{0%{transform:rotateZ(calc(-1 * var(--item-angle))) rotateZ(0deg);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:rotateZ(calc(-1 * var(--item-angle))) rotateZ(-360deg);opacity:0}}.orbit-tech-icon{border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:900;display:flex;box-shadow:0 8px 24px #00000080}.orbit-placement-card{-webkit-backdrop-filter:blur(12px);white-space:nowrap;background:#0d1117eb;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;left:-90px;box-shadow:0 12px 32px #00000080}.placement-avatar{object-fit:cover;border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;width:36px;height:36px}.placement-info{flex-direction:column;gap:2px;display:flex}.placement-name{color:#e6edf3;font-size:.78rem;font-weight:700;line-height:1}.placement-row{align-items:center;gap:5px;display:flex}.placement-joined{color:#8b949e;font-size:.65rem}.placement-company{font-size:.7rem;font-weight:700}.hero-enhancer-wrapper{position:relative}.hero-watermark{color:var(--text-primary);opacity:.02;white-space:nowrap;pointer-events:none;z-index:0;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,15vw,15rem);font-weight:900;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.hero-scroll-indicator{color:var(--text-secondary);opacity:0;flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--text-secondary), transparent);border-radius:2px;width:2px;height:40px}.char-wrap{display:inline-block;overflow:hidden}.char{opacity:0;display:inline-block;transform:translateY(100%)}@media (width<=360px){.hero-watermark{font-size:4rem;bottom:2%}.hero-scroll-indicator{font-size:.75rem;bottom:1rem}.hero-scroll-line{height:24px}}@media (width>=361px) and (width<=480px){.hero-watermark{font-size:5rem;bottom:3%}.hero-scroll-indicator{font-size:.8rem;bottom:1.5rem}.hero-scroll-line{height:30px}}@media (width>=481px) and (width<=576px){.hero-watermark{font-size:6rem;bottom:3%}.hero-scroll-indicator{font-size:.85rem;bottom:1.5rem}}@media (width>=577px) and (width<=768px){.hero-watermark{font-size:7rem;bottom:4%}}@media (width>=769px) and (width<=1024px){.hero-watermark{font-size:9rem;bottom:4%}}@media (width>=1025px) and (width<=1280px){.hero-watermark{font-size:11rem}}@media (width>=1281px) and (width<=1440px){.hero-watermark{font-size:13rem}}@media (width>=1441px) and (width<=1920px){.hero-watermark{font-size:16rem}}@media (width>=1921px){.hero-watermark{font-size:20rem}.hero-scroll-indicator{font-size:1rem;bottom:3rem}.hero-scroll-line{height:60px}}.journey-section{background:var(--bg-primary);justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden}.journey-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;padding:0 4%;display:grid}.journey-text-side{height:200px;position:relative}.journey-step-text{text-transform:uppercase;background:linear-gradient(135deg, var(--text-primary), var(--text-muted));-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;font-size:clamp(3rem,6vw,6rem);font-weight:900;position:absolute;top:50%;transform:translateY(-50%)}.journey-visual-side{perspective:1000px;height:500px;position:relative}.journey-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);opacity:0;-webkit-backdrop-filter:blur(20px);background:#ffffff08;width:100%;max-width:450px;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0003}.journey-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.journey-card-icon{border-radius:var(--radius-lg);background:var(--badge-bg);width:48px;height:48px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.journey-card-title{color:var(--text-primary);margin:0}.journey-card-content{color:var(--text-secondary);font-family:monospace;line-height:1.6}@media (width<=360px){.journey-container{text-align:center;grid-template-columns:1fr;gap:2rem;padding:0 5%}.journey-step-text{font-size:2rem;left:50%;transform:translate(-50%,-50%)}.journey-visual-side{height:280px}.journey-card{max-width:280px;padding:1.25rem}.journey-card-icon{width:32px;height:32px}.journey-card-title{font-size:1.1rem}.journey-card-content{font-size:.85rem}}@media (width>=361px) and (width<=480px){.journey-container{text-align:center;grid-template-columns:1fr;gap:2rem;padding:0 5%}.journey-step-text{font-size:2.5rem;left:50%;transform:translate(-50%,-50%)}.journey-visual-side{height:300px}.journey-card{max-width:300px;padding:1.5rem}.journey-card-title{font-size:1.2rem}.journey-card-content{font-size:.9rem}}@media (width>=481px) and (width<=576px){.journey-container{text-align:center;grid-template-columns:1fr;gap:2rem;padding:0 5%}.journey-step-text{font-size:3rem;left:50%;transform:translate(-50%,-50%)}.journey-visual-side{height:320px}.journey-card{max-width:340px;padding:1.5rem}}@media (width>=577px) and (width<=768px){.journey-container{text-align:center;grid-template-columns:1fr;gap:2.5rem;padding:0 5%}.journey-step-text{font-size:3.5rem;left:50%;transform:translate(-50%,-50%)}.journey-visual-side{height:350px}.journey-card{max-width:380px;padding:1.75rem}}@media (width>=769px) and (width<=1024px){.journey-container{text-align:center;grid-template-columns:1fr;gap:3rem;padding:0 6%}.journey-step-text{font-size:4rem;left:50%;transform:translate(-50%,-50%)}.journey-visual-side{height:400px}.journey-card{max-width:420px;padding:2rem}}@media (width>=1281px) and (width<=1440px){.journey-container{gap:5rem;max-width:1300px}.journey-step-text{font-size:5.5rem}}@media (width>=1441px) and (width<=1920px){.journey-container{gap:6rem;max-width:1600px}.journey-step-text{font-size:7rem}.journey-visual-side{height:600px}.journey-card{max-width:500px;padding:2.5rem}.journey-card-icon{width:56px;height:56px}.journey-card-title{font-size:1.5rem}.journey-card-content{font-size:1.1rem}}@media (width>=1921px){.journey-container{gap:8rem;max-width:1800px}.journey-step-text{font-size:9rem}.journey-visual-side{height:700px}.journey-card{max-width:600px;padding:3rem}.journey-card-icon{width:64px;height:64px}.journey-card-title{font-size:1.75rem}.journey-card-content{font-size:1.25rem}}.ecosystem-section{background:var(--bg-primary);align-items:center;width:100%;min-height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden}.ecosystem-track{gap:3rem;width:max-content;margin-top:6rem;padding:0 10vw;display:flex}.eco-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(10px);flex-direction:column;justify-content:center;gap:1.5rem;width:400px;height:500px;padding:3rem;transition:transform .3s;display:flex}.eco-card-icon{border-radius:var(--radius-xl);background:var(--input-bg);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.eco-card h3{margin:0;font-size:2rem;font-weight:700}.eco-card p{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.eco-intro-card{box-shadow:none;background:0 0;border:none}.eco-intro-title{font-size:3rem;font-weight:900;line-height:1.1}.eco-outro-card{box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.eco-outro-title{color:var(--text-secondary);font-size:2rem;font-weight:800}@media (width<=360px){.ecosystem-track{gap:1.5rem;margin-top:3rem;padding:0 5vw}.eco-card{gap:1rem;width:260px;height:350px;padding:1.5rem}.eco-card-icon{width:40px;height:40px}.eco-card h3{font-size:1.25rem}.eco-card p{font-size:.9rem}.eco-intro-title{font-size:1.75rem}.eco-outro-title{font-size:1.25rem}}@media (width>=361px) and (width<=480px){.ecosystem-track{gap:2rem;margin-top:3.5rem;padding:0 5vw}.eco-card{gap:1rem;width:300px;height:400px;padding:2rem}.eco-card-icon{width:48px;height:48px}.eco-card h3{font-size:1.5rem}.eco-card p{font-size:1rem}.eco-intro-title{font-size:2rem}.eco-outro-title{font-size:1.5rem}}@media (width>=481px) and (width<=576px){.ecosystem-track{gap:2rem;margin-top:4rem;padding:0 6vw}.eco-card{gap:1.25rem;width:320px;height:420px;padding:2rem}.eco-intro-title{font-size:2.25rem}}@media (width>=577px) and (width<=768px){.ecosystem-track{gap:2.5rem;margin-top:4.5rem;padding:0 8vw}.eco-card{width:350px;height:450px;padding:2.5rem}.eco-intro-title{font-size:2.5rem}}@media (width>=769px) and (width<=1024px){.ecosystem-track{gap:3rem;margin-top:5rem;padding:0 10vw}.eco-card{width:380px;height:480px}}@media (width>=1441px) and (width<=1920px){.ecosystem-track{gap:4rem;margin-top:6rem}.eco-card{width:450px;height:550px;padding:3.5rem}.eco-card-icon{width:80px;height:80px}.eco-card h3{font-size:2.25rem}.eco-card p{font-size:1.25rem}.eco-intro-title{font-size:3.5rem}.eco-outro-title{font-size:2.5rem}}@media (width>=1921px){.ecosystem-track{gap:5rem;margin-top:7rem}.eco-card{gap:2rem;width:500px;height:600px;padding:4rem}.eco-card-icon{width:96px;height:96px}.eco-card h3{font-size:2.75rem}.eco-card p{font-size:1.5rem}.eco-intro-title{font-size:4.5rem}.eco-outro-title{font-size:3rem}}.featured-stacked-section{perspective:1200px;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:calc(100vh - 64px);padding:3rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.fs-title-wrapper{text-align:center;z-index:10;margin-bottom:2rem;position:relative}.fs-badge{margin-bottom:.75rem}.featured-stacked-title{text-align:center;z-index:10;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.stacked-cards-container{width:100%;max-width:1200px;height:500px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.stacked-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:350px;height:480px;transform-style:preserve-3d;will-change:transform;position:absolute;overflow:hidden;box-shadow:0 30px 60px #0006}.stacked-card-thumb{object-fit:cover;width:100%;height:200px}.fs-placeholder-thumb{background:var(--bg-primary)}.stacked-card-body{flex-direction:column;height:calc(100% - 200px);padding:1.5rem;display:flex}.fs-course-badge{width:fit-content;margin-bottom:1rem}.stacked-card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.fs-instructor{margin-bottom:auto}.fs-meta{margin-top:1rem}.fs-rating{color:var(--text-primary);font-weight:700}.fs-duration{font-size:.85rem}@media (width<=360px){.featured-stacked-section{padding:2rem 1rem 3rem}.stacked-cards-container{height:400px}.stacked-card{width:280px;height:400px}.stacked-card-thumb{height:160px}.stacked-card-body{height:calc(100% - 160px);padding:1rem}.stacked-card-title{font-size:1.1rem}.fs-course-badge{margin-bottom:.5rem}}@media (width>=361px) and (width<=480px){.featured-stacked-section{padding:2.5rem 1rem 3rem}.stacked-cards-container{height:420px}.stacked-card{width:300px;height:420px}.stacked-card-thumb{height:180px}.stacked-card-body{height:calc(100% - 180px);padding:1.25rem}.stacked-card-title{font-size:1.15rem}}@media (width>=481px) and (width<=576px){.stacked-cards-container{height:450px}.stacked-card{width:320px;height:450px}}@media (width>=577px) and (width<=768px){.stacked-cards-container{height:480px}.stacked-card{width:350px;height:480px}}@media (width>=1281px) and (width<=1440px){.stacked-cards-container{height:550px}.stacked-card{width:400px;height:550px}.stacked-card-thumb{height:220px}.stacked-card-body{height:calc(100% - 220px);padding:2rem}.stacked-card-title{font-size:1.5rem}}@media (width>=1441px) and (width<=1920px){.stacked-cards-container{height:600px}.stacked-card{width:450px;height:600px}.stacked-card-thumb{height:250px}.stacked-card-body{height:calc(100% - 250px);padding:2.5rem}.stacked-card-title{font-size:1.75rem}}@media (width>=1921px){.stacked-cards-container{height:700px}.stacked-card{width:500px;height:700px}.stacked-card-thumb{height:300px}.stacked-card-body{height:calc(100% - 300px);padding:3rem}.stacked-card-title{font-size:2rem}}.stats-explosion-section{background:var(--bg-primary);background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:8rem 0;display:flex;position:relative;overflow:hidden}.se-particles-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.se-header-wrapper{text-align:center;z-index:2;margin-bottom:4rem;position:relative}.se-badge{margin-bottom:1rem}.se-title{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.se-tagline{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.stats-explosion-grid{z-index:2;flex-wrap:wrap;justify-content:center;gap:3rem;width:100%;max-width:1200px;padding:0 1%;display:flex}.stat-explosion-item{text-align:center}.se-icon{margin-bottom:.75rem;font-size:2rem}.stat-explosion-number{background:linear-gradient(to bottom, var(--text-primary), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(4rem,5vw,6rem);font-weight:900;line-height:1}.stat-explosion-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:1.25rem}@media (width<=360px){.stats-explosion-section{padding:4rem 1rem}.se-header-wrapper{margin-bottom:2rem}.se-tagline{font-size:.9rem}.stats-explosion-grid{gap:2rem}.stat-explosion-label{font-size:.9rem}}@media (width>=361px) and (width<=480px){.stats-explosion-section{padding:5rem 1rem}.se-header-wrapper{margin-bottom:2.5rem}.stats-explosion-grid{gap:2.5rem}.stat-explosion-label{font-size:1rem}}@media (width>=481px) and (width<=576px){.stats-explosion-section{padding:5rem 2rem}.stats-explosion-grid{gap:3rem}}@media (width>=577px) and (width<=768px){.stats-explosion-section{padding:6rem 2rem}.stats-explosion-grid{gap:3.5rem}}@media (width>=769px) and (width<=1024px){.stats-explosion-section{padding:7rem 4%}.stats-explosion-grid{gap:4rem}}@media (width>=1025px) and (width<=1280px){.stats-explosion-grid{gap:5rem}}@media (width>=1281px) and (width<=1440px){.stats-explosion-section{padding:9rem 4%}.stats-explosion-grid{gap:6rem}}@media (width>=1441px) and (width<=1920px){.stats-explosion-section{padding:11rem 4%}.se-header-wrapper{margin-bottom:5rem}.se-tagline{max-width:600px;font-size:1.25rem}.stats-explosion-grid{gap:7rem}.se-icon{margin-bottom:1rem;font-size:2.5rem}.stat-explosion-label{font-size:1.5rem}}@media (width>=1921px){.stats-explosion-section{padding:13rem 4%}.se-header-wrapper{margin-bottom:6rem}.se-tagline{max-width:700px;font-size:1.5rem}.stats-explosion-grid{gap:9rem;max-width:1600px}.se-icon{margin-bottom:1.25rem;font-size:3rem}.stat-explosion-label{font-size:1.75rem}}.code-rain-section{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:8rem 0 9rem;display:flex;position:relative;overflow:hidden}.code-rain-bg{pointer-events:none;width:100%;height:100%;color:var(--accent-primary);font-family:monospace;font-size:14px;position:absolute;top:0;left:0;overflow:hidden}.code-rain-snippet{white-space:nowrap;position:absolute}.cr-content{z-index:10;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:1000px;padding:0 4%;display:flex;position:relative}.cr-phrase{text-align:center;letter-spacing:-.03em;font-size:clamp(3rem,5vw,6rem);font-weight:900;line-height:1.05}.cr-cta{text-align:center}.cr-explore-btn{border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.1rem;display:inline-flex;box-shadow:0 0 40px #3b82f659}.cr-join-text{color:var(--text-muted);margin-top:1rem;font-size:.85rem}@media (width<=360px){.code-rain-section{padding:4rem 0 5rem}.cr-content{gap:1.5rem}.cr-phrase{font-size:2rem}.cr-explore-btn{padding:.75rem 1.5rem;font-size:.95rem}}@media (width>=361px) and (width<=480px){.code-rain-section{padding:5rem 0 6rem}.cr-content{gap:1.75rem}.cr-phrase{font-size:2.5rem}.cr-explore-btn{padding:.875rem 1.75rem;font-size:1rem}}@media (width>=481px) and (width<=576px){.code-rain-section{padding:6rem 0 7rem}.cr-content{gap:2rem}.cr-phrase{font-size:3rem}.cr-explore-btn{padding:1rem 2rem;font-size:1.05rem}}@media (width>=577px) and (width<=768px){.code-rain-section{padding:7rem 0 8rem}.cr-phrase{font-size:3.5rem}}@media (width>=769px) and (width<=1024px){.cr-phrase{font-size:4rem}}@media (width>=1025px) and (width<=1280px){.cr-phrase{font-size:4.5rem}}@media (width>=1281px) and (width<=1440px){.cr-phrase{font-size:5rem}}@media (width>=1441px) and (width<=1920px){.code-rain-section{padding:10rem 0 11rem}.cr-content{gap:3rem;max-width:1200px}.cr-phrase{font-size:6rem}.cr-explore-btn{padding:1.25rem 3rem;font-size:1.25rem}.cr-join-text{margin-top:1.5rem;font-size:1rem}}@media (width>=1921px){.code-rain-section{padding:12rem 0 13rem}.cr-content{gap:4rem;max-width:1600px}.cr-phrase{font-size:8rem}.cr-explore-btn{border-radius:60px;padding:1.5rem 4rem;font-size:1.5rem}.cr-join-text{margin-top:2rem;font-size:1.25rem}}.success-stories-section{background:0 0;padding:10rem 0 8rem;position:relative;overflow:hidden}.success-bg-logos{pointer-events:none;z-index:0;opacity:.05;width:100%;height:100%;position:absolute;top:0;left:0}.success-logo{color:var(--text-primary);font-weight:900;position:absolute}.success-content{z-index:1;max-width:1400px;margin:0 auto;padding:0 4%;position:relative}.ss-header-wrapper{text-align:center;margin-bottom:3rem}.ss-badge{margin-bottom:1rem}.ss-tagline{margin:0 auto}.ss-trust-bar{background:var(--glass-bg);border-radius:var(--radius-xl);border:1px solid var(--glass-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:4rem;padding:1rem 2rem;display:flex}.ss-trust-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.ss-trust-company{border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.35rem 1rem;font-size:.85rem;font-weight:700}.success-cards-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem;display:grid}.ss-testimonial-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.ss-stars{gap:.25rem;display:flex}.ss-quote-icon{color:var(--accent-primary);opacity:.4}.ss-testimonial-text{color:var(--text-primary);margin:0;font-size:1.05rem;font-style:italic;line-height:1.7}.ss-author-row{border-top:1px solid var(--border-color);align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.ss-author-init{background:var(--badge-bg);width:48px;height:48px;color:var(--accent-primary);border:1px solid #3b82f64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.ss-author-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.ss-author-role{color:var(--text-secondary);font-size:.8rem}@media (width<=360px){.success-stories-section{padding:4rem 0 3rem}.success-content{padding:0 1rem}.ss-header-wrapper{margin-bottom:2rem}.ss-trust-bar{border-radius:var(--radius-lg);gap:.5rem;padding:.75rem 1rem}.ss-trust-label{text-align:center;width:100%;font-size:.75rem}.ss-trust-company{padding:.25rem .75rem;font-size:.75rem}.success-cards-container{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}.ss-testimonial-card{gap:1rem;padding:1.25rem}.ss-testimonial-text{font-size:.9rem;line-height:1.5}.ss-author-row{padding-top:1rem}}@media (width>=361px) and (width<=480px){.success-stories-section{padding:5rem 0 4rem}.ss-header-wrapper{margin-bottom:2.5rem}.ss-trust-bar{gap:.5rem;padding:1rem}.ss-trust-label{text-align:center;width:100%;margin-bottom:.5rem;font-size:.8rem}.success-cards-container{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.ss-testimonial-card{gap:1.25rem;padding:1.5rem}.ss-testimonial-text{font-size:.95rem}}@media (width>=481px) and (width<=576px){.success-stories-section{padding:5rem 0 4rem}.success-cards-container{grid-template-columns:1fr;gap:2rem}.ss-testimonial-card{padding:1.75rem}}@media (width>=577px) and (width<=768px){.success-stories-section{padding:6rem 0 5rem}.success-cards-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ss-testimonial-card{padding:2rem}}@media (width>=769px) and (width<=1024px){.success-stories-section{padding:7rem 0 6rem}.success-cards-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (width>=1281px) and (width<=1440px){.success-stories-section{padding:11rem 0 9rem}.success-content{max-width:1600px}.success-cards-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (width>=1441px) and (width<=1920px){.success-stories-section{padding:13rem 0 11rem}.success-content{max-width:1800px}.ss-header-wrapper{margin-bottom:5rem}.ss-trust-bar{margin-bottom:5rem;padding:1.5rem 3rem}.ss-trust-label{font-size:1rem}.ss-trust-company{padding:.5rem 1.25rem;font-size:1rem}.success-cards-container{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem;margin-top:5rem}.ss-testimonial-card{gap:2rem;padding:3rem}.ss-testimonial-text{font-size:1.2rem}}@media (width>=1921px){.success-stories-section{padding:15rem 0 13rem}.success-content{max-width:2200px}.ss-header-wrapper{margin-bottom:6rem}.ss-trust-bar{gap:1rem;margin-bottom:6rem;padding:2rem 4rem}.ss-trust-label{font-size:1.2rem}.ss-trust-company{padding:.75rem 1.5rem;font-size:1.2rem}.success-cards-container{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:4rem;margin-top:6rem}.ss-testimonial-card{gap:2.5rem;padding:4rem}.ss-testimonial-text{font-size:1.35rem}}.roadmaps-universe-section{background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:7rem 4% 6rem;display:flex;position:relative;overflow:hidden}.rm-header-wrapper{text-align:center;width:100%;max-width:700px;margin-bottom:4rem}.rm-badge{margin-bottom:1rem}.rm-tagline{color:var(--text-secondary);margin:0;font-size:1.1rem;line-height:1.6}.roadmaps-graph-desktop{width:100%;max-width:900px;height:540px;display:none;position:relative}.roadmap-svg-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.roadmap-path{fill:none;stroke:#6366f14d;stroke-width:2px;stroke-dasharray:1000;stroke-dashoffset:1000px}.roadmap-nodes-container{z-index:2;width:100%;max-width:1200px;height:100%;position:relative}.roadmap-node{background:var(--bg-tertiary);border:2px solid var(--border-color);width:120px;height:120px;color:var(--text-primary);opacity:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s;display:flex;position:absolute;transform:scale(.5);box-shadow:0 0 20px #00000080}.roadmap-node:hover{border-color:var(--accent-primary);box-shadow:0 0 30px #6366f166;transform:scale(1.1)!important}.rm-node-label{text-align:center;font-size:.8rem;line-height:1.2}@media (width>=768px){.roadmaps-graph-desktop{display:block!important}.roadmaps-mobile-grid{display:none!important}}.roadmaps-mobile-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:600px;display:grid}@media (width>=480px){.roadmaps-mobile-grid{grid-template-columns:repeat(3,1fr)}}.roadmap-mobile-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);text-align:center;background:#ffffff08;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.roadmap-mobile-card:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#3b82f60d;transform:translateY(-3px)}.roadmap-mobile-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.25rem;display:flex}.rm-arrow-icon{color:var(--text-muted);margin-left:auto}.rm-btn-primary{border-radius:var(--radius-full);align-items:center;gap:.5rem;margin-top:3rem;padding:.9rem 2.5rem;font-size:1rem;display:inline-flex}@media (width<=360px){.roadmaps-universe-section{padding:4rem 4% 5rem}.rm-header-wrapper{margin-bottom:2rem}.rm-tagline{font-size:.9rem}.roadmaps-mobile-grid{grid-template-columns:1fr}.roadmap-mobile-card{padding:1rem}.rm-btn-primary{justify-content:center;width:100%;margin-top:2rem}}@media (width>=361px) and (width<=480px){.roadmaps-universe-section{padding:5rem 4% 6rem}.rm-header-wrapper{margin-bottom:2.5rem}.roadmaps-mobile-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.rm-btn-primary{justify-content:center;width:100%;margin-top:2rem}}@media (width>=481px) and (width<=576px){.roadmaps-universe-section{padding:5rem 4% 6rem}.roadmaps-mobile-grid{gap:1rem}}@media (width>=577px) and (width<=768px){.roadmaps-universe-section{padding:6rem 4% 7rem}.rm-header-wrapper{margin-bottom:3rem}.rm-tagline{font-size:1rem}}@media (width>=769px) and (width<=1024px){.roadmaps-universe-section{padding:7rem 4% 8rem}.roadmaps-graph-desktop{max-width:700px;height:450px}.roadmap-node{width:100px;height:100px}}@media (width>=1281px) and (width<=1440px){.roadmaps-universe-section{padding:8rem 4% 9rem}.roadmaps-graph-desktop{max-width:1000px;height:600px}.roadmap-node{width:130px;height:130px}}@media (width>=1441px) and (width<=1920px){.roadmaps-universe-section{padding:10rem 4% 11rem}.rm-header-wrapper{max-width:800px;margin-bottom:5rem}.rm-tagline{font-size:1.25rem}.roadmaps-graph-desktop{max-width:1200px;height:700px}.roadmap-node{width:150px;height:150px}.rm-btn-primary{margin-top:4rem;padding:1.25rem 3rem;font-size:1.25rem}}@media (width>=1921px){.roadmaps-universe-section{padding:12rem 4% 13rem}.rm-header-wrapper{max-width:1000px;margin-bottom:6rem}.rm-tagline{font-size:1.5rem}.roadmaps-graph-desktop{max-width:1400px;height:800px}.roadmap-node{gap:1rem;width:180px;height:180px}.rm-node-label{font-size:1rem}.rm-btn-primary{margin-top:5rem;padding:1.5rem 4rem;font-size:1.5rem}}.final-cta-section{text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:9rem 4% 10rem;display:flex;position:relative;overflow:hidden}.final-cta-bg{display:none}.final-cta-content{z-index:10;opacity:1;position:relative;transform:translateY(0)}.final-cta-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:1.05}.fcta-badge{margin-bottom:1.5rem}.fcta-tagline{color:var(--text-secondary);max-width:520px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.fcta-buttons-wrapper{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.fcta-btn-primary{border-radius:var(--radius-full);padding:1rem 2.5rem;font-size:1.1rem;box-shadow:0 0 40px #3b82f659}.fcta-btn-secondary{border-radius:var(--radius-full);padding:1rem 2.5rem;font-size:1.1rem}.fcta-trust-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.fcta-trust-chip{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.9rem;display:flex}.fcta-trust-icon{color:var(--accent-primary)}.fcta-trust-value{color:var(--text-primary)}@media (width<=360px){.final-cta-section{padding:4rem 4% 5rem}.final-cta-title{margin-bottom:1rem;font-size:2rem}.fcta-badge{margin-bottom:1rem}.fcta-tagline{margin-bottom:2rem;font-size:.9rem}.fcta-buttons-wrapper{gap:.75rem;margin-bottom:2rem}.fcta-btn-primary,.fcta-btn-secondary{text-align:center;justify-content:center;width:100%;padding:.75rem 1.5rem;font-size:.95rem}.fcta-trust-row{gap:.75rem}.fcta-trust-chip{justify-content:center;width:100%;padding:.5rem 1rem;font-size:.8rem}}@media (width>=361px) and (width<=480px){.final-cta-section{padding:5rem 4% 6rem}.final-cta-title{font-size:2.25rem}.fcta-btn-primary,.fcta-btn-secondary{text-align:center;justify-content:center;width:100%}.fcta-trust-row{gap:1rem}.fcta-trust-chip{justify-content:center;width:100%}}@media (width>=481px) and (width<=576px){.final-cta-section{padding:6rem 4% 7rem}.final-cta-title{font-size:2.75rem}}@media (width>=577px) and (width<=768px){.final-cta-section{padding:7rem 4% 8rem}.final-cta-title{font-size:3.25rem}}@media (width>=769px) and (width<=1024px){.final-cta-section{padding:8rem 4% 9rem}.final-cta-title{font-size:4rem}}@media (width>=1281px) and (width<=1440px){.final-cta-title{font-size:6rem}}@media (width>=1441px) and (width<=1920px){.final-cta-section{padding:11rem 4% 12rem}.final-cta-title{margin-bottom:2rem;font-size:7rem}.fcta-tagline{max-width:600px;margin-bottom:3rem;font-size:1.35rem}.fcta-btn-primary,.fcta-btn-secondary{padding:1.25rem 3rem;font-size:1.25rem}.fcta-trust-chip{padding:.75rem 1.5rem;font-size:1rem}}@media (width>=1921px){.final-cta-section{padding:13rem 4% 14rem}.final-cta-title{margin-bottom:2.5rem;font-size:8rem}.fcta-tagline{max-width:700px;margin-bottom:4rem;font-size:1.5rem}.fcta-buttons-wrapper{gap:1.5rem;margin-bottom:4rem}.fcta-btn-primary,.fcta-btn-secondary{padding:1.5rem 4rem;font-size:1.5rem}.fcta-trust-row{gap:2.5rem}.fcta-trust-chip{padding:1rem 2rem;font-size:1.25rem}}.user-avatar{background-color:var(--bg-secondary);color:var(--text-primary);width:calc(var(--avatar-base-size,40px) * var(--avatar-scale,1));height:calc(var(--avatar-base-size,40px) * var(--avatar-scale,1));font-weight:600;font-size:calc(var(--avatar-base-size,40px) * var(--avatar-scale,1) * .4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:width .3s,height .3s,font-size .3s;display:flex;position:relative;overflow:hidden}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-initial{justify-content:center;align-items:center;display:flex}.avatar-icon{color:var(--text-muted);width:calc(var(--avatar-base-size,40px) * var(--avatar-scale,1) * .5);height:calc(var(--avatar-base-size,40px) * var(--avatar-scale,1) * .5);transition:width .3s,height .3s}.avatar-loader{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=360px){.user-avatar{--avatar-scale:.75}}@media (width>=361px) and (width<=480px){.user-avatar{--avatar-scale:.85}}@media (width>=481px) and (width<=576px){.user-avatar{--avatar-scale:.9}}@media (width>=577px) and (width<=768px){.user-avatar{--avatar-scale:.95}}@media (width>=769px) and (width<=1024px){.user-avatar{--avatar-scale:1}}@media (width>=1025px) and (width<=1280px){.user-avatar{--avatar-scale:1}}@media (width>=1281px) and (width<=1440px){.user-avatar{--avatar-scale:1}}@media (width>=1441px) and (width<=1920px){.user-avatar{--avatar-scale:1.15}}@media (width>=1921px){.user-avatar{--avatar-scale:1.3}}.course-details-page{background-color:var(--bg-primary);min-height:100vh;padding-bottom:6rem}.cd-hero{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);color:var(--text-primary);padding:4rem 1.5rem 6rem;position:relative;overflow:hidden}.cd-hero:before{content:"";background:radial-gradient(circle at top right, var(--badge-bg), transparent 60%);pointer-events:none;position:absolute;inset:0}.cd-hero-container{z-index:10;grid-template-columns:2fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid;position:relative}@media (width<=1024px){.cd-hero-container{grid-template-columns:1fr}}.cd-hero-content{padding-right:2rem}@media (width<=1024px){.cd-hero-content{padding-right:0}}.cd-badge-bestseller{background:var(--warning);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.cd-title{color:var(--text-primary);margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.cd-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.25rem;line-height:1.6}.cd-meta-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.9375rem;display:flex}.cd-rating{color:var(--warning);align-items:center;gap:.5rem;font-weight:700;display:flex}.cd-main-container{grid-template-columns:2fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem;display:grid;position:relative}@media (width<=1024px){.cd-main-container{grid-template-columns:1fr;padding-top:2rem}}.cd-content-river{flex-direction:column;gap:4rem;display:flex}.cd-sticky-wrapper{position:relative}.cd-purchase-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:20;margin-top:-300px;position:sticky;top:100px;overflow:hidden}@media (width<=1024px){.cd-purchase-card{grid-row:1;margin-top:0;margin-bottom:3rem;position:relative;top:0}}.cd-card-thumb{background:var(--bg-tertiary);cursor:pointer;height:220px;position:relative}.cd-card-thumb img{object-fit:cover;width:100%;height:100%}.cd-card-play{background:var(--overlay-bg);color:#fff;flex-direction:column;justify-content:center;align-items:center;font-weight:700;transition:background .3s;display:flex;position:absolute;inset:0}.cd-card-thumb:hover .cd-card-play{background:#0009}.cd-card-body{padding:2rem}.cd-price{color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.cd-includes-list{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.cd-includes-item{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.9375rem;display:flex}.cd-section-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.cd-outcomes-grid{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:1rem;padding:2rem;display:grid}@media (width<=600px){.cd-outcomes-grid{grid-template-columns:1fr}}.cd-outcome-item{color:var(--text-secondary);align-items:flex-start;gap:1rem;font-size:.9375rem;line-height:1.5;display:flex}.cd-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);margin-bottom:1rem;overflow:hidden}.cd-accordion-header{cursor:pointer;background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1.5rem;transition:background .2s;display:flex}.cd-accordion-header:hover{background:var(--bg-tertiary)}.cd-module-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.cd-module-meta{color:var(--text-secondary);font-size:.875rem}.cd-accordion-body{border-top:1px solid var(--border-color)}.cd-lesson-item{border-bottom:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.9375rem;display:flex}.cd-lesson-item:last-child{border-bottom:none}.cd-lesson-left{align-items:center;gap:1rem;display:flex}.cd-mobile-cta{background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow-lg);padding:1rem 1.5rem;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=1024px){.cd-mobile-cta{justify-content:space-between;align-items:center;display:flex}.course-details-page{padding-bottom:8rem}}.cd-loader-page{min-height:100vh}.cd-rating-val{font-size:1.25rem}.cd-rating-count{margin-left:.25rem;font-weight:400}.cd-meta-stat{color:#ffffffb3}.cd-meta-info{color:#fff9;font-size:.875rem}.cd-meta-author{color:#fff}.cd-outcome-icon{flex-shrink:0;margin-top:.1rem}.cd-lesson-preview-link{color:var(--accent-primary);cursor:pointer;text-decoration:underline}.cd-lesson-meta{font-size:.875rem}.cd-instructor-name{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.cd-instructor-headline{margin-bottom:1rem}.cd-instructor-stats{font-size:.875rem}.cd-instructor-bio{line-height:1.6}.cd-instructor-expertise{margin-top:1rem}.cd-expertise-label{color:var(--text-primary)}.cd-reviews-header{align-items:center}.cd-rating-big-box{text-align:center;background:var(--bg-tertiary);border-radius:12px;min-width:150px;padding:1.5rem}.cd-rating-big-val{color:var(--warning);font-size:3rem;font-weight:800;line-height:1}.cd-rating-big-count{font-size:.875rem}.cd-reviews-info{flex:1}.cd-my-review-card{padding:1rem}.cd-review-status-badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.status-approved{color:var(--success);background:#10b9811a}.status-rejected{color:var(--danger);background:#ef44441a}.status-pending{color:var(--warning);background:#f59e0b1a}.cd-edit-review-btn{padding:.5rem 1rem;font-size:.875rem}.cd-review-item{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.cd-review-date{font-size:.75rem}.cd-review-title{margin-bottom:.5rem;font-size:1rem;font-weight:600}.cd-review-comment{font-size:.875rem;line-height:1.6}.cd-card-preview-text{margin-top:.5rem;font-size:.875rem}.cd-card-enroll-btn{width:100%;margin-bottom:1rem;padding:1rem;font-size:1.125rem}.cd-card-guarantee{justify-content:center;font-size:.75rem}.cd-includes-title{color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.cd-mobile-price{margin-bottom:0;font-size:1.5rem}.cd-mobile-enroll-btn{padding:.75rem 2rem}.cd-trailer-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cd-trailer-modal-content{background-color:#000;border-radius:12px;width:90%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.cd-trailer-close-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex;position:absolute;top:15px;right:15px}.cd-trailer-close-btn:hover{background:#000c}.cd-trailer-video{outline:none;width:100%;max-height:85vh;display:block}@media (width<=360px){.cd-hero{padding:2rem 1rem 3rem}.cd-title{font-size:2rem}.cd-subtitle{font-size:1rem}.cd-meta-row{flex-direction:column;align-items:flex-start;gap:.75rem}.cd-rating-big-box{min-width:120px;padding:1rem}.cd-rating-big-val{font-size:2rem}.cd-mobile-cta{padding:.75rem 1rem}.cd-mobile-price{font-size:1.25rem}.cd-mobile-enroll-btn{padding:.5rem 1rem;font-size:.95rem}}@media (width>=361px) and (width<=480px){.cd-hero{padding:2.5rem 1.25rem 4rem}.cd-title{font-size:2.25rem}.cd-meta-row{gap:1rem}.cd-rating-big-box{min-width:130px;padding:1.25rem}.cd-mobile-cta{padding:1rem}.cd-mobile-enroll-btn{padding:.75rem 1.25rem}}@media (width>=481px) and (width<=576px){.cd-hero{padding:3rem 1.5rem 5rem}.cd-title{font-size:2.5rem}.cd-rating-big-box{padding:1.5rem}}@media (width>=577px) and (width<=768px){.cd-hero{padding:3.5rem 2rem 5rem}.cd-title{font-size:2.75rem}.cd-main-container{padding:2rem}}@media (width>=769px) and (width<=1024px){.cd-hero-container{grid-template-columns:1.5fr 1fr}.cd-main-container{grid-template-columns:1.5fr 1fr;padding:2.5rem 2rem}.cd-purchase-card{margin-top:-200px}.cd-mobile-cta{display:none}.course-details-page{padding-bottom:2rem}}@media (width>=1025px) and (width<=1280px){.cd-hero-container,.cd-main-container{gap:4rem;max-width:1100px}}@media (width>=1281px) and (width<=1440px){.cd-hero-container,.cd-main-container{gap:5rem;max-width:1250px}.cd-title{font-size:3.5rem}.cd-subtitle{font-size:1.35rem}}@media (width>=1441px) and (width<=1920px){.cd-hero-container{gap:6rem;max-width:1500px}.cd-main-container{gap:6rem;max-width:1500px;padding:0 2rem 4rem}.cd-title{margin-bottom:1.5rem;font-size:4rem}.cd-subtitle{margin-bottom:2rem;font-size:1.5rem}.cd-meta-row{gap:2rem;font-size:1.125rem}.cd-rating-val{font-size:1.5rem}.cd-meta-info{font-size:1rem}.cd-section-title{margin-bottom:2rem;font-size:2rem}.cd-outcomes-grid{gap:1.5rem;padding:3rem}.cd-outcome-item{font-size:1.125rem}.cd-module-title{font-size:1.25rem}.cd-lesson-item{padding:1.25rem 2rem;font-size:1.125rem}.cd-instructor-name{font-size:1.5rem}.cd-instructor-headline{font-size:1.125rem}.cd-instructor-stats{gap:2rem;font-size:1rem}.cd-instructor-bio{font-size:1.125rem}.cd-rating-big-box{min-width:200px;padding:2rem}.cd-rating-big-val{font-size:4rem}.cd-rating-big-count{font-size:1rem}.cd-review-item{margin-bottom:2rem;padding-bottom:2rem}.cd-card-thumb{height:280px}.cd-card-body{padding:2.5rem}.cd-price{font-size:3rem}.cd-card-enroll-btn{padding:1.25rem;font-size:1.35rem}.cd-includes-title{margin-bottom:1rem;font-size:1.25rem}.cd-includes-item{margin-bottom:.5rem;font-size:1.125rem}}@media (width>=1921px){.cd-hero-container{gap:8rem;max-width:1800px}.cd-main-container{gap:8rem;max-width:1800px;padding:0 2rem 5rem}.cd-title{margin-bottom:2rem;font-size:5rem;line-height:1.1}.cd-subtitle{margin-bottom:2.5rem;font-size:1.75rem}.cd-meta-row{gap:2.5rem;font-size:1.35rem}.cd-rating-val{font-size:1.75rem}.cd-meta-info{font-size:1.25rem}.cd-section-title{margin-bottom:2.5rem;font-size:2.5rem}.cd-outcomes-grid{border-radius:var(--radius-xl);gap:2rem;padding:4rem}.cd-outcome-item{font-size:1.35rem}.cd-outcome-icon{width:28px;height:28px}.cd-module-title{font-size:1.5rem}.cd-module-meta{font-size:1.125rem}.cd-accordion-header{padding:2rem}.cd-lesson-item{padding:1.5rem 2.5rem;font-size:1.35rem}.cd-instructor-name{font-size:2rem}.cd-instructor-headline{margin-bottom:1.5rem;font-size:1.35rem}.cd-instructor-stats{gap:2.5rem;margin-bottom:2rem;font-size:1.25rem}.cd-instructor-bio{font-size:1.35rem}.cd-rating-big-box{min-width:250px;padding:3rem}.cd-rating-big-val{font-size:5rem}.cd-rating-big-count,.cd-reviews-info{font-size:1.25rem}.cd-review-item{margin-bottom:2.5rem;padding-bottom:2.5rem}.cd-review-title{font-size:1.35rem}.cd-review-comment{font-size:1.25rem}.cd-purchase-card{border-radius:var(--radius-2xl)}.cd-card-thumb{height:350px}.cd-card-body{padding:3rem}.cd-price{margin-bottom:2rem;font-size:4rem}.cd-card-enroll-btn{border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem;font-size:1.5rem}.cd-card-guarantee{margin-bottom:2rem;font-size:1rem}.cd-includes-title{margin-bottom:1.5rem;font-size:1.5rem}.cd-includes-item{margin-bottom:1rem;font-size:1.35rem}.cd-card-play svg{width:80px;height:80px}.cd-card-preview-text{margin-top:1rem;font-size:1.25rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-content.review-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000080}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.btn-close-modal{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.btn-close-modal:hover{color:#fff}.modal-body{padding:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.form-control{background:var(--bg-tertiary);border:1px solid var(--border-color);color:#fff;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.star-picker{align-items:center;display:flex}.star-btn{cursor:pointer;background:0 0;border:none;padding:.25rem;transition:transform .1s}.star-btn:hover{transform:scale(1.1)}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.alert-error{color:var(--danger);background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:1rem}.review-star-icon{width:32px;height:32px;transition:all .2s}@media (width<=360px){.modal-overlay{align-items:flex-end}.modal-content.review-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh}.modal-header,.modal-body{padding:1rem}.review-star-icon{width:22px;height:22px}.modal-footer{flex-direction:column-reverse;gap:.5rem}.modal-footer button{width:100%}}@media (width>=361px) and (width<=480px){.modal-overlay{align-items:flex-end}.modal-content.review-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:95vh}.modal-header,.modal-body{padding:1.25rem}.review-star-icon{width:24px;height:24px}.modal-footer{flex-direction:column-reverse;gap:.75rem}.modal-footer button{width:100%}}@media (width>=481px) and (width<=576px){.modal-content.review-modal{width:95%;max-width:500px}.modal-header,.modal-body{padding:1.25rem}.review-star-icon{width:26px;height:26px}.modal-footer{flex-direction:column-reverse;gap:.75rem}.modal-footer button{width:100%}}@media (width>=577px) and (width<=768px){.modal-content.review-modal{width:95%;max-width:540px}.modal-header,.modal-body{padding:1.25rem}.review-star-icon{width:28px;height:28px}.modal-footer{flex-direction:row;gap:1rem}}@media (width>=769px) and (width<=1024px){.modal-content.review-modal{max-width:580px}.modal-header,.modal-body{padding:1.5rem}.review-star-icon{width:32px;height:32px}.modal-footer{flex-direction:row;gap:1rem}}@media (width>=1025px) and (width<=1280px){.modal-content.review-modal{max-width:600px}.modal-header,.modal-body{padding:1.5rem}.review-star-icon{width:32px;height:32px}}@media (width>=1281px) and (width<=1440px){.modal-content.review-modal{max-width:640px}.modal-header,.modal-body{padding:2rem}.review-star-icon{width:36px;height:36px}}@media (width>=1441px) and (width<=1920px){.modal-content.review-modal{max-width:680px}.modal-header,.modal-body{padding:2.25rem}.review-star-icon{width:40px;height:40px}.form-control{padding:1rem 1.25rem;font-size:1.1rem}}@media (width>=1921px){.modal-content.review-modal{max-width:760px}.modal-header,.modal-body{padding:2.5rem}.review-star-icon{width:48px;height:48px}.form-control{padding:1.15rem 1.5rem;font-size:1.2rem}}.checkout-page{background-color:var(--bg-primary);justify-content:center;align-items:flex-start;min-height:100vh;padding:4rem 1.5rem;display:flex}.checkout-container{grid-template-columns:1.2fr 1fr;gap:3rem;width:100%;max-width:1100px;display:grid}@media (width<=900px){.checkout-container{grid-template-columns:1fr}}.checkout-payment-section{flex-direction:column;display:flex}.checkout-header{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.checkout-header h1{color:var(--text-primary);font-size:2rem;font-weight:800}.payment-method-box{border:1px solid var(--accent-primary);background:var(--badge-bg);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem;position:relative}.payment-method-box:before{content:"";background-color:var(--accent-primary);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg);width:4px;position:absolute;top:-1px;bottom:-1px;left:-1px}.payment-method-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;display:flex}.trust-badges{border-top:1px solid var(--border-color);flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:2rem;display:flex}.trust-item{align-items:flex-start;gap:1rem;display:flex}.trust-icon{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:50%;flex-shrink:0;padding:.75rem}.checkout-summary-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.5rem;position:sticky;top:100px}.summary-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:800}.summary-item{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.summary-item-thumb{background:var(--bg-tertiary);border-radius:var(--radius-md);width:80px;height:60px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.summary-details{flex:1}.summary-item-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.4}.summary-badge{background:var(--card-bg);border:1px solid var(--success);color:var(--success);border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.summary-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:1rem;font-size:.9375rem;display:flex}.summary-total{border-top:2px dashed var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;font-size:1.5rem;font-weight:800;display:flex}.secure-note{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;font-size:.8125rem;display:flex}.checkout-success-container{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:600px;box-shadow:var(--shadow-lg);margin:0 auto;padding:4rem 2rem}.success-icon-wrapper{background:var(--card-bg);border:1px solid var(--success);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.checkout-success-title{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:800}.checkout-success-desc{margin-bottom:2.5rem;font-size:1.125rem}.checkout-success-btn{padding:1rem 3rem;font-size:1.125rem}.checkout-back-link{align-items:center;gap:.25rem;width:fit-content;display:inline-flex}.checkout-alert{margin-bottom:2rem}.checkout-alert-icon{flex-shrink:0;margin-top:2px}.checkout-alert-text{font-size:.875rem}.checkout-payment-desc{margin-bottom:1.5rem;font-size:.875rem}.checkout-submit-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.125rem;display:flex}.checkout-trust-title{color:var(--text-primary);margin-bottom:.25rem;font-weight:700}.checkout-trust-desc{font-size:.875rem}@media (width<=360px){.checkout-page{padding:1.5rem 1rem}.checkout-container{grid-template-columns:1fr;gap:2rem}.checkout-header h1{font-size:1.5rem}.payment-method-box{padding:1rem}.checkout-summary-section{padding:1.5rem;position:static}.trust-item{text-align:center;flex-direction:column;align-items:center}.checkout-success-title{font-size:1.5rem}.checkout-success-btn{text-align:center;width:100%;padding:.75rem 1.5rem}}@media (width>=361px) and (width<=480px){.checkout-page{padding:2rem 1.25rem}.checkout-container{grid-template-columns:1fr;gap:2rem}.checkout-header h1{font-size:1.75rem}.payment-method-box{padding:1.25rem}.checkout-summary-section{padding:2rem;position:static}.trust-item{text-align:center;flex-direction:column;align-items:center}}@media (width>=481px) and (width<=576px){.checkout-page{padding:2.5rem 1.5rem}.checkout-container{grid-template-columns:1fr;gap:2.5rem}.checkout-summary-section{position:static}}@media (width>=577px) and (width<=768px){.checkout-page{padding:3rem 2rem}.checkout-container{grid-template-columns:1fr;gap:3rem}.checkout-summary-section{position:static}.payment-method-box{padding:2rem}}@media (width>=769px) and (width<=1024px){.checkout-container{grid-template-columns:1fr 1fr;gap:2rem}.checkout-summary-section{padding:2rem}}@media (width>=1025px) and (width<=1280px){.checkout-container{gap:4rem;max-width:1200px}}@media (width>=1281px) and (width<=1440px){.checkout-container{gap:5rem;max-width:1300px}.checkout-header h1{font-size:2.5rem}.checkout-submit-btn{padding:1.25rem;font-size:1.25rem}}@media (width>=1441px) and (width<=1920px){.checkout-container{gap:6rem;max-width:1500px}.checkout-header h1{font-size:3rem}.payment-method-title{margin-bottom:1rem;font-size:1.5rem}.checkout-payment-desc{font-size:1.1rem}.checkout-submit-btn{padding:1.5rem;font-size:1.35rem}.checkout-trust-title{font-size:1.25rem}.checkout-trust-desc{font-size:1.1rem}.summary-title{font-size:1.75rem}.summary-item-title{font-size:1.25rem}.summary-row{font-size:1.1rem}.summary-total{font-size:2rem}}@media (width>=1921px){.checkout-container{gap:8rem;max-width:1800px}.checkout-header h1{font-size:3.5rem}.payment-method-box{padding:3rem}.payment-method-title{margin-bottom:1.5rem;font-size:1.75rem}.checkout-payment-desc{margin-bottom:2.5rem;font-size:1.35rem}.checkout-submit-btn{border-radius:var(--radius-lg);padding:2rem;font-size:1.5rem}.trust-icon{padding:1.25rem}.trust-icon svg{width:40px;height:40px}.checkout-trust-title{margin-bottom:.5rem;font-size:1.5rem}.checkout-trust-desc{font-size:1.25rem}.checkout-summary-section{padding:4rem}.summary-title{margin-bottom:2.5rem;font-size:2rem}.summary-item-thumb{width:120px;height:90px}.summary-item-thumb svg{width:40px;height:40px}.summary-item-title{margin-bottom:1rem;font-size:1.5rem}.summary-badge{padding:.5rem 1rem;font-size:1rem}.summary-row{margin-bottom:1.5rem;font-size:1.35rem}.summary-total{margin-top:2.5rem;padding-top:2.5rem;font-size:2.5rem}.secure-note{margin-top:3rem;font-size:1.1rem}.secure-note svg{width:24px;height:24px}}.dash-container{flex-direction:column;gap:2.5rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;animation:.5s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.view-all-link{color:var(--text-muted);font-size:.875rem;font-weight:600;transition:color .2s}.view-all-link:hover{color:var(--text-primary)}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.overview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.overview-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 24px -10px #00000080}.overview-card:before{content:"";background:radial-gradient(circle, var(--glow-color,#ffffff08) 0%, transparent 50%);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.overview-card:hover:before{opacity:1}.progress-ring-container{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.progress-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff0d;stroke-width:8px}.progress-ring-fill{fill:none;stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--ring-color,currentColor));transition:stroke-dashoffset 1.5s ease-out}.progress-ring-text{color:var(--text-primary);font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.progress-ring-percent{font-size:1.5rem;font-weight:800;line-height:1}.progress-ring-sublabel{color:var(--text-secondary);margin-top:2px;font-size:.75rem;font-weight:600}.overview-info h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem}.overview-info p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.sparkline{opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 24' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 12 Q 10 24 20 12 T 40 12 T 60 12 T 80 12 T 100 12'/%3E%3C/svg%3E") 50%/contain no-repeat;width:100px;height:24px}.hero-slider-container{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.hero-slider-container::-webkit-scrollbar{display:none}.hero-card{scroll-snap-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);flex-direction:column;gap:2rem;min-width:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}@media (width>=768px){.hero-card{flex-direction:row;padding:2rem}}.hero-card-bg-glow{background:var(--accent-primary);filter:blur(120px);opacity:.15;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;right:-50px}.hero-thumb{border-radius:var(--radius-xl);aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}@media (width>=768px){.hero-thumb{width:35%}}.hero-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hero-card:hover .hero-thumb img{transform:scale(1.05)}.hero-content{z-index:1;flex-direction:column;flex:1;justify-content:center;display:flex}.hero-module-text{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.hero-title{margin-bottom:1rem;font-size:2rem;font-weight:800;line-height:1.2}.hero-lesson{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.hero-progress-area{max-width:500px;margin-bottom:2rem}.hero-progress-stats{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.hero-progress-stats .percent{color:var(--text-primary);font-size:1rem;font-weight:700}.hero-progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.hero-progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));height:100%;box-shadow:0 0 10px var(--accent-primary);border-radius:4px;transition:width 1s ease-out}.activity-section{flex-direction:column;gap:1.5rem;display:flex}@media (width>=1024px){.activity-section{flex-direction:row}}.activity-calendar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex:1;padding:1.5rem}.heatmap-container{gap:4px;padding-bottom:1rem;display:flex;overflow-x:auto}.heatmap-column{flex-direction:column;gap:4px;display:flex}.heatmap-cell{background:var(--bg-tertiary);border-radius:3px;width:14px;height:14px;transition:transform .1s}.heatmap-cell:hover{z-index:10;transform:scale(1.2)}.heatmap-cell.level-1{background:color-mix(in srgb, var(--success) 30%, transparent)}.heatmap-cell.level-2{background:color-mix(in srgb, var(--success) 60%, transparent)}.heatmap-cell.level-3{background:color-mix(in srgb, var(--success) 85%, transparent)}.heatmap-cell.level-4{background:var(--success);box-shadow:0 0 8px color-mix(in srgb, var(--success) 60%, transparent)}.activity-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;min-width:300px;display:grid}.activity-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem;transition:transform .2s;display:flex}.activity-stat:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-icon-wrapper{color:var(--accent-primary)}.stat-value{font-size:1.5rem;font-weight:800;font-family:var(--font-display)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.carousel-container{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1.5rem;margin:-1rem 0 -2rem;padding:1rem 0 2rem;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.course-card-modern{scroll-snap-align:start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;min-width:280px;max-width:280px;transition:all .3s;display:flex;overflow:hidden}.course-card-modern:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 16px 32px -12px #00000080}.cc-thumb{height:150px;position:relative;overflow:hidden}.cc-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.course-card-modern:hover .cc-thumb img{transform:scale(1.1)}.cc-overlay{background:linear-gradient(#0000,#000c);position:absolute;inset:0}.cc-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.cc-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.3}.cc-instructor{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.cc-meta{justify-content:space-between;align-items:center;margin-top:auto;font-size:.875rem;display:flex}.cc-rating{color:var(--warning);align-items:center;gap:.25rem;font-weight:600;display:flex}.cc-price{color:var(--text-primary);font-weight:700}.roadmap-card{scroll-snap-align:start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center;gap:1.25rem;min-width:320px;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.roadmap-card:hover{background:var(--bg-tertiary);border-color:#ffffff1a;transform:translateY(-4px)}.rm-icon{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.rm-info flex-grow{flex:1}.rm-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.rm-count{color:var(--text-secondary);font-size:.875rem}.rm-line{background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.3;height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.roadmap-card:hover .rm-line{opacity:1}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.achievement-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:1rem;transition:transform .2s;display:flex}.achievement-badge:hover{background:var(--bg-tertiary);transform:scale(1.02)}.ach-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ach-icon.locked{background:var(--bg-tertiary);color:var(--text-muted)}.ach-icon.unlocked{color:var(--success);background:#10b9811a}.ach-info h4{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.ach-info p{color:var(--text-secondary);font-size:.75rem}.goals-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.goal-item{align-items:center;gap:1rem;display:flex}.goal-icon{width:48px;height:48px;color:var(--success);background:#10b9811a;border-radius:12px;justify-content:center;align-items:center;display:flex}.goal-details{flex:1}.goal-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.goal-title{font-size:.9375rem;font-weight:600}.goal-pct{color:var(--success);font-weight:700}.goal-bar-bg{background:var(--bg-tertiary);border-radius:3px;height:6px}.goal-bar-fill{background:var(--success);height:100%;box-shadow:0 0 8px var(--success);border-radius:3px}.bottom-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.bottom-grid{grid-template-columns:2fr 1fr}}.level-1{background:#10b9811a}.level-2{background:#10b98166}.level-3{background:#10b981b3}.level-4{background:#10b981;box-shadow:0 0 10px #10b98180}.progress-ring-absolute{position:absolute;inset:0}.progress-ring-sublabel{color:var(--text-secondary);margin-top:-4px;font-weight:600}.db-hero-wrapper{width:100%;margin:0 auto;position:relative}.db-hero-slider{border-radius:var(--radius-2xl);padding:0;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.db-hero-slider-inner{width:100%;transition:transform .5s ease-in-out;display:flex}.db-hero-card{flex-shrink:0;min-width:100%}.db-hero-play-icon{border-radius:50%;box-shadow:0 0 20px #00000080}.db-hero-btn{padding:.875rem 2.5rem;font-size:1.125rem}.db-carousel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0003}.db-carousel-btn.prev{left:-20px}.db-carousel-btn.next{right:-20px}.db-carousel-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.db-carousel-dot{background:var(--border-color);cursor:pointer;border-radius:4px;width:8px;height:8px;transition:all .3s}.db-carousel-dot.active{background:var(--accent-primary);width:24px}.db-welcome-section{margin-bottom:1.5rem}.db-welcome-title{color:var(--text-primary);margin:0;font-size:2.5rem;font-weight:800;line-height:1.2}.db-welcome-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.125rem}.db-overview-desc{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;line-height:1.4}.db-milestone{font-size:.75rem;font-weight:600}.db-sparkline-green{filter:hue-rotate(-50deg)}.db-sparkline-orange{filter:hue-rotate(-120deg)}.db-carousel-wrapper{width:100%;position:relative}.db-rec-carousel{scrollbar-width:none;scroll-behavior:smooth;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.db-course-card{flex-shrink:0;min-width:calc(25% - 1.125rem)}.db-cc-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.db-cc-price{color:var(--text-primary);white-space:nowrap;font-weight:700}.db-cc-meta{margin-top:auto}.db-roadmap-card{box-sizing:border-box;flex:0 0 calc(33.333% - 1rem);width:calc(33.333% - 1rem)}.db-goal-item-margin{margin-top:.5rem}.db-goal-icon-alt{color:var(--accent-primary);background:#3b82f61a}.db-goal-fill-alt{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.db-activity-section{margin-top:2rem}.db-activity-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex:none;width:100%;padding:1.5rem}.db-activity-header{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.db-activity-title{align-items:center;gap:12px;display:flex}.db-activity-title-text{color:var(--text-primary);font-size:1.25rem}.db-year-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:1rem;font-weight:700}.db-info-icon{cursor:pointer}.db-activity-stats{color:var(--text-secondary);align-items:center;gap:16px;font-size:.875rem;display:flex}.db-heatmap-wrapper{scrollbar-width:none;padding-bottom:.5rem;overflow-x:auto}.db-heatmap-container{gap:16px;display:flex}.db-month-block{flex-direction:column;gap:8px;display:flex}.db-month-label{color:var(--text-muted);font-size:.75rem}.db-month-grid{gap:4px;display:flex}.db-heatmap-col{flex-direction:column;gap:4px;display:flex}.db-heatmap-cell{width:16px;height:16px;box-shadow:none;border-radius:3px}.db-legend{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:.75rem;font-size:.6875rem;display:flex}.db-legend-cell{border-radius:2px;width:13px;height:13px}@media (width<=360px){.dash-container{gap:1.5rem;padding:1rem}.db-welcome-title{font-size:1.5rem}.db-welcome-subtitle{font-size:.875rem}.section-title{font-size:1.25rem}.db-course-card{min-width:90%}.db-roadmap-card{flex:0 0 100%;width:100%}.overview-grid{grid-template-columns:1fr}.overview-card{gap:1rem;padding:1rem}.progress-ring-container{flex-shrink:0;width:100px;height:100px}.progress-ring-percent{font-size:1.5rem}.progress-ring-sublabel{font-size:.65rem}.overview-info h3{font-size:1rem}.db-overview-desc{margin-bottom:.5rem;font-size:.75rem}.db-activity-card{padding:1rem}.db-activity-title-text{font-size:1rem}.db-activity-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.db-hero-btn{padding:.5rem 1rem;font-size:.9rem}}@media (width>=361px) and (width<=480px){.dash-container{padding:1.25rem}.db-welcome-title{font-size:1.75rem}.section-title{font-size:1.35rem}.db-course-card{min-width:85%}.db-roadmap-card{flex:0 0 100%;width:100%}.overview-grid{grid-template-columns:1fr}.overview-card{gap:1rem;padding:1.25rem}.progress-ring-container{flex-shrink:0;width:110px;height:110px}.progress-ring-percent{font-size:1.5rem}.progress-ring-sublabel{font-size:.7rem}.overview-info h3{font-size:1.1rem}.db-overview-desc{margin-bottom:.5rem;font-size:.8rem}}@media (width>=481px) and (width<=576px){.dash-container{padding:1.5rem}.db-welcome-title{font-size:2rem}.db-course-card{min-width:60%}.db-roadmap-card{flex:0 0 100%;width:100%}.overview-grid{grid-template-columns:1fr}.overview-card{gap:1.25rem}.progress-ring-container{flex-shrink:0}}@media (width>=577px) and (width<=768px){.dash-container{padding:1.5rem}.db-course-card{min-width:45%}.db-roadmap-card{flex:0 0 calc(50% - .75rem);width:calc(50% - .75rem)}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width>=769px) and (width<=1024px){.dash-container{padding:2rem}.db-course-card{min-width:35%}.db-roadmap-card{flex:0 0 calc(50% - .75rem);width:calc(50% - .75rem)}}@media (width>=1025px) and (width<=1280px){.db-course-card{min-width:calc(33.333% - 1rem)}.db-roadmap-card{flex:0 0 calc(33.333% - 1rem);width:calc(33.333% - 1rem)}}@media (width>=1281px) and (width<=1440px){.db-welcome-title{font-size:2.75rem}.db-course-card{min-width:calc(25% - 1.125rem)}.db-roadmap-card{flex:0 0 calc(33.333% - 1rem);width:calc(33.333% - 1rem)}}@media (width>=1441px) and (width<=1920px){.dash-container{max-width:1600px}.db-welcome-title{font-size:3rem}.db-welcome-subtitle{font-size:1.25rem}.section-title{font-size:1.75rem}.overview-card{padding:2rem}.db-course-card{min-width:calc(20% - 1.2rem)}.db-roadmap-card{flex:0 0 calc(25% - 1.125rem);width:calc(25% - 1.125rem)}}@media (width>=1921px){.dash-container{gap:4rem;max-width:2000px;padding:4rem}.db-welcome-title{font-size:4rem}.db-welcome-subtitle{margin-top:1rem;font-size:1.5rem}.section-title{font-size:2.5rem}.view-all-link{font-size:1.25rem}.overview-card{gap:2.5rem;padding:3rem}.progress-ring-container{width:140px!important;height:140px!important}.progress-ring-percent{font-size:2.25rem}.progress-ring-sublabel{margin-top:4px;font-size:1rem!important}.overview-info h3{margin-bottom:.5rem;font-size:1.75rem}.db-overview-desc{margin-bottom:1rem;font-size:1.15rem}.db-milestone{font-size:1rem}.hero-card{gap:4rem;padding:3rem}.hero-module-text{font-size:1.15rem}.hero-title{margin-bottom:1rem;font-size:2.75rem}.hero-lesson{margin-bottom:2.5rem;font-size:1.5rem}.hero-progress-stats{margin-bottom:1rem;font-size:1.15rem}.hero-progress-bar{height:12px;margin-bottom:2.5rem}.db-hero-btn{padding:1.25rem 3.5rem;font-size:1.5rem}.db-course-card{min-width:calc(16.666% - 1.25rem)}.cc-title{font-size:1.5rem}.db-cc-price{font-size:1.35rem}.cc-instructor{font-size:1.1rem}.cc-meta{font-size:1rem}.db-roadmap-card{flex:0 0 calc(20% - 1.2rem);width:calc(20% - 1.2rem);padding:2.5rem}.rm-icon{transform:scale(1.5)}.rm-title{font-size:1.5rem}.rm-count{font-size:1.15rem}.achievement-badge{padding:2rem}.ach-icon{transform:scale(1.5)}.ach-info h4{font-size:1.35rem}.ach-info p{font-size:1rem}.goal-item{gap:2rem;padding:2rem}.goal-icon{transform:scale(1.5)}.goal-title,.goal-pct{font-size:1.25rem}.db-activity-card{padding:2.5rem}.db-activity-title-text{font-size:1.75rem}.db-activity-stats{gap:24px;font-size:1.25rem}.db-year-select{padding:.5rem 1rem;font-size:1.25rem}.db-heatmap-cell{width:24px;height:24px}.db-month-label{font-size:1rem}}.player-layout{background-color:var(--bg-primary);height:100%;display:flex;overflow:hidden}.player-sidebar{background:linear-gradient(180deg, var(--bg-secondary) 0%, #0f0f14fa 100%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:22rem;transition:transform .3s;display:flex;position:fixed;inset:0;transform:translate(-100%);box-shadow:10px 0 30px #00000026}.player-sidebar.open{transform:translate(0)}@media (width>=1024px){.player-sidebar{box-shadow:none;margin-left:-22rem;transition:margin-left .4s cubic-bezier(.16,1,.3,1);position:static;transform:translate(0)}.player-sidebar.open{margin-left:0}}.player-main{flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.player-nav{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:4rem;padding:0 1.5rem;display:flex}.player-content{flex-direction:column;flex-grow:1;padding:.5rem 1rem;display:flex;overflow-y:auto}@media (width>=768px){.player-content{padding:.5rem 1rem}}.video-wrapper{border-radius:var(--radius-xl);width:100%;height:80vh;box-shadow:var(--shadow-lg);background-color:#000;margin-bottom:2rem;overflow:hidden}.sidebar-scroll-area{flex-grow:1;padding:1.25rem 1rem;overflow-y:auto}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-track{background:0 0}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-scroll-area:hover::-webkit-scrollbar-thumb{background:#fff3}.module-header-btn{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-lg);letter-spacing:.01em;background-color:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000001a}.module-header-btn:hover{background-color:#ffffff0d;border-color:#ffffff14;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.module-header-btn.expanded{background-color:#ffffff0a;border-color:#ffffff1a}.lesson-header-btn{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background-color:#0000;border:none;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.6rem .5rem .6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.lesson-header-btn:hover{color:var(--text-primary);background-color:#ffffff08}.lesson-header-btn.active{color:var(--text-primary);background-color:#ffffff0d}.lesson-indicator{z-index:10;background-color:var(--border-color);border-radius:50%;width:6px;height:6px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.lesson-header-btn.active .lesson-indicator{background-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary);transform:translateY(-50%)scale(1.2)}.block-item-btn{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:.75rem;margin-top:.25rem;padding:.6rem .75rem;font-size:.85rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.block-item-btn:hover{color:var(--text-secondary);background-color:#ffffff08}.block-item-btn.active{color:var(--accent-primary);background-color:#ffffff0f;font-weight:500}.block-item-btn.active:before{content:"";background-color:var(--accent-primary);border-top-right-radius:4px;border-bottom-right-radius:4px;width:3px;position:absolute;top:0;bottom:0;left:0}.progress-summary-card{background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:1.5rem}.progress-bg{background-color:#ffffff14;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-fill{background:linear-gradient(90deg, var(--accent-primary) 0%, #60a5fa 100%);border-radius:999px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #60a5fa80}.sidebar-edge-toggle{background-color:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;z-index:50;width:1.25rem;height:4rem;color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-left:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%);box-shadow:4px 0 12px #0003}.sidebar-edge-toggle:hover{color:var(--text-primary);background-color:#ffffff0d;width:1.5rem;right:-1.5rem}@media (width<=1023px){.sidebar-edge-toggle{display:none}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.cp-block-icon{flex-shrink:0}.cp-sidebar-loader-bg{background-color:var(--bg-secondary);padding:1rem}.cp-sidebar-loader-pulse-1{background-color:var(--hover-bg);border-radius:4px;height:2rem;margin-bottom:2rem;animation:2s infinite pulse}.cp-sidebar-loader-pulse-2{background-color:var(--hover-bg);border-radius:4px;height:3rem;margin-bottom:.5rem;animation:2s infinite pulse}.cp-block-content-loader{height:100%;min-height:300px}.cp-block-container{flex-direction:column;flex:1;width:100%;min-height:100%;display:flex}.cp-block-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.cp-block-title{margin:0;font-size:1.5rem;font-weight:700}.cp-completion-toast{background-color:var(--success);color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);z-index:100;align-items:center;gap:1rem;padding:1rem 2rem;font-weight:600;animation:.5s ease-out slideDown;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.cp-toast-close{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:1rem}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}.cp-drag-drop-toast{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color);z-index:100;width:340px;padding:1.25rem;animation:.5s ease-out slideDown;position:fixed;top:5rem;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0006}.cp-toast-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cp-toast-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.cp-toast-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.cp-toast-anim-box{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);height:140px;position:relative;overflow:hidden}.cp-toast-anim-container{transform-origin:top;padding:.5rem;transform:scale(.85)}.cp-toast-cursor{top:5px}.cp-mobile-sidebar-toggle{z-index:40;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;padding:.5rem;display:block;position:fixed;top:5rem;left:1rem}@media (width>=1024px){.cp-mobile-sidebar-toggle{display:none}}.cp-sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;height:4rem;padding:1rem}.cp-sidebar-link{font-size:.875rem;font-weight:500}.cp-sidebar-close-btn{cursor:pointer;background:0 0;border:none;display:block}@media (width>=1024px){.cp-sidebar-close-btn{display:none}}.cp-progress-text{font-size:.875rem}.cp-progress-label{color:var(--text-secondary);font-weight:600}.cp-progress-val{font-weight:700}.cp-progress-bar-bg{height:8px}.cp-module-title-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-right:.5rem;display:-webkit-box;overflow:hidden}.cp-chevron{flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cp-chevron.expanded{transform:rotate(-90deg)}.cp-module-content{padding:.25rem .25rem .25rem 1rem;position:relative}.cp-module-line{background-color:var(--border-color);width:1px;position:absolute;top:0;bottom:0;left:.625rem}.cp-lesson-wrapper{margin-bottom:.25rem;position:relative}.cp-lesson-title-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cp-lesson-blocks{padding:.25rem 0 .5rem 1.25rem}.cp-block-title-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cp-top-nav-tabs{flex-grow:1;align-items:center;gap:1rem;padding-right:1rem;display:flex;overflow-x:auto}.cp-top-nav-menu-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;display:none}@media (width>=1024px){.cp-top-nav-menu-btn{display:block}}.cp-split-mode-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;transition:color .2s;display:flex}.cp-split-mode-btn.active{color:var(--accent-primary)}.cp-block-tabs-container{gap:.5rem;display:flex}.cp-block-tab-inner{pointer-events:none;align-items:center;gap:.5rem;display:flex}.cp-split-viewport{gap:2rem;width:100%;height:100%;display:flex;overflow:hidden}.cp-split-col{border-radius:var(--radius-lg);background-color:#0000;border:2px dashed #0000;flex-direction:column;flex:1;min-width:0;padding:0 1rem;transition:border-color .2s;display:flex}.cp-split-col.drag-over{border-color:var(--accent-primary);background-color:rgba(var(--accent-primary-rgb), .05)}.cp-split-divider{background-color:var(--border-color);flex-shrink:0;width:1px}.cp-single-viewport{border-radius:var(--radius-lg);background-color:#0000;border:2px dashed #0000;flex-direction:column;flex:1;width:100%;max-width:120rem;margin:0 auto;transition:border-color .2s;display:flex}.cp-single-viewport.drag-over{border-color:var(--accent-primary);background-color:rgba(var(--accent-primary-rgb), .05)}.cp-tutorial-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.cp-tutorial-modal-content{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color);flex-direction:column;gap:1.5rem;width:90%;max-width:550px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;box-shadow:0 25px 50px #00000080}.cp-tutorial-title{color:#fff;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:800;display:flex}.cp-tutorial-emoji{font-size:2rem}.cp-tutorial-desc{margin:0;font-size:1.1rem;line-height:1.6}.cp-tutorial-anim-box{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);height:180px;position:relative;overflow:hidden}.cp-tutorial-footer{justify-content:flex-end;margin-top:.5rem;display:flex}.cp-tutorial-btn{border-radius:var(--radius-full);padding:.875rem 2.5rem;font-size:1.1rem;font-weight:600}@media (width<=360px){.player-sidebar{width:100%}.cp-block-title{font-size:1.125rem}.cp-completion-toast{width:95%;padding:.75rem;font-size:.8rem}.cp-drag-drop-toast{width:95%;padding:.75rem}.cp-tutorial-modal-content{padding:1.25rem}.cp-tutorial-title{font-size:1.25rem}.cp-tutorial-desc{font-size:.9rem}.cp-tutorial-anim-box{height:120px}.cp-tutorial-btn{padding:.5rem 1.25rem;font-size:.9rem}}@media (width>=361px) and (width<=480px){.player-sidebar{width:100%}.cp-block-title{font-size:1.25rem}.cp-completion-toast{width:90%;padding:.85rem;font-size:.85rem}.cp-drag-drop-toast{width:90%}.cp-tutorial-modal-content{padding:1.5rem}.cp-tutorial-title{font-size:1.4rem}.cp-tutorial-desc{font-size:.95rem}}@media (width>=481px) and (width<=576px){.player-sidebar{width:20rem}.cp-block-title{font-size:1.35rem}.cp-completion-toast{width:auto}}@media (width>=577px) and (width<=768px){.player-sidebar{width:22rem}.cp-block-title{font-size:1.5rem}}@media (width>=769px) and (width<=1024px){.player-sidebar{width:22rem}.cp-block-title{font-size:1.6rem}}@media (width>=1025px) and (width<=1280px){.player-sidebar{width:24rem;margin-left:-24rem}.cp-block-title{font-size:1.75rem}}@media (width>=1281px) and (width<=1440px){.player-sidebar{width:26rem;margin-left:-26rem}.cp-block-title{font-size:2rem}.module-header-btn{padding:1.25rem;font-size:1.05rem}.lesson-header-btn{font-size:1rem}.block-item-btn{font-size:.95rem}.cp-progress-text{font-size:1rem}.player-nav{height:4rem}.cp-sidebar-header{height:5rem}}@media (width>=1441px) and (width<=1920px){.player-sidebar{width:30rem;margin-left:-30rem}.cp-block-title{font-size:2.25rem}.module-header-btn{padding:1.5rem;font-size:1.15rem}.lesson-header-btn{padding:.8rem .5rem .8rem 1.25rem;font-size:1.1rem}.block-item-btn{padding:.8rem;font-size:1.05rem}.cp-progress-text{font-size:1.1rem}.player-nav{height:4rem}.cp-sidebar-header{height:6rem}.cp-progress-bar-bg{height:12px}.cp-sidebar-link{font-size:1rem}.player-content{padding:.5rem 1rem}}@media (width>=1921px){.player-sidebar{width:36rem;margin-left:-36rem}.cp-block-title{margin-bottom:2.5rem;font-size:2.75rem}.module-header-btn{border-radius:var(--radius-xl);padding:2rem;font-size:1.35rem}.lesson-header-btn{padding:1rem .75rem 1rem 1.5rem;font-size:1.25rem}.block-item-btn{padding:1rem;font-size:1.15rem}.cp-progress-text{font-size:1.25rem}.player-nav{height:7rem}.cp-sidebar-header{height:7rem;padding:2rem}.cp-progress-bar-bg{height:16px}.cp-sidebar-link{font-size:1.25rem}.player-content{padding:.5rem 1rem}.cp-tutorial-modal-content{max-width:800px;padding:4rem}.cp-tutorial-title{font-size:2.5rem}.cp-tutorial-emoji{font-size:3rem}.cp-tutorial-desc{font-size:1.5rem;line-height:1.8}.cp-tutorial-anim-box{height:260px}.cp-tutorial-btn{padding:1.25rem 3.5rem;font-size:1.35rem}.cp-completion-toast{border-radius:var(--radius-2xl);padding:2rem 3rem;font-size:1.5rem}.cp-drag-drop-toast{width:500px;padding:2rem}.cp-toast-title{font-size:1.5rem}}.hls-player-container{background-color:var(--bg-primary);width:100%;height:100%;position:relative}.hls-video-element{width:100%;height:100%;display:block}.hls-quality-wrapper{zIndex:20;position:absolute}.hls-quality-toggle{background:var(--overlay-bg);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:6px;align-items:center;font-weight:600;transition:all .2s;display:flex}.hls-quality-toggle:hover{background:var(--bg-primary)}.hls-quality-toggle svg{flex-shrink:0}.hls-quality-menu{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:50;box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;display:flex;position:absolute;top:100%;right:0;overflow:hidden}.hls-quality-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);font-weight:700}.hls-quality-divider{background:var(--border-color);width:100%;height:1px}.hls-quality-option{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.hls-quality-option:hover{background:#ffffff0d}.hls-quality-option.active{background:var(--badge-bg);color:var(--accent-primary)}.hls-quality-bitrate{color:#ffffff4d}.hls-quality-check{align-items:center;display:flex}@media (width<=360px){.hls-quality-wrapper{top:.35rem;right:.35rem}.hls-quality-toggle{gap:.25rem;padding:.25rem .4rem;font-size:.65rem}.hls-quality-toggle svg{width:12px;height:12px}.hls-quality-menu{min-width:120px;margin-top:.25rem;padding:.35rem}.hls-quality-header{padding:.35rem .5rem;font-size:.6rem}.hls-quality-option{padding:.35rem .5rem;font-size:.7rem}.hls-quality-bitrate,.hls-quality-check{font-size:.6rem}}@media (width>=361px) and (width<=480px){.hls-quality-wrapper{top:.5rem;right:.5rem}.hls-quality-toggle{gap:.3rem;padding:.3rem .5rem;font-size:.7rem}.hls-quality-toggle svg{width:13px;height:13px}.hls-quality-menu{min-width:130px;margin-top:.35rem;padding:.4rem}.hls-quality-header{padding:.4rem .6rem;font-size:.65rem}.hls-quality-option{padding:.4rem .6rem;font-size:.75rem}.hls-quality-bitrate,.hls-quality-check{font-size:.6rem}}@media (width>=481px) and (width<=576px){.hls-quality-wrapper{top:.6rem;right:.6rem}.hls-quality-toggle{gap:.35rem;padding:.35rem .65rem;font-size:.75rem}.hls-quality-toggle svg{width:14px;height:14px}.hls-quality-menu{min-width:140px;margin-top:.35rem;padding:.5rem}.hls-quality-header{padding:.5rem .75rem;font-size:.65rem}.hls-quality-option{padding:.5rem .75rem;font-size:.8rem}.hls-quality-bitrate,.hls-quality-check{font-size:.65rem}}@media (width>=577px) and (width<=768px){.hls-quality-wrapper{top:.75rem;right:.75rem}.hls-quality-toggle{gap:.35rem;padding:.35rem .65rem;font-size:.75rem}.hls-quality-toggle svg{width:14px;height:14px}.hls-quality-menu{min-width:150px;margin-top:.35rem;padding:.5rem}.hls-quality-header{padding:.5rem .75rem;font-size:.65rem}.hls-quality-option{padding:.5rem .75rem;font-size:.8rem}.hls-quality-bitrate,.hls-quality-check{font-size:.65rem}}@media (width>=769px) and (width<=1024px){.hls-quality-wrapper{top:1rem;right:1rem}.hls-quality-toggle{gap:.4rem;padding:.4rem .75rem;font-size:.8rem}.hls-quality-toggle svg{width:16px;height:16px}.hls-quality-menu{min-width:160px;margin-top:.4rem;padding:.5rem}.hls-quality-header{padding:.5rem .75rem;font-size:.7rem}.hls-quality-option{padding:.5rem .75rem;font-size:.85rem}.hls-quality-bitrate,.hls-quality-check{font-size:.7rem}}@media (width>=1025px) and (width<=1280px){.hls-quality-wrapper{top:1.25rem;right:1.25rem}.hls-quality-toggle{gap:.45rem;padding:.45rem .85rem;font-size:.85rem}.hls-quality-toggle svg{width:16px;height:16px}.hls-quality-menu{min-width:170px;margin-top:.45rem;padding:.5rem}.hls-quality-header{padding:.5rem .75rem;font-size:.75rem}.hls-quality-option{padding:.5rem .75rem;font-size:.9rem}.hls-quality-bitrate,.hls-quality-check{font-size:.75rem}}@media (width>=1281px) and (width<=1440px){.hls-quality-wrapper{top:1.25rem;right:1.25rem}.hls-quality-toggle{gap:.5rem;padding:.5rem 1rem;font-size:.9rem}.hls-quality-toggle svg{width:18px;height:18px}.hls-quality-menu{min-width:180px;margin-top:.5rem;padding:.6rem}.hls-quality-header{padding:.6rem .85rem;font-size:.8rem}.hls-quality-option{padding:.6rem .85rem;font-size:.95rem}.hls-quality-bitrate,.hls-quality-check{font-size:.8rem}}@media (width>=1441px) and (width<=1920px){.hls-quality-wrapper{top:1.5rem;right:1.5rem}.hls-quality-toggle{border-radius:8px;gap:.5rem;padding:.6rem 1.15rem;font-size:1rem}.hls-quality-toggle svg{width:20px;height:20px}.hls-quality-menu{border-radius:12px;min-width:190px;margin-top:.5rem;padding:.75rem}.hls-quality-header{padding:.6rem 1rem;font-size:.85rem}.hls-quality-option{padding:.6rem 1rem;font-size:1rem}.hls-quality-bitrate,.hls-quality-check{font-size:.85rem}}@media (width>=1921px){.hls-quality-wrapper{top:2rem;right:2rem}.hls-quality-toggle{border-radius:10px;gap:.6rem;padding:.75rem 1.35rem;font-size:1.15rem}.hls-quality-toggle svg{width:22px;height:22px}.hls-quality-menu{border-radius:14px;min-width:220px;margin-top:.6rem;padding:1rem}.hls-quality-header{padding:.75rem 1.15rem;font-size:.95rem}.hls-quality-option{padding:.75rem 1.15rem;font-size:1.1rem}.hls-quality-bitrate,.hls-quality-check{font-size:.95rem}}.collapsible-section-container{border-radius:var(--coding-radius);background:var(--coding-surface);border:1px solid var(--coding-border);margin-bottom:1rem;transition:padding .3s;overflow:hidden}.collapsible-section-btn{cursor:pointer;text-align:left;width:100%;color:var(--coding-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:600;transition:font-size .3s,padding .3s;display:flex}.collapsible-section-content{border-top:1px solid var(--coding-border);padding:0 1.5rem 1.5rem;transition:padding .3s}@media (width<=360px){.collapsible-section-container{margin-bottom:.5rem}.collapsible-section-btn{padding:.75rem 1rem;font-size:.8rem}.collapsible-section-content{padding:0 1rem 1rem}}@media (width>=361px) and (width<=480px){.collapsible-section-btn{padding:.85rem 1rem;font-size:.85rem}.collapsible-section-content{padding:0 1rem 1rem}}@media (width>=481px) and (width<=576px){.collapsible-section-btn{padding:1rem 1.25rem;font-size:.9rem}.collapsible-section-content{padding:0 1.25rem 1.25rem}}@media (width>=1281px) and (width<=1440px){.collapsible-section-container{margin-bottom:1.25rem}.collapsible-section-btn{padding:1.15rem 1.75rem;font-size:1.05rem}.collapsible-section-content{padding:0 1.75rem 1.75rem}}@media (width>=1441px) and (width<=1920px){.collapsible-section-container{margin-bottom:1.5rem}.collapsible-section-btn{padding:1.25rem 2rem;font-size:1.15rem}.collapsible-section-content{padding:0 2rem 2rem}}@media (width>=1921px){.collapsible-section-container{margin-bottom:2rem}.collapsible-section-btn{padding:1.5rem 2.5rem;font-size:1.35rem}.collapsible-section-content{padding:0 2.5rem 2.5rem}}.problem-description-empty{flex:1;justify-content:center;align-items:center;display:flex}.problem-description-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;transition:margin-bottom .3s;display:flex}.problem-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;transition:gap .3s,margin-bottom .3s;display:flex}.problem-title{margin:0;font-size:1.5rem;font-weight:800;transition:font-size .3s}.problem-category-badge{background:var(--coding-surface);border-color:var(--coding-border);color:var(--coding-text-muted)}.problem-report-btn{padding:.5rem;transition:padding .3s}.problem-statement-title{margin-bottom:.5rem;transition:font-size .3s}.problem-statement-content{border-radius:8px;padding:1.5rem;line-height:1.6;transition:padding .3s,font-size .3s}.problem-section-mt{margin-top:2rem;transition:margin-top .3s}.problem-constraints-title{text-transform:uppercase;letter-spacing:1px;font-size:.875rem;transition:font-size .3s}.problem-constraints-list{margin-top:.5rem;padding-left:1.5rem;transition:font-size .3s}.problem-constraint-item{margin-bottom:.25rem}.problem-constraint-code{background:#ffffff1a;border-radius:4px;padding:.1rem .3rem;font-family:monospace;transition:font-size .3s,padding .3s}.problem-examples-title{margin-bottom:1rem;transition:font-size .3s}.problem-example-card{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:padding .3s}.problem-example-heading{margin-top:0;margin-bottom:1rem;transition:font-size .3s}.problem-example-grid{grid-template-columns:1fr 1fr;gap:1rem;transition:gap .3s;display:grid}.problem-example-box{background:var(--coding-bg);border:1px solid var(--coding-border);border-radius:6px;padding:1rem;transition:padding .3s}.problem-example-label{margin-bottom:.5rem;transition:font-size .3s;display:block}.problem-example-pre{white-space:pre-wrap;margin:0;font-family:monospace;transition:font-size .3s}.problem-example-explanation{margin-top:1rem;font-size:.875rem;transition:font-size .3s}.problem-hints-list{flex-direction:column;gap:1rem;margin-top:1rem;transition:gap .3s;display:flex}.problem-hint-item{border-radius:8px;gap:1rem;padding:1rem;transition:padding .3s,gap .3s;display:flex}.problem-solution-container{flex-direction:column;gap:1.5rem;margin-top:1rem;transition:gap .3s;display:flex}.problem-solution-heading{align-items:center;gap:.5rem;margin:0 0 .5rem;transition:font-size .3s;display:flex}.problem-solution-text{white-space:pre-line;margin:0;line-height:1.6;transition:font-size .3s}.problem-solution-code-pre{border-radius:8px;padding:1rem;transition:padding .3s,font-size .3s;overflow-x:auto}.problem-desc-text-primary{color:#fff}.problem-desc-text-muted{color:var(--coding-text-muted)}.problem-desc-text-accent{color:var(--coding-primary)}.problem-desc-text-success{color:var(--coding-easy)}.problem-desc-panel{border:1px solid var(--coding-border);background:#0003}.problem-desc-panel-light{background:#ffffff0d}.problem-desc-panel-bordered{background:var(--coding-bg);border:1px solid var(--coding-border)}@media (width<=360px){.problem-example-grid{grid-template-columns:1fr;gap:.5rem}.problem-title{font-size:1.15rem}.problem-statement-content{padding:.75rem;font-size:.85rem}.problem-example-card{padding:.75rem}.problem-example-box{padding:.5rem}.problem-hint-item{flex-direction:column;gap:.5rem;padding:.75rem}.problem-solution-code-pre{padding:.75rem;font-size:.85rem}}@media (width>=361px) and (width<=480px){.problem-example-grid{grid-template-columns:1fr;gap:.75rem}.problem-title{font-size:1.25rem}.problem-statement-content{padding:1rem;font-size:.9rem}.problem-example-box{padding:.75rem}}@media (width>=481px) and (width<=576px){.problem-example-grid{grid-template-columns:1fr;gap:1rem}.problem-title{font-size:1.35rem}.problem-statement-content{padding:1rem}}@media (width>=577px) and (width<=768px){.problem-example-grid{grid-template-columns:1fr}}@media (width>=1281px) and (width<=1440px){.problem-title{font-size:1.75rem}.problem-statement-content{padding:1.75rem;font-size:1.05rem}.problem-example-card,.problem-example-box{padding:1.25rem}.problem-example-pre,.problem-constraints-title{font-size:.95rem}.problem-constraints-list{font-size:1.05rem}.problem-hint-item{padding:1.25rem}.problem-solution-code-pre{padding:1.25rem;font-size:.95rem}}@media (width>=1441px) and (width<=1920px){.problem-title{font-size:2rem}.problem-statement-content{padding:2rem;font-size:1.1rem}.problem-section-mt{margin-top:2.5rem}.problem-example-card,.problem-example-box{padding:1.5rem}.problem-example-pre{font-size:1rem}.problem-example-explanation{margin-top:1.25rem;font-size:1rem}.problem-constraints-title{font-size:1rem}.problem-constraints-list{font-size:1.1rem}.problem-hint-item{padding:1.5rem;font-size:1.1rem}.problem-solution-heading{font-size:1.15rem}.problem-solution-text{font-size:1.1rem}.problem-solution-code-pre{padding:1.5rem;font-size:1.05rem}}@media (width>=1921px){.problem-title{font-size:2.5rem}.problem-statement-title{font-size:1.75rem}.problem-statement-content{padding:2.5rem;font-size:1.25rem}.problem-section-mt{margin-top:3rem}.problem-examples-title{font-size:1.75rem}.problem-example-heading{font-size:1.35rem}.problem-example-card,.problem-example-box{padding:2rem}.problem-example-label,.problem-example-pre{font-size:1.15rem}.problem-example-explanation{margin-top:1.5rem;font-size:1.15rem}.problem-constraints-title{font-size:1.15rem}.problem-constraints-list{font-size:1.25rem}.problem-constraint-code{padding:.2rem .5rem;font-size:1.15rem}.problem-hint-item{padding:2rem;font-size:1.25rem}.problem-solution-heading{font-size:1.35rem}.problem-solution-text{font-size:1.25rem}.problem-solution-code-pre{padding:2rem;font-size:1.15rem}}:root{--coding-bg:var(--bg-primary,#0f1115);--coding-panel-bg:var(--bg-primary,#0f1115);--coding-surface:var(--card-bg,#1a1d24);--coding-surface-subtle:#ffffff05;--coding-surface-hover:var(--hover-bg,#232730);--coding-border:var(--border-color,#2a2f3a);--coding-primary:var(--accent-primary,#f5c518);--coding-primary-glow:var(--badge-bg,#f5c51833);--coding-text:var(--text-primary,#e2e8f0);--coding-text-muted:var(--text-secondary,#94a3b8);--coding-success:var(--success,#10b981);--coding-danger:var(--danger,#ef4444);--coding-easy:var(--success,#10b981);--coding-medium:var(--warning,#f5c518);--coding-hard:var(--danger,#ef4444);--coding-radius:var(--radius-lg,12px);--coding-font:var(--font-sans,"Inter", system-ui, sans-serif)}.monaco-editor,.monaco-editor-background,.monaco-editor .margin{background-color:var(--coding-panel-bg)!important}.coding-app{background-color:var(--coding-bg);color:var(--coding-text);font-family:var(--coding-font);min-height:calc(100vh - 65px);padding:2rem;overflow-y:auto}.coding-dashboard-container{max-w-width:1200px;flex-direction:column;gap:2rem;margin:0 auto;display:flex}.coding-header h1{color:#fff;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:800;display:flex}.coding-header h1 svg{color:var(--coding-primary)}.coding-header p{color:var(--coding-text-muted);margin:0}.coding-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.coding-stat-card{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:var(--coding-radius);padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.coding-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.coding-stat-card.glow{box-shadow:0 0 20px var(--coding-primary-glow);border-color:#f5c5184d}.coding-stat-title{text-transform:uppercase;letter-spacing:1px;color:var(--coding-text-muted);margin-bottom:1rem;font-size:.75rem;font-weight:700}.coding-stat-value{color:#fff;margin:0;font-size:2rem;font-weight:900}.coding-stat-value span{color:var(--coding-text-muted);font-size:.875rem;font-weight:400}.coding-filters{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:var(--coding-radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.coding-search-box{flex:1;min-width:250px;position:relative}.coding-search-box input{background:var(--coding-bg);border:1px solid var(--coding-border);width:100%;color:var(--coding-text);border-radius:8px;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s}.coding-search-box input:focus{border-color:var(--coding-primary)}.coding-search-box svg{color:var(--coding-text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.coding-filter-selects{flex-wrap:wrap;gap:1rem;display:flex}.coding-select-wrapper{align-items:center;gap:.5rem;display:flex}.coding-select-wrapper select{background:var(--coding-bg);border:1px solid var(--coding-border);color:var(--coding-text);cursor:pointer;border-radius:8px;outline:none;padding:.5rem 1rem}.coding-table-container{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:var(--coding-radius);overflow:hidden}.coding-table{border-collapse:collapse;text-align:left;width:100%}.coding-table th{text-transform:uppercase;color:var(--coding-text-muted);border-bottom:1px solid var(--coding-border);background:#0003;padding:1rem 1.5rem;font-size:.75rem}.coding-table td{border-bottom:1px solid var(--coding-border);vertical-align:middle;padding:1rem 1.5rem}.coding-table tr:last-child td{border-bottom:none}.coding-table tbody tr{cursor:pointer;transition:background .2s}.coding-table tbody tr:hover{background:var(--coding-surface-hover)}.coding-table tbody tr:hover td:first-child{color:var(--coding-primary)}.coding-badge{border:1px solid;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.coding-badge.easy{color:var(--coding-easy);background:#10b9811a;border-color:#10b98133}.coding-badge.medium{color:var(--coding-medium);background:#f5c5181a;border-color:#f5c51833}.coding-badge.hard{color:var(--coding-danger);background:#ef44441a;border-color:#ef444433}.coding-badge.solved{color:var(--coding-easy);background:#10b9811a;border-color:#10b98133}.coding-badge.unsolved{color:var(--coding-text-muted);background:var(--coding-bg);border-color:var(--coding-border)}.coding-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.coding-btn-primary{background:var(--coding-primary);color:#000}.coding-btn-primary:hover{background:#e5b510;transform:translateY(-1px)}.coding-btn-outline{border:1px solid var(--coding-border);color:var(--coding-text);background:0 0}.coding-btn-outline:hover{border-color:var(--coding-primary);color:var(--coding-primary)}.coding-pagination{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:var(--coding-radius);justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem 1.5rem;display:flex}.coding-page-numbers{gap:.25rem;display:flex}.coding-page-numbers button{border:1px solid var(--coding-border);background:var(--coding-bg);width:32px;height:32px;color:var(--coding-text);cursor:pointer;border-radius:6px;font-weight:600;transition:all .2s}.coding-page-numbers button.active{background:var(--coding-primary);color:#000;border-color:var(--coding-primary)}.coding-page-numbers button:hover:not(.active){border-color:var(--coding-primary);color:var(--coding-primary)}.coding-loader-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;display:flex}.coding-spinner{border:4px solid var(--coding-border);border-top-color:var(--coding-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite coding-spin}@keyframes coding-spin{to{transform:rotate(360deg)}}.coding-workspace{background:var(--coding-bg);height:calc(100vh - 65px);color:var(--coding-text);display:flex;overflow:hidden}.coding-workspace-left{border-right:1px solid var(--coding-border);background:var(--coding-surface);flex-direction:column;flex:1;min-width:300px;display:flex}.coding-workspace-right{flex-direction:column;flex:1;min-width:400px;display:flex}.coding-panel-header{border-bottom:1px solid var(--coding-border);background:var(--coding-bg);align-items:center;gap:1rem;padding:1rem;font-weight:600;display:flex}.coding-panel-content{flex:1;padding:1.5rem;overflow-y:auto}.coding-panel-content h2{color:#fff;margin:0 0 1rem;font-size:1.5rem}.coding-prose{color:var(--coding-text);line-height:1.6}.coding-prose pre{background:var(--coding-bg);border:1px solid var(--coding-border);border-radius:8px;padding:1rem;font-family:monospace;overflow-x:auto}.coding-prose code{background:#ffffff1a;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.coding-editor-toolbar{background:var(--coding-surface);border-bottom:1px solid var(--coding-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.coding-editor-wrapper{flex:1;position:relative}.coding-console-panel{border-top:1px solid var(--coding-border);background:var(--coding-surface);flex-direction:column;height:250px;display:flex}.coding-console-header{background:var(--coding-bg);border-bottom:1px solid var(--coding-border);align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.coding-console-content{flex:1;padding:1rem;font-family:monospace;font-size:.875rem;overflow-y:auto}.code-editor-container{flex-direction:column;height:100%;display:flex;position:relative}.coding-editor-toolbar{background-color:var(--coding-panel-bg);border-bottom:1px solid var(--coding-border);justify-content:space-between;align-items:center;padding:.5rem 1rem;transition:padding .3s;display:flex}.code-editor-lang-selector{align-items:center;gap:.5rem;display:flex}.code-editor-lang-label{text-transform:uppercase;color:var(--coding-text-muted);font-size:.75rem;font-weight:700;transition:font-size .3s}.code-editor-select{background:var(--coding-bg);color:var(--coding-text);border:1px solid var(--coding-border);border-radius:4px;padding:.25rem .5rem;transition:font-size .3s,padding .3s}.code-editor-actions{gap:.5rem;display:flex}.code-editor-btn{align-items:center;gap:.25rem;padding:.25rem .75rem;transition:font-size .3s,padding .3s;display:flex}.code-editor-monaco-wrapper{flex:1;min-height:0}.code-editor-console{background-color:var(--coding-panel-bg);border-top:1px solid var(--coding-border);flex-shrink:0;position:relative;overflow:hidden}.code-editor-resizer{cursor:row-resize;z-index:30;background:0 0;height:4px;margin-top:-2px;transition:background-color .15s;position:absolute;top:0;left:0;right:0}.code-editor-resizer:hover,.code-editor-resizer.dragging{background:var(--coding-primary)}.coding-console-header{border-bottom:1px solid var(--coding-border);background-color:#ffffff05;justify-content:space-between;align-items:center;height:40px;padding:0 1rem;transition:height .3s;display:flex}.code-editor-console-toggle{cursor:pointer;color:var(--coding-text);background:0 0;border:none;align-items:center;gap:.5rem;font-weight:600;transition:font-size .3s;display:flex}.code-editor-console-tabs{gap:1rem;display:flex}.code-editor-tab-btn{cursor:pointer;color:var(--coding-text-muted);background:0 0;border:none;font-weight:600;transition:color .3s,font-size .3s}.code-editor-tab-btn.active{color:var(--coding-primary)}.coding-console-content{background-color:var(--coding-bg);height:calc(100% - 40px);padding:1rem;transition:padding .3s;overflow-y:auto}.code-editor-custom-input{resize:none;background:var(--coding-bg);width:100%;height:100%;color:var(--coding-text);border:1px solid var(--coding-border);border-radius:4px;padding:.5rem;font-family:monospace;transition:font-size .3s,padding .3s}.code-editor-output-wrapper{height:100%}.code-editor-loading{color:var(--coding-text-muted);align-items:center;gap:.5rem;transition:font-size .3s;display:flex}.spinner-small{border-width:2px;width:16px;height:16px}.code-editor-run-result{flex-direction:column;gap:1rem;display:flex}.code-editor-run-header{align-items:center;gap:1rem;display:flex}.code-editor-time{color:var(--coding-text-muted);align-items:center;gap:.25rem;font-size:.75rem;transition:font-size .3s;display:flex}.code-editor-result-block{flex-direction:column;display:flex}.code-editor-text-medium{color:var(--coding-medium);transition:font-size .3s}.code-editor-text-hard{color:var(--coding-hard);transition:font-size .3s}.code-editor-text-easy{color:var(--coding-easy);transition:font-size .3s}.code-editor-text-muted{color:var(--coding-text-muted);transition:font-size .3s}.code-editor-pre{background:var(--coding-bg);white-space:pre-wrap;color:var(--coding-text);border:1px solid var(--coding-border);border-radius:4px;padding:.5rem;font-family:monospace;transition:padding .3s,font-size .3s}.code-editor-pre-medium{color:var(--coding-medium)}.code-editor-pre-hard{color:var(--coding-hard)}.code-editor-pre-easy{color:var(--coding-easy)}.code-editor-submit-result{flex-direction:column;gap:1rem;display:flex}.code-editor-submit-header{background:var(--coding-bg);border:1px solid var(--coding-border);border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:padding .3s;display:flex}.code-editor-verdict-badge{font-size:1rem;transition:font-size .3s}.code-editor-passed-count{color:var(--coding-text-muted);margin-top:.5rem;font-size:.75rem;transition:font-size .3s}.code-editor-testcases-section{border-top:1px solid var(--coding-border);margin-top:1rem;padding-top:1rem}.code-editor-testcases-label{text-transform:uppercase;color:var(--coding-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700;transition:font-size .3s;display:block}.code-editor-testcases-grid{flex-wrap:wrap;gap:.5rem;transition:gap .3s;display:flex}.code-editor-tc-btn{cursor:pointer;border:1px solid;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;transition:font-size .3s,padding .3s}.code-editor-tc-btn.selected{border-width:2px;border-color:var(--coding-primary)}.tc-btn-passed{background:color-mix(in srgb, var(--coding-easy) 10%, transparent);color:var(--coding-easy);border-color:#0000}.tc-btn-failed{background:color-mix(in srgb, var(--coding-hard) 10%, transparent);color:var(--coding-hard);border-color:#0000}.tc-btn-skipped{background:var(--coding-bg);color:var(--coding-text-muted);border-color:var(--coding-border)}.code-editor-tc-details{background:color-mix(in srgb, var(--coding-bg) 50%, transparent);border:1px solid var(--coding-border);border-radius:8px;margin-top:1rem;padding:1rem;transition:padding .3s}.code-editor-tc-content{font-size:.75rem}.code-editor-tc-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.code-editor-tc-title{transition:font-size .3s}.tc-title-passed{color:var(--coding-easy)}.tc-title-failed{color:var(--coding-hard)}.tc-title-skipped{color:var(--coding-text-muted)}.code-editor-tc-type{background:var(--coding-bg);color:var(--coding-text-muted);border-radius:4px;padding:.1rem .4rem;transition:font-size .3s}.code-editor-pre-input{margin-top:.25rem;margin-bottom:1rem}.code-editor-tc-grid{gap:1rem;display:flex}.code-editor-tc-col{flex:1}.code-editor-pre-output{margin-top:.25rem}.code-editor-empty-state{text-align:center;color:var(--coding-text-muted);margin-top:1rem;transition:font-size .3s}@media (width<=360px){.coding-editor-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem}.code-editor-lang-label{font-size:.7rem}.code-editor-select{padding:.2rem .4rem;font-size:.75rem}.code-editor-btn{padding:.25rem .5rem;font-size:.75rem}.coding-console-content{padding:.5rem}.code-editor-tc-btn{padding:.2rem .4rem;font-size:.7rem}.code-editor-tc-details{padding:.75rem}.code-editor-tc-grid{flex-direction:column;gap:.5rem}}@media (width>=361px) and (width<=480px){.coding-editor-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem .75rem}.code-editor-btn{padding:.25rem .5rem;font-size:.8rem}.coding-console-content{padding:.75rem}.code-editor-tc-grid{flex-direction:column;gap:.5rem}}@media (width>=481px) and (width<=576px){.coding-editor-toolbar{padding:.5rem 1rem}.code-editor-tc-grid{flex-direction:column;gap:.75rem}}@media (width>=1281px) and (width<=1440px){.coding-editor-toolbar{padding:.75rem 1.5rem}.code-editor-lang-label{font-size:.85rem}.code-editor-select{padding:.35rem .75rem;font-size:.9rem}.code-editor-btn{padding:.5rem 1rem;font-size:.9rem}.coding-console-header{height:48px;padding:0 1.5rem}.coding-console-content{height:calc(100% - 48px);padding:1.5rem}.code-editor-console-toggle,.code-editor-tab-btn{font-size:1rem}.code-editor-pre{padding:.75rem;font-size:.9rem}.code-editor-submit-header{gap:1.25rem;padding:1.25rem}.code-editor-verdict-badge{font-size:1.15rem}.code-editor-passed-count{margin-top:.75rem;font-size:.85rem}.code-editor-testcases-label{font-size:.85rem}.code-editor-tc-btn{padding:.35rem .75rem;font-size:.85rem}.code-editor-tc-details{margin-top:1.25rem;padding:1.25rem}.code-editor-tc-title{font-size:1rem}.code-editor-tc-type{padding:.2rem .6rem;font-size:.8rem}.code-editor-text-medium,.code-editor-text-hard,.code-editor-text-easy,.code-editor-text-muted{font-size:1rem}}@media (width>=1441px) and (width<=1920px){.coding-editor-toolbar{padding:1rem 2rem}.code-editor-lang-label{font-size:.95rem}.code-editor-select{padding:.5rem 1rem;font-size:1rem}.code-editor-btn{padding:.75rem 1.25rem;font-size:1rem}.coding-console-header{height:56px;padding:0 2rem}.coding-console-content{height:calc(100% - 56px);padding:2rem}.code-editor-console-toggle,.code-editor-tab-btn{font-size:1.1rem}.code-editor-pre{border-radius:8px;padding:1rem;font-size:1rem}.code-editor-submit-header{border-radius:12px;gap:1.5rem;padding:1.5rem}.code-editor-verdict-badge{font-size:1.35rem}.code-editor-passed-count{margin-top:.75rem;font-size:1rem}.code-editor-testcases-label{margin-bottom:.75rem;font-size:.95rem}.code-editor-testcases-grid{gap:.75rem}.code-editor-tc-btn{border-radius:6px;padding:.5rem 1rem;font-size:.95rem}.code-editor-tc-details{border-radius:12px;margin-top:1.5rem;padding:1.5rem}.code-editor-tc-title{font-size:1.15rem}.code-editor-tc-type{padding:.25rem .75rem;font-size:.9rem}.code-editor-text-medium,.code-editor-text-hard,.code-editor-text-easy,.code-editor-text-muted{margin-bottom:.25rem;font-size:1.1rem}}@media (width>=1921px){.coding-editor-toolbar{padding:1.25rem 2.5rem}.code-editor-lang-label{font-size:1.1rem}.code-editor-select{padding:.6rem 1.25rem;font-size:1.15rem}.code-editor-btn{padding:.85rem 1.5rem;font-size:1.15rem}.coding-console-header{height:64px;padding:0 2.5rem}.coding-console-content{height:calc(100% - 64px);padding:2.5rem}.code-editor-console-toggle,.code-editor-tab-btn{font-size:1.25rem}.code-editor-pre{border-radius:8px;padding:1.25rem;font-size:1.15rem}.code-editor-submit-header{border-radius:16px;gap:2rem;padding:2rem}.code-editor-verdict-badge{font-size:1.5rem}.code-editor-passed-count{margin-top:1rem;font-size:1.15rem}.code-editor-testcases-label{margin-bottom:1rem;font-size:1.1rem}.code-editor-testcases-grid{gap:1rem}.code-editor-tc-btn{border-radius:8px;padding:.6rem 1.25rem;font-size:1.1rem}.code-editor-tc-details{border-radius:16px;margin-top:2rem;padding:2rem}.code-editor-tc-title{font-size:1.25rem}.code-editor-tc-type{padding:.35rem 1rem;font-size:1rem}.code-editor-text-medium,.code-editor-text-hard,.code-editor-text-easy,.code-editor-text-muted{margin-bottom:.5rem;font-size:1.25rem}}.coding-workspace-container{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.workspace-main{flex:1;overflow:hidden}.workspace-content-container{flex-direction:column;height:100%;display:flex}.workspace-content-container.resizing{-webkit-user-select:none;user-select:none}.workspace-panel{background:#0d1117}.description-panel{flex-shrink:0;flex-basis:var(--desc-height,40%);width:100%;overflow-y:auto}.editor-panel{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.vertical-resizer,.horizontal-resizer{z-index:10;background:#30363d;flex-shrink:0;transition:background .2s}.vertical-resizer:hover,.vertical-resizer:active,.horizontal-resizer:hover,.horizontal-resizer:active{background:var(--accent-primary,#3b82f6)}.vertical-resizer{cursor:col-resize;width:4px;display:none}.horizontal-resizer{cursor:row-resize;height:4px;display:flex}@media (width<=360px){.description-panel{padding:.5rem}.horizontal-resizer{height:6px}}@media (width>=361px) and (width<=480px){.description-panel{padding:.75rem}.horizontal-resizer{height:6px}}@media (width>=481px) and (width<=576px){.description-panel{padding:1rem}}@media (width>=577px) and (width<=768px){.description-panel{padding:1.25rem}}@media (width>=769px) and (width<=1024px){.description-panel{padding:1.5rem}}@media (width>=1025px){.workspace-content-container{flex-direction:row}.description-panel{flex-basis:var(--desc-width,50%);height:100%}.editor-panel{height:100%}.vertical-resizer{display:block}.horizontal-resizer{display:none}}@media (width>=1025px) and (width<=1280px){.description-panel{padding:1.5rem}}@media (width>=1281px) and (width<=1440px){.description-panel{padding:2rem}}@media (width>=1441px) and (width<=1920px){.description-panel{padding:2rem;font-size:1.05rem}}@media (width>=1921px){.description-panel{padding:3rem;font-size:1.1rem}.description-panel>*{max-width:900px;margin:0 auto}}.profile-wrapper{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);padding:2rem;font-family:Inter,system-ui,sans-serif;position:relative}.profile-hero-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;max-width:1400px;margin:0 auto 2rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.profile-hero{background:linear-gradient(135deg,#6366f10d 0%,#ec48990d 100%);justify-content:space-between;align-items:center;padding:3rem;display:flex;position:relative}.hero-left{align-items:center;gap:2.5rem;display:flex}.hero-avatar-wrapper{width:150px;height:150px;position:relative}.hero-avatar{background-position:50%;background-size:cover;background-color:var(--bg-primary);border:4px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;font-weight:800;display:flex;box-shadow:0 10px 25px -5px #0000001a}.hero-avatar-edit{background:var(--accent-primary);color:#fff;cursor:pointer;border:3px solid var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex;position:absolute;bottom:5px;right:5px}.hero-avatar-edit:hover{transform:scale(1.1)}.hero-info{flex-direction:column;display:flex}.hero-name{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:2rem;font-weight:800;display:flex}.verified-icon{color:#3b82f6;fill:currentColor}.hero-headline{color:var(--text-secondary);margin:0 0 1rem;font-size:1.1rem}.hero-meta{color:var(--text-muted);gap:1.5rem;font-size:.9rem;display:flex}.hero-meta span{align-items:center;gap:.4rem;display:flex}.hero-right{align-items:center;gap:2.5rem;display:flex}.hero-completion{flex-direction:column;align-items:center;display:flex;position:relative}.circular-chart-hero{width:90px;height:90px}.circle-bg{fill:none;stroke:var(--border-color);stroke-width:2.5px}.circle{fill:none;stroke:var(--accent-primary);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray 1s ease-out}.percentage{fill:var(--text-primary);text-anchor:middle;font-family:inherit;font-size:.4em;font-weight:800}.completion-label{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem;font-weight:600}.btn-edit-profile{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background .2s;display:flex}.btn-edit-profile:hover{background:var(--accent-primary-hover)}.profile-tabs{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:0 2rem;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.profile-grid-masonry{grid-template-columns:1fr;align-items:start;gap:1.5rem;max-width:1400px;margin:0 auto;display:grid}@media (width>=768px){.profile-grid-masonry{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.profile-grid-masonry{grid-template-columns:repeat(3,1fr)}}.grid-col{flex-direction:column;gap:1.5rem;display:flex}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;scroll-margin-top:100px;overflow:hidden;box-shadow:0 2px 4px #00000005}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.btn-edit-outline{border:1px solid var(--border-color);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-edit-outline:hover{border-color:var(--accent-primary);background:#6366f10d}.card-body{padding:1.5rem}.info-list{flex-direction:column;gap:1.25rem;display:flex}.info-row{grid-template-columns:120px 1fr;gap:1rem;display:grid}.info-label{color:var(--text-muted);font-size:.9rem}.info-value{color:var(--text-primary);font-size:.95rem;font-weight:500}.about-text{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.6}.edu-section-title{color:var(--text-primary);margin-bottom:1rem;font-size:.95rem;font-weight:700}.edu-item{gap:1rem;margin-bottom:1.25rem;display:flex}.edu-badge{color:#3b82f6;white-space:nowrap;background:#3b82f61a;border-radius:8px;height:fit-content;padding:.4rem .8rem;font-size:.8rem;font-weight:700}.edu-badge.icon{color:#8b5cf6;background:#8b5cf61a;border-radius:12px;padding:.6rem}.social-icon-grid{flex-wrap:wrap;gap:1rem;display:flex}.social-bubble{border:1px solid var(--border-color);color:var(--text-primary);border-radius:30px;align-items:center;gap:.5rem;padding:.4rem .8rem .4rem .4rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.social-bubble:hover{border-color:var(--accent-primary)}.social-bubble.disabled{opacity:.5;pointer-events:none}.sb-icon{background:var(--bg-primary);width:28px;height:28px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.tags-container{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border-radius:8px;align-items:center;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:flex}.tag-blue{color:#3b82f6;background:#3b82f61a}.tag-purple{color:#8b5cf6;background:#8b5cf61a}.form-group label{color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;display:block}.form-control{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:6px;padding:.6rem .8rem;font-size:.9rem}.form-control:focus{border-color:var(--accent-primary);outline:none}.btn-icon-small{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.3rem;display:flex}.btn-icon-small:hover{background:var(--hover-bg)}.highlight-card{z-index:10;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(-4px);border-color:var(--accent-primary)!important;box-shadow:0 0 0 4px #6366f133,0 10px 25px -5px #6366f14d!important}@media (width<=360px){.profile-wrapper{padding:1rem .5rem}.profile-hero{text-align:center;flex-direction:column;gap:1.5rem;padding:1.5rem}.hero-left,.hero-right{flex-direction:column;align-items:center;gap:1rem}.profile-content{flex-direction:column}.profile-nav{border-right:none;border-bottom:1px solid var(--border-color);width:100%;padding:1rem}.profile-main{padding:1rem}.profile-card{padding:1.25rem}.info-row{grid-template-columns:1fr;gap:.25rem}}@media (width>=361px) and (width<=480px){.profile-wrapper{padding:1rem}.profile-hero{text-align:center;flex-direction:column;gap:2rem;padding:1.5rem}.hero-left,.hero-right{flex-direction:column;align-items:center;gap:1.5rem}.profile-content{flex-direction:column}.profile-nav{border-right:none;border-bottom:1px solid var(--border-color);width:100%;padding:1rem}.profile-main,.profile-card{padding:1.5rem}.info-row{grid-template-columns:100px 1fr}}@media (width>=481px) and (width<=576px){.profile-wrapper{padding:1.5rem}.profile-hero{text-align:center;flex-direction:column;gap:2rem}.hero-left,.hero-right{flex-direction:column;align-items:center;gap:1.5rem}.profile-content{flex-direction:column}.profile-nav{border-right:none;border-bottom:1px solid var(--border-color);width:100%}}@media (width>=577px) and (width<=768px){.profile-hero{text-align:center;flex-direction:column;gap:2.5rem}.hero-left,.hero-right{flex-direction:column;align-items:center;gap:2rem}.profile-content{flex-direction:column}.profile-nav{border-right:none;border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.nav-item{width:auto;padding:.75rem 1rem}}@media (width>=769px) and (width<=1024px){.profile-hero{text-align:center;flex-direction:column;align-items:stretch}.hero-left{flex-direction:column}.hero-right{justify-content:center}.profile-nav{width:220px}}@media (width>=1025px) and (width<=1280px){.profile-hero-container{max-width:1000px}.profile-nav{width:260px}}@media (width>=1281px) and (width<=1440px){.profile-hero-container{max-width:1200px}}@media (width>=1441px) and (width<=1920px){.profile-hero-container{max-width:1400px}.profile-hero{padding:4rem}.hero-avatar-wrapper{width:180px;height:180px}.hero-name{font-size:2.5rem}.hero-headline{font-size:1.25rem}.profile-nav{width:300px;padding:2rem}.nav-item{padding:1.25rem;font-size:1.15rem}.profile-main{padding:3rem}.profile-card{padding:2.5rem}.card-header h2{font-size:1.75rem}.info-label{font-size:1.15rem}.info-value{font-size:1.25rem}.about-text{font-size:1.15rem}}@media (width>=1921px){.profile-wrapper{padding:4rem}.profile-hero-container{border-radius:24px;max-width:1800px}.profile-hero{padding:5rem}.hero-left{gap:4rem}.hero-avatar-wrapper{width:220px;height:220px}.hero-name{gap:1rem;font-size:3rem}.hero-headline{margin-bottom:1.5rem;font-size:1.5rem}.hero-meta{gap:2rem;font-size:1.25rem}.circular-chart-hero{width:120px;height:120px}.circle-bg,.circle{stroke-width:3px}.percentage{font-size:1.5rem}.profile-nav{width:350px;padding:3rem}.nav-item{border-radius:12px;gap:1rem;padding:1.5rem;font-size:1.25rem}.nav-item svg{width:24px;height:24px}.profile-main{gap:3rem;padding:4rem}.profile-card{border-radius:20px;padding:3.5rem}.card-header h2{font-size:2rem}.card-header svg{width:28px;height:28px}.info-row{grid-template-columns:200px 1fr;gap:2rem}.info-label{font-size:1.25rem}.info-value,.about-text{font-size:1.35rem}.edu-section-title{font-size:1.25rem}.edu-badge{border-radius:12px;padding:.6rem 1.2rem;font-size:1.1rem}.sb-icon{width:40px;height:40px}.tag{padding:.6rem 1.2rem;font-size:1.1rem}}.classes-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 2rem;display:flex}.classes-header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.classes-title{color:var(--text-primary);align-items:center;gap:1rem;font-size:2.5rem;font-weight:800;display:flex}.classes-subtitle{color:var(--text-secondary);font-size:1.125rem}.classes-badge{background:var(--badge-bg);color:var(--accent-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:.25rem .75rem;font-size:.875rem;font-weight:700}.classes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.class-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.class-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.class-thumb-wrapper{background:var(--bg-tertiary);width:100%;height:180px;position:relative;overflow:hidden}.class-thumb{object-fit:cover;width:100%;height:100%;transition:transform .5s}.class-card:hover .class-thumb{transform:scale(1.05)}.class-play-overlay{background:var(--overlay-bg);opacity:0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.class-card:hover .class-play-overlay{opacity:1}.class-play-btn{background:var(--text-primary);color:var(--bg-primary);width:56px;height:56px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.8)}.class-card:hover .class-play-btn{transform:scale(1)}.class-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.class-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.class-instructor{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.class-progress-section{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1.5rem}.class-progress-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.class-progress-text{color:var(--text-secondary)}.class-progress-value{color:var(--accent-primary)}.class-progress-bar-bg{background:var(--bg-tertiary);border-radius:3px;width:100%;height:6px;overflow:hidden}.class-progress-bar-fill{background:linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);border-radius:3px;height:100%;transition:width 1s ease-out}.classes-empty{text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-2xl);flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:5rem 2rem;display:flex}.classes-empty-icon{background:var(--bg-tertiary);width:80px;height:80px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.classes-empty-title{margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.classes-empty-desc{color:var(--text-secondary);max-width:500px;margin-bottom:2rem;font-size:1.125rem}.classes-loader{min-height:400px}.classes-empty-btn{padding:.75rem 2rem;font-size:1.125rem}@media (width<=360px){.classes-container{padding:1rem}.classes-title{flex-wrap:wrap;font-size:1.5rem}.classes-grid{grid-template-columns:1fr;gap:1.5rem}.class-thumb-wrapper{height:160px}.classes-empty{padding:2rem 1rem}.classes-empty-title{font-size:1.25rem}.classes-empty-desc{font-size:.95rem}.classes-empty-btn{text-align:center;width:100%;padding:.5rem 1rem;font-size:1rem}}@media (width>=361px) and (width<=480px){.classes-container{padding:1.5rem 1rem}.classes-title{font-size:1.75rem}.classes-grid{grid-template-columns:1fr;gap:1.5rem}.classes-empty{padding:3rem 1.5rem}.classes-empty-btn{text-align:center;width:100%}}@media (width>=481px) and (width<=576px){.classes-container{padding:1.5rem}.classes-title{font-size:2rem}.classes-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width>=577px) and (width<=768px){.classes-container{padding:2rem}.classes-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.classes-empty{padding:4rem 2rem}}@media (width>=769px) and (width<=1024px){.classes-container{max-width:900px;padding:2.5rem 2rem}.classes-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width>=1025px) and (width<=1280px){.classes-container{max-width:1100px}.classes-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (width>=1281px) and (width<=1440px){.classes-container{max-width:1250px}.classes-title{font-size:2.75rem}.classes-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.class-thumb-wrapper{height:200px}.class-title{font-size:1.35rem}}@media (width>=1441px) and (width<=1920px){.classes-container{max-width:1500px;padding:3rem 2rem}.classes-title{font-size:3rem}.classes-subtitle{font-size:1.25rem}.classes-badge{padding:.35rem 1rem;font-size:1rem}.classes-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}.class-thumb-wrapper{height:220px}.class-body{padding:1.75rem}.class-title{font-size:1.5rem}.classes-empty{padding:6rem 3rem}.classes-empty-icon{width:100px;height:100px}.classes-empty-icon svg{width:48px;height:48px}.classes-empty-title{font-size:2.25rem}.classes-empty-desc{max-width:600px;font-size:1.35rem}.classes-empty-btn{padding:1rem 2.5rem;font-size:1.25rem}}@media (width>=1921px){.classes-container{max-width:1800px;padding:4rem 2rem}.classes-title{margin-bottom:.5rem;font-size:3.5rem}.classes-subtitle{font-size:1.5rem}.classes-badge{padding:.5rem 1.25rem;font-size:1.125rem}.classes-grid{grid-template-columns:repeat(4,1fr);gap:3rem}.class-thumb-wrapper{height:260px}.class-body{padding:2.5rem}.class-title{margin-bottom:1rem;font-size:1.75rem}.class-instructor{margin-bottom:2rem;font-size:1.125rem}.class-progress-header{font-size:1.125rem}.class-progress-bar-bg{border-radius:4px;height:8px}.classes-empty{margin-top:4rem;padding:8rem 4rem}.classes-empty-icon{width:120px;height:120px;margin-bottom:2rem}.classes-empty-icon svg{width:64px;height:64px}.classes-empty-title{margin-bottom:1rem;font-size:2.75rem}.classes-empty-desc{max-width:700px;margin-bottom:3rem;font-size:1.5rem}.classes-empty-btn{border-radius:var(--radius-lg);padding:1.25rem 3rem;font-size:1.5rem}}.settings-page{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary)}.settings-hero{align-items:flex-end;width:100%;height:240px;padding-bottom:2rem;display:flex;position:relative;overflow:hidden}.settings-hero-bg{background:linear-gradient(135deg, var(--badge-bg) 0%, var(--bg-tertiary) 100%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.settings-hero-bg:after{content:"";background:radial-gradient(circle, var(--badge-bg) 0%, transparent 70%);z-index:2;width:50%;height:200%;position:absolute;top:-50%;left:-10%;transform:rotate(-15deg)}.settings-hero-content{z-index:10;align-items:center;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.settings-avatar-large{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border:4px solid var(--bg-primary);width:100px;height:100px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex;transform:translateY(20px)}.settings-hero-text{flex:1}.settings-hero-title{letter-spacing:-1px;background:linear-gradient(to right, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.settings-hero-subtitle{color:var(--text-secondary);font-size:1.1rem}.settings-layout{grid-template-columns:280px 1fr;gap:3rem;max-width:1200px;margin-top:4rem;padding-bottom:4rem;display:grid}.settings-sidebar-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem}.settings-nav-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.settings-nav-item:last-child{margin-bottom:0}.settings-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.settings-nav-item.active{background:var(--badge-bg);color:var(--accent-primary);box-shadow:inset 3px 0 0 var(--accent-primary)}.settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.settings-card-header{border-bottom:1px solid var(--border-color);padding:2rem 2.5rem}.settings-card-header h2{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.settings-card-header p{color:var(--text-secondary);font-size:.95rem}.settings-data-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2.5rem;display:grid}.settings-data-group{flex-direction:column;gap:.75rem;display:flex}.settings-data-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.85rem;font-weight:600}.settings-data-value{color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;font-size:1.15rem;font-weight:500}.data-icon-wrapper{background:var(--badge-bg);border-radius:var(--radius-md);width:32px;height:32px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.capitalize-text{text-transform:capitalize}.settings-info-banner{background:var(--hover-bg);border-left:4px solid var(--accent-primary);color:var(--text-secondary);border-radius:0 12px 12px 0;align-items:flex-start;gap:1rem;margin:0 2.5rem 2.5rem;padding:1.25rem;font-size:.95rem;line-height:1.5;display:flex}.security-status-list{flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.security-status-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.security-status-item.success .status-icon{background:var(--badge-bg);color:var(--success)}.status-icon{background:var(--hover-bg);width:48px;height:48px;color:var(--text-secondary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.status-text h3{color:var(--text-primary);margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.status-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:2.5rem;display:grid}.theme-card{border-radius:var(--radius-xl);border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);background-color:var(--card-bg);position:relative;overflow:hidden}.theme-card:hover{box-shadow:var(--shadow-lg);border-color:var(--text-muted);transform:translateY(-4px)}.theme-card.active{box-shadow:0 0 0 1px var(--accent-primary), var(--shadow-md)}.theme-active-badge{z-index:10;background:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.theme-preview{border-bottom:1px solid var(--border-color);width:100%;height:140px;display:flex}.theme-preview-sidebar{border-right:1px solid var(--border-color);width:25%;height:100%}.theme-preview-content{flex-direction:column;flex:1;display:flex}.theme-preview-header{border-bottom:1px solid var(--border-color);width:100%;height:20%}.theme-preview-body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.theme-preview-card{border-radius:var(--radius-sm);width:100%;height:60%}.theme-preview-button{border-radius:var(--radius-sm);width:40%;height:20%}.theme-info{padding:1.5rem}.theme-info h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.theme-info p{font-size:.85rem;line-height:1.4}.settings-container{max-width:1200px;margin:3rem auto;padding:1.5rem 1.5rem 0}.settings-grid{grid-template-columns:1fr;gap:2rem;display:grid}.settings-col{flex-direction:column;gap:2rem;display:flex}.settings-spinner{animation:1s linear infinite spin}.settings-avatar-wrapper{overflow:hidden}.settings-avatar-full{width:100%;height:100%}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}@media (width<=360px){.settings-hero{height:auto;padding-top:2rem;padding-bottom:2rem}.settings-hero-content{text-align:center;flex-direction:column;gap:1rem}.settings-avatar-large{width:80px;height:80px;transform:none}.settings-hero-title{font-size:1.75rem}.settings-layout{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.settings-grid{grid-template-columns:1fr;gap:1.5rem}.settings-data-grid{grid-template-columns:1fr;padding:1.25rem}.settings-info-banner{flex-direction:column;margin:0 1rem 1rem;padding:1rem}.settings-card-header{padding:1.25rem}}@media (width>=361px) and (width<=480px){.settings-hero{height:auto;padding-top:2rem;padding-bottom:2rem}.settings-hero-content{text-align:center;flex-direction:column;gap:1.25rem}.settings-avatar-large{width:90px;height:90px;transform:none}.settings-hero-title{font-size:2rem}.settings-layout{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.settings-grid{grid-template-columns:1fr;gap:1.5rem}.settings-data-grid{grid-template-columns:1fr;padding:1.5rem}.settings-info-banner{margin:0 1.25rem 1.25rem}.settings-card-header{padding:1.5rem}}@media (width>=481px) and (width<=576px){.settings-hero{height:auto;padding-top:2.5rem;padding-bottom:2.5rem}.settings-hero-content{text-align:center;flex-direction:column;gap:1.5rem}.settings-avatar-large{transform:none}.settings-layout{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.settings-grid{grid-template-columns:1fr;gap:2rem}.settings-data-grid{grid-template-columns:1fr;padding:1.5rem}.settings-card-header{padding:1.5rem}}@media (width>=577px) and (width<=768px){.settings-hero{padding-bottom:2.5rem}.settings-hero-content{align-items:flex-end}.settings-avatar-large{transform:translateY(10px)}.settings-layout,.settings-grid{grid-template-columns:1fr;gap:2rem}}@media (width>=769px) and (width<=1024px){.settings-layout{grid-template-columns:240px 1fr;gap:2rem}.settings-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (width>=1025px) and (width<=1280px){.settings-layout{grid-template-columns:260px 1fr}.settings-grid{grid-template-columns:1fr 1fr}}@media (width>=1281px) and (width<=1440px){.settings-layout{grid-template-columns:280px 1fr}.settings-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (width>=1441px) and (width<=1920px){.settings-container,.settings-layout,.settings-hero-content{max-width:1400px}.settings-hero{height:280px}.settings-hero-title{font-size:3rem}.settings-avatar-large{width:120px;height:120px;transform:translateY(30px)}.settings-grid{grid-template-columns:1fr 1fr;gap:3rem}.settings-card-header{padding:2.5rem 3rem}.settings-card-header h2{font-size:1.75rem}.settings-data-grid{padding:3rem}.settings-data-label{font-size:1rem}.settings-data-value{padding:1.25rem 1.5rem;font-size:1.25rem}.security-status-item{padding:2rem}.status-text h3{font-size:1.25rem}.settings-info-banner{margin:0 3rem 3rem;padding:1.5rem;font-size:1.1rem}}@media (width>=1921px){.settings-container,.settings-layout{max-width:1800px}.settings-hero-content{max-width:1800px;padding:0 3rem}.settings-hero{height:350px;padding-bottom:3rem}.settings-avatar-large{border-width:6px;width:150px;height:150px;transform:translateY(40px)}.settings-hero-title{margin-bottom:.5rem;font-size:4rem}.settings-hero-subtitle{font-size:1.5rem}.settings-grid{grid-template-columns:1fr 1fr;gap:4rem}.settings-col{gap:3rem}.settings-card{border-width:2px;border-radius:24px}.settings-card-header{border-bottom-width:2px;padding:3rem}.settings-card-header h2{font-size:2rem}.settings-card-header p{font-size:1.25rem}.settings-data-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding:3rem}.settings-data-group{gap:1rem}.settings-data-label{font-size:1.15rem}.settings-data-value{border-width:2px;border-radius:16px;padding:1.5rem 2rem;font-size:1.5rem}.security-status-list{gap:2rem;padding:3rem}.security-status-item{border-width:2px;border-radius:20px;gap:2rem;padding:2.5rem}.status-icon{border-radius:16px;width:64px;height:64px}.status-icon svg{width:32px;height:32px}.status-text h3{margin-bottom:.5rem;font-size:1.5rem}.status-text p{font-size:1.25rem}.settings-info-banner{border-left-width:6px;border-radius:0 16px 16px 0;gap:1.5rem;margin:0 3rem 3rem;padding:2rem;font-size:1.25rem}}.cert-page-wrapper{background-color:var(--bg-primary);width:100%;min-height:100vh;position:relative}.cert-page-banner{background:linear-gradient(180deg, transparent 0%, var(--bg-primary) 100%), linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.cert-glow-effect{filter:blur(90px);opacity:.35;border-radius:50%;width:350px;height:350px;animation:10s ease-in-out infinite alternate pulseCertGlow;position:absolute}@keyframes pulseCertGlow{0%{opacity:.3;transform:scale(1)translate(0)}50%{opacity:.5;transform:scale(1.1)translate(15px,-15px)}to{opacity:.35;transform:scale(.95)translate(-15px,15px)}}.cert-glow.left{background:var(--accent-primary);animation-delay:0s;top:-100px;left:5%}.cert-glow.right{background:var(--accent-secondary);animation-delay:-5s;bottom:-150px;right:5%}.cert-banner-content{z-index:10;text-align:center;color:#fff;padding:0 2rem;position:relative}.cert-banner-title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:flex}.cert-banner-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.cert-page-content{box-sizing:border-box;z-index:20;width:100%;max-width:1100px;margin:0 auto;padding:0 1rem;position:relative;top:1rem}.cert-glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:24px;padding:2.5rem}.cert-card{cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.cert-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);background:var(--hover-bg);transform:translateY(-8px)}.cert-icon-wrapper{background:var(--badge-bg);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:16px;padding:1rem}.btn-cert-download{background:var(--accent-primary);color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.85rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-cert-download:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:scale(1.02)}.my-cert-loading{min-height:60vh}.my-cert-spinner{border:4px solid;border-top-color:#0000;border-radius:50%;width:40px;height:40px}.my-cert-content{max-width:1100px;margin-top:-3rem}.my-cert-error{text-align:center;background:#ef44440d;border-color:#ef44444d;margin-bottom:2rem}.my-cert-empty{text-align:center;flex-direction:column;gap:1rem;min-height:30vh;margin-top:4rem}.my-cert-empty-icon{background:#ffffff0d;border-radius:50%;padding:2rem}.my-cert-empty-title{font-size:1.5rem;font-weight:700}.my-cert-empty-text{max-width:400px}.my-cert-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;padding-top:4rem;padding-bottom:4rem;padding-left:2rem;display:grid}.my-cert-card{position:relative}.my-cert-revoked{color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;position:absolute;top:10px;right:10px}.my-cert-card-header{align-items:flex-start;gap:1.25rem;display:flex}.my-cert-card-info{flex:1}.my-cert-card-title{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.my-cert-card-subtitle{font-size:.9rem;line-height:1.4}.my-cert-card-meta{background:#0003;border-radius:12px;justify-content:space-between;padding:1rem;font-size:.85rem;display:flex}.my-cert-error-text{color:#f87171}.my-cert-title-text{color:var(--text-primary)}.my-cert-subtitle-text,.my-cert-meta-text{color:var(--text-secondary)}.my-cert-muted-text{color:var(--text-muted)}.my-cert-revoked-bg{background:var(--danger)}@media (width<=360px){.my-cert-content{padding-left:1rem;padding-right:1rem}.my-cert-grid{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.cert-banner-title{font-size:1.5rem}.cert-banner-subtitle{font-size:.875rem}.my-cert-card-title{font-size:1.1rem}.my-cert-card-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.my-cert-card-meta{flex-direction:column;align-items:center;gap:.5rem}}@media (width>=361px) and (width<=480px){.my-cert-content{padding-left:1rem;padding-right:1rem}.my-cert-grid{grid-template-columns:1fr;gap:1.25rem;padding:2rem 0}.cert-banner-title{font-size:1.75rem}.cert-banner-subtitle{font-size:1rem}.my-cert-card-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem}.my-cert-card-meta{flex-direction:column;align-items:center;gap:.5rem}}@media (width>=481px) and (width<=576px){.my-cert-content{padding-left:1.5rem;padding-right:1.5rem}.my-cert-grid{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0}.cert-banner-title{font-size:2rem}}@media (width>=577px) and (width<=768px){.my-cert-content{padding-left:2rem;padding-right:2rem}.my-cert-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:2rem 0}.cert-banner-title{font-size:2.25rem}}@media (width>=769px) and (width<=1024px){.my-cert-content{padding-left:2rem;padding-right:2rem}.my-cert-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:3rem 0}}@media (width>=1025px) and (width<=1280px){.my-cert-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (width>=1281px) and (width<=1440px){.my-cert-content{max-width:1200px}.my-cert-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (width>=1441px) and (width<=1920px){.my-cert-content{max-width:1400px;margin-top:-4rem}.my-cert-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:3rem;padding:4rem 0}.cert-banner-title{margin-bottom:1rem;font-size:3rem}.cert-banner-subtitle{font-size:1.25rem}.my-cert-card-title{margin-bottom:.5rem;font-size:1.5rem}.my-cert-card-subtitle{font-size:1rem}.my-cert-card-meta{padding:1.25rem;font-size:1rem}.my-cert-link{padding:1rem;font-size:1.15rem}}@media (width>=1921px){.my-cert-content{max-width:1800px;margin-top:-5rem}.my-cert-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:4rem;padding:5rem 0}.cert-page-banner{height:400px}.cert-banner-title{margin-bottom:1rem;font-size:4rem}.cert-banner-subtitle{font-size:1.5rem}.my-cert-card{padding:3rem}.cert-icon-wrapper{width:80px;height:80px}.cert-icon-wrapper svg{width:40px;height:40px}.my-cert-card-title{margin-bottom:.5rem;font-size:1.75rem}.my-cert-card-subtitle{font-size:1.15rem}.my-cert-card-meta{padding:1.5rem;font-size:1.15rem}.my-cert-link{padding:1.25rem;font-size:1.25rem}.my-cert-empty-title{font-size:2.5rem}.my-cert-empty-text{max-width:600px;font-size:1.25rem}}.certificate-view-page{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary)}.certificate-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.back-link{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:var(--text-primary)}.certificate-actions{align-items:center;gap:1rem;display:flex}.btn-verify-link{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-verify-link:hover{background:#ffffff1a;border-color:#fff3}.btn-download-pdf{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.btn-download-pdf:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 15px #6366f166}.btn-download-pdf:disabled{opacity:.6;cursor:not-allowed}.revoked-banner{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.revoked-banner h3{margin-bottom:.25rem;font-weight:700}.revoked-banner p{opacity:.9;font-size:.9rem}.certificate-render-wrapper{justify-content:center;width:100%;padding-bottom:2rem;display:flex;overflow-x:auto}.certificate-canvas{color:#1a1a1a;background-color:#f8f9fa;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");flex-shrink:0;width:1056px;height:816px;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.cert-tmt-watermark{color:#00000008;pointer-events:none;white-space:nowrap;letter-spacing:-10px;font-size:320px;font-weight:900;position:absolute;top:50%;left:-220px;transform:translateY(-50%)rotate(-90deg)}.cert-right-sidebar-top{background-color:#000;width:45px;height:48%;position:absolute;top:0;right:60px}.cert-right-sidebar-bottom{background-color:#000;width:45px;height:27%;position:absolute;bottom:60px;right:60px}.cert-dot-matrix{background-image:radial-gradient(#000 2.5px,#0000 3px);background-size:12px 12px;width:80px;height:80px;position:absolute;top:52%;right:42px}.cert-bottom-footer{box-sizing:border-box;background-color:#000;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 40px;display:flex;position:absolute;bottom:0;left:0}.cert-footer-company{color:#e53e3e;letter-spacing:1px;font-size:16px;font-weight:700}.cert-footer-email{color:#e53e3e;font-size:16px;font-weight:600}.cert-content{text-align:left;z-index:10;flex-direction:column;width:100%;height:100%;padding:100px 160px 80px;display:flex;position:absolute;top:0;left:0}.cert-title-wrapper{margin-bottom:40px}.cert-main-title{color:#000;letter-spacing:4px;margin:0;font-size:72px;font-weight:900;line-height:1}.cert-subtitle{color:#333;margin-top:15px;font-size:24px;font-weight:400}.cert-body-text{color:#1a202c;max-width:650px;margin-bottom:30px;font-size:18px;line-height:1.7}.cert-name-line-container{align-items:flex-end;gap:15px;max-width:750px;margin:50px 0 20px;display:flex}.cert-name-label{color:#1a202c;white-space:nowrap;padding-bottom:5px;font-size:18px}.cert-name-line{border-bottom:2px dashed #000;flex-grow:1;justify-content:center;display:flex;position:relative}.cert-student-name{color:#000;white-space:nowrap;margin:0;font-size:28px;font-weight:700;position:absolute;bottom:5px}.cert-event-line{color:#1a202c;align-items:flex-end;gap:10px;max-width:750px;margin-bottom:40px;font-size:18px;display:flex}.cert-event-dashed{border-bottom:1px dashed #000;flex-grow:1;min-width:100px;height:24px;position:relative}.cert-event-dashed.short{flex-grow:0;min-width:150px}.cert-event-dashed span{text-align:center;color:#000;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:700;position:absolute;bottom:2px;left:0;overflow:hidden}.cert-signature-area{justify-content:space-between;align-items:flex-end;max-width:750px;margin-top:auto;margin-bottom:20px;display:flex}.cert-signature-block{flex-direction:column;display:flex}.cert-signature-image{object-fit:contain;mix-blend-mode:multiply;height:90px;margin-bottom:-10px}.cert-signature-name{color:#000;margin:0;font-size:20px;font-weight:800}.cert-signature-title{color:#000;margin:0;font-size:16px;font-weight:700}.cert-logos-block{align-items:flex-end;gap:20px;display:flex}.cert-logo-placeholder{object-fit:contain;mix-blend-mode:multiply;height:70px}.cert-view-loader{min-height:60vh}.cert-view-spinner{border:4px solid;border-top-color:#0000;border-radius:50%;width:40px;height:40px}.cert-view-error-container{padding-top:4rem}.cert-view-error-panel{text-align:center;border-color:#ef444433;padding:3rem}.cert-view-main-container{max-width:1200px;margin:0 auto;padding:2rem}.cert-revoked{opacity:.6}.cert-footer-company-sub{font-size:12px;font-weight:500}.cert-signature-font{color:#1a1a1a;margin-bottom:5px;font-family:Great Vibes,cursive,Times New Roman;font-size:42px;line-height:1}@media (width<=360px){.certificate-view-page,.cert-view-main-container{padding:1rem}.certificate-header{flex-direction:column;align-items:stretch;gap:1rem}.certificate-actions{flex-direction:column;gap:.5rem;width:100%}.btn-verify-link,.btn-download-pdf{justify-content:center;width:100%}.certificate-render-wrapper{transform-origin:top;margin-bottom:-500px;transform:scale(.3)}}@media (width>=361px) and (width<=480px){.certificate-view-page,.cert-view-main-container{padding:1rem}.certificate-header{flex-direction:column;align-items:stretch;gap:1rem}.certificate-actions{flex-direction:column;gap:.5rem;width:100%}.btn-verify-link,.btn-download-pdf{justify-content:center;width:100%}.certificate-render-wrapper{transform-origin:top;margin-bottom:-450px;transform:scale(.35)}}@media (width>=481px) and (width<=576px){.cert-view-main-container{padding:1.5rem}.certificate-header{flex-direction:column;align-items:flex-start;gap:1rem}.certificate-render-wrapper{transform-origin:top;margin-bottom:-350px;transform:scale(.45)}}@media (width>=577px) and (width<=768px){.cert-view-main-container{padding:1.5rem}.certificate-render-wrapper{transform-origin:top;margin-bottom:-300px;transform:scale(.55)}}@media (width>=769px) and (width<=1024px){.cert-view-main-container{padding:2rem}.certificate-render-wrapper{transform-origin:top;margin-bottom:-200px;transform:scale(.7)}}@media (width>=1025px) and (width<=1280px){.certificate-render-wrapper{transform-origin:top;margin-bottom:-50px;transform:scale(.9)}}@media (width>=1281px) and (width<=1440px){.cert-view-main-container{max-width:1300px}.certificate-render-wrapper{transform:scale(1)}}@media (width>=1441px) and (width<=1920px){.cert-view-main-container{max-width:1400px;padding:3rem}.certificate-header{margin-bottom:3rem}.btn-verify-link,.btn-download-pdf{padding:1rem 1.5rem;font-size:1.1rem}.certificate-render-wrapper{transform-origin:top;margin-bottom:50px;transform:scale(1.1)}}@media (width>=1921px){.cert-view-main-container{max-width:1800px;padding:4rem}.certificate-header{margin-bottom:4rem}.back-link{font-size:1.5rem}.btn-verify-link,.btn-download-pdf{padding:1.25rem 2rem;font-size:1.25rem}.revoked-banner{padding:2rem}.revoked-banner h3{font-size:1.5rem}.revoked-banner p{font-size:1.25rem}.certificate-render-wrapper{transform-origin:top;margin-bottom:250px;transform:scale(1.3)}}.verify-page{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;padding:2rem;display:flex}.verify-container{width:100%;max-width:600px}.verify-header{text-align:center;margin-bottom:2rem}.verify-header h2{color:var(--accent-secondary);letter-spacing:-.5px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.verify-header p{color:var(--text-secondary);font-size:1.1rem}.verify-card{background:var(--bg-tertiary);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);text-align:center;border-radius:24px;padding:3rem 2rem;position:relative;overflow:hidden}.verify-card:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.verify-card.success:before{background:linear-gradient(90deg, var(--success), var(--success))}.verify-card.error:before,.verify-card.revoked:before{background:linear-gradient(90deg, var(--danger), var(--danger))}.verify-icon-large{background:var(--hover-bg);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;display:flex}.verify-card.success .verify-icon-large,.verify-card.error .verify-icon-large,.verify-card.revoked .verify-icon-large{background:var(--card-bg);box-shadow:var(--shadow-md)}.verify-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.verify-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.verify-code-display{background:var(--card-bg);color:var(--text-primary);border:1px dashed var(--text-muted);border-radius:8px;padding:.75rem 1.5rem;font-family:monospace;font-size:1.2rem;display:inline-block}.verify-details-grid{text-align:left;background:var(--bg-secondary);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.vd-item{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.25rem;padding-bottom:1rem;display:flex}.vd-item:last-child{border-bottom:none;padding-bottom:0}.vd-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.vd-value{color:var(--text-primary);padding-left:1.5rem;font-size:1.1rem;font-weight:500}.cv-brand{justify-content:center;align-items:center;gap:.75rem;text-decoration:none;display:flex}.cv-brand-logo{width:auto;height:32px}.cv-brand-title{color:var(--text-primary);margin:0}@media (width<=360px){.verify-page{padding:1rem}.verify-card{padding:1.5rem 1rem}.verify-header h2{font-size:1.5rem}.verify-icon-large{width:64px;height:64px;margin-bottom:1rem}.verify-title{font-size:1.5rem}.verify-desc{margin-bottom:1.5rem;font-size:.9rem}.verify-details-grid{gap:.75rem;padding:1rem}.vd-value{padding-left:.5rem;font-size:.9rem}.verify-code-display{padding:.5rem 1rem;font-size:.9rem}}@media (width>=361px) and (width<=480px){.verify-page{padding:1.5rem}.verify-card{padding:2rem 1.5rem}.verify-header h2{font-size:1.75rem}.verify-icon-large{width:80px;height:80px}.verify-title{font-size:1.75rem}.verify-details-grid{padding:1.25rem}.vd-value{padding-left:1rem;font-size:1rem}}@media (width>=481px) and (width<=576px){.verify-page{padding:2rem}.verify-card{padding:2.5rem 2rem}}@media (width>=1281px) and (width<=1440px){.verify-container{max-width:700px}.verify-header h2,.verify-title{font-size:2.25rem}.verify-desc,.vd-value{font-size:1.2rem}}@media (width>=1441px) and (width<=1920px){.verify-container{max-width:800px}.verify-header h2{font-size:2.5rem}.verify-card{padding:4rem 3rem}.verify-icon-large{width:120px;height:120px}.verify-title{font-size:2.5rem}.verify-desc{margin-bottom:3rem;font-size:1.35rem}.verify-details-grid{gap:1.5rem;padding:2rem}.vd-label{gap:.75rem;font-size:1rem}.vd-value{padding-left:2rem;font-size:1.35rem}.verify-code-display{padding:1rem 2rem;font-size:1.5rem}.cv-brand-logo{height:40px}.cv-brand-title{font-size:2rem}}@media (width>=1921px){.verify-container{max-width:1000px}.verify-header h2{margin-bottom:1rem;font-size:3rem}.verify-header p{font-size:1.5rem}.verify-card{border-radius:32px;padding:5rem 4rem}.verify-icon-large{width:150px;height:150px;margin-bottom:2rem}.verify-title{margin-bottom:1rem;font-size:3.5rem}.verify-desc{margin-bottom:4rem;font-size:1.75rem}.verify-details-grid{border-radius:24px;gap:2rem;padding:3rem}.vd-item{gap:.5rem;padding-bottom:1.5rem}.vd-label{gap:1rem;font-size:1.25rem}.vd-value{padding-left:3rem;font-size:1.75rem}.verify-code-display{border-radius:12px;padding:1.5rem 3rem;font-size:2rem}.cv-brand-logo{height:48px}.cv-brand-title{font-size:2.5rem}.verify-footer p{font-size:1.25rem}}.roadmap-list-loading{min-height:60vh}.roadmap-list-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:1rem}.roadmap-list-container{max-width:1200px;margin:0 auto;padding:2rem;animation:.5s fadeIn}.roadmap-list-header{margin-bottom:2.5rem}.roadmap-list-title{align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:flex}.roadmap-list-subtitle{max-width:800px;font-size:1.1rem}.roadmap-list-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.roadmap-card{cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.roadmap-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.roadmap-featured-badge{z-index:10;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0003}.roadmap-img-wrapper{width:100%;height:160px;position:relative}.roadmap-img{object-fit:cover;width:100%;height:100%}.roadmap-img-overlay{background:linear-gradient(#0000 0%,#0f0f14cc 100%);position:absolute;inset:0}.roadmap-img-badges{gap:.5rem;display:flex;position:absolute;bottom:.75rem;left:1rem}.roadmap-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.roadmap-difficulty-badge{text-transform:capitalize}.roadmap-time-badge{align-items:center;gap:.25rem;display:flex}.roadmap-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.roadmap-card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.roadmap-card-desc{flex:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.roadmap-card-link{background:var(--bg-tertiary);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.roadmap-card-link:hover{background:var(--accent-primary);color:#fff!important}.card-bg{background:var(--bg-secondary);border:1px solid var(--border-color)}.badge-accent{background:var(--accent-primary);color:#fff}@media (width<=360px){.roadmap-list-container{padding:1rem}.roadmap-list-title{font-size:1.5rem}.roadmap-list-subtitle{font-size:.95rem}.roadmap-list-grid{grid-template-columns:1fr;gap:1rem}.roadmap-img-wrapper{height:140px}}@media (width>=361px) and (width<=480px){.roadmap-list-container{padding:1.25rem}.roadmap-list-title{font-size:1.75rem}.roadmap-list-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width>=481px) and (width<=576px){.roadmap-list-container{padding:1.5rem}.roadmap-list-grid{grid-template-columns:1fr}}@media (width>=577px) and (width<=768px){.roadmap-list-container{padding:2rem}.roadmap-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width>=769px) and (width<=1024px){.roadmap-list-container{padding:2.5rem}}@media (width>=1025px) and (width<=1280px){.roadmap-list-container{padding:3rem}}@media (width>=1281px) and (width<=1440px){.roadmap-list-container{max-width:1300px}}@media (width>=1441px) and (width<=1920px){.roadmap-list-container{max-width:1500px;padding:4rem}.roadmap-list-title{font-size:3rem}.roadmap-list-subtitle{max-width:1000px;font-size:1.25rem}.roadmap-list-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:3rem}.roadmap-img-wrapper{height:200px}.roadmap-card-body{padding:2rem}.roadmap-card-title{font-size:1.5rem}.roadmap-card-desc{font-size:1rem}.roadmap-card-link{padding:1rem;font-size:1.1rem}}@media (width>=1921px){.roadmap-list-container{max-width:1800px;padding:5rem}.roadmap-list-title{margin-bottom:1rem;font-size:4rem}.roadmap-list-subtitle{max-width:1200px;margin-bottom:4rem;font-size:1.5rem}.roadmap-list-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:4rem}.roadmap-card{border-radius:20px}.roadmap-img-wrapper{height:250px}.roadmap-featured-badge{border-radius:24px;padding:.5rem 1rem;font-size:1rem;top:1.5rem;right:1.5rem}.roadmap-featured-badge svg{width:16px;height:16px}.roadmap-badge{padding:.4rem .8rem;font-size:1rem}.roadmap-img-badges{gap:1rem;bottom:1.5rem;left:1.5rem}.roadmap-card-body{padding:3rem}.roadmap-card-title{margin-bottom:1rem;font-size:2rem}.roadmap-card-desc{margin-bottom:2rem;font-size:1.25rem}.roadmap-card-link{border-radius:12px;padding:1.25rem;font-size:1.25rem}.roadmap-card-link svg{width:24px;height:24px}}.roadmap-details-loading{min-height:60vh}.roadmap-details-back-link{align-items:center;gap:.5rem;margin-bottom:1rem;text-decoration:none;display:flex}.roadmap-details-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:1rem}.roadmap-details-container{padding:0 0 4rem;animation:.5s fadeIn}.roadmap-details-hero{padding:3rem 2rem;position:relative;overflow:hidden}.roadmap-details-accent{opacity:.05;filter:blur(100px);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.roadmap-details-hero-content{z-index:1;max-width:1000px;margin:0 auto;position:relative}.roadmap-details-hero-back{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.roadmap-details-meta-row{gap:1rem;margin-bottom:1rem;display:flex}.roadmap-details-category{text-transform:uppercase;background:#6366f11a;border-radius:4px;padding:.25rem .75rem;font-size:.8rem;font-weight:700}.roadmap-details-difficulty{text-transform:capitalize;border-radius:4px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.roadmap-details-duration{border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:flex}.roadmap-details-title{margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.roadmap-details-desc{max-width:800px;font-size:1.1rem;line-height:1.6}.roadmap-details-timeline-wrapper{max-width:1000px;margin:3rem auto;padding:0 2rem}.roadmap-details-section-title{align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;display:flex}.roadmap-details-timeline{padding-left:1.5rem;position:relative}.roadmap-timeline-line{z-index:0;width:2px;position:absolute;top:2rem;bottom:2rem;left:1.9rem}.roadmap-stage-container{z-index:1;margin-bottom:2rem;position:relative}.roadmap-stage-node{padding:.2rem;position:absolute;top:1.5rem;left:-.3rem}.roadmap-stage-content-wrapper{margin-left:2.5rem}.roadmap-stage-header{cursor:pointer;border:1px solid;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.roadmap-stage-header.expanded{border-radius:12px 12px 0 0}.roadmap-stage-header:hover{border-color:var(--hover-border)!important}.roadmap-stage-meta{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.roadmap-stage-status-completed{color:#10b981;margin-left:.5rem}.roadmap-stage-status-current{margin-left:.5rem}.roadmap-stage-title{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.roadmap-stage-desc{margin:0;font-size:.9rem}.roadmap-stage-actions{align-items:center;gap:1rem;display:flex}.roadmap-stage-duration{border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.85rem;font-weight:600;display:flex}.roadmap-stage-items-container{border:1px solid;border-top:none;border-radius:0 0 12px 12px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.roadmap-stage-item{border:1px solid;border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.roadmap-stage-item-icon{margin-top:.1rem}.roadmap-stage-item-details{flex:1}.roadmap-stage-item-header{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.roadmap-stage-item-title{font-size:1rem;font-weight:600}.roadmap-stage-item-type{text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.roadmap-stage-item-desc{margin:0;font-size:.85rem;line-height:1.5}.roadmap-stage-item-btn{cursor:not-allowed;opacity:.7;background:0 0;border:1px solid;border-radius:4px;margin-top:.75rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600}.roadmap-stage-empty-text{margin:0;font-size:.9rem;font-style:italic}.roadmap-details-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.roadmap-details-accent{background:var(--accent-primary)}.border-bg{background:var(--border-color)}.duration-badge{color:var(--text-secondary);background:var(--bg-primary)}.items-container-bg{background:var(--bg-secondary);border-color:var(--border-color)}.stage-item-bg{background:var(--bg-primary);border-color:var(--border-color)}.item-btn-accent{border-color:var(--accent-primary);color:var(--accent-primary)}@media (width<=360px){.roadmap-details-hero{padding:1.5rem 1rem}.roadmap-details-meta-row{flex-direction:column;align-items:flex-start;gap:.5rem}.roadmap-details-title{font-size:1.75rem}.roadmap-details-timeline-wrapper{margin:2rem auto;padding:0 1rem}.roadmap-stage-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.roadmap-stage-actions{justify-content:space-between;width:100%}.roadmap-stage-item{flex-direction:column;padding:.75rem}.roadmap-stage-item-header{flex-direction:column;align-items:flex-start;gap:.25rem}.roadmap-timeline-line{left:1.4rem}.roadmap-stage-content-wrapper{margin-left:2rem}.roadmap-stage-node{left:-.3rem}}@media (width>=361px) and (width<=480px){.roadmap-details-hero{padding:2rem 1.25rem}.roadmap-details-meta-row{flex-wrap:wrap}.roadmap-details-title{font-size:2rem}.roadmap-details-timeline-wrapper{margin:2.5rem auto;padding:0 1.25rem}.roadmap-stage-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.roadmap-stage-actions{justify-content:space-between;width:100%}.roadmap-stage-item{padding:1rem}}@media (width>=481px) and (width<=576px){.roadmap-details-hero{padding:2rem 1.5rem}.roadmap-details-title{font-size:2.25rem}.roadmap-details-timeline-wrapper{padding:0 1.5rem}.roadmap-stage-header{flex-direction:column;align-items:flex-start;gap:1rem}.roadmap-stage-actions{justify-content:space-between;width:100%}}@media (width>=577px) and (width<=768px){.roadmap-details-hero{padding:2.5rem 2rem}.roadmap-details-title{font-size:2.5rem}}@media (width>=769px) and (width<=1024px){.roadmap-details-hero{padding:3rem 2rem}.roadmap-details-title{font-size:2.75rem}}@media (width>=1025px) and (width<=1280px){.roadmap-details-hero-content,.roadmap-details-timeline-wrapper{max-width:900px}}@media (width>=1281px) and (width<=1440px){.roadmap-details-hero-content,.roadmap-details-timeline-wrapper{max-width:1000px}}@media (width>=1441px) and (width<=1920px){.roadmap-details-hero{padding:4rem 2rem}.roadmap-details-hero-content{max-width:1200px}.roadmap-details-meta-row{font-size:1rem}.roadmap-details-title{margin-bottom:1.5rem;font-size:3.5rem}.roadmap-details-desc{max-width:900px;font-size:1.25rem}.roadmap-details-timeline-wrapper{max-width:1200px;margin:4rem auto}.roadmap-details-section-title{font-size:2rem}.roadmap-stage-header{padding:2rem}.roadmap-stage-meta{font-size:.9rem}.roadmap-stage-title{margin-bottom:.5rem;font-size:1.5rem}.roadmap-stage-desc{font-size:1.1rem}.roadmap-stage-duration{padding:.5rem .75rem;font-size:1rem}.roadmap-stage-item{gap:1.5rem;padding:1.5rem}.roadmap-stage-item-title{font-size:1.25rem}.roadmap-stage-item-desc{font-size:1rem}}@media (width>=1921px){.roadmap-details-hero{padding:5rem 3rem}.roadmap-details-hero-content{max-width:1600px}.roadmap-details-meta-row{gap:1.5rem}.roadmap-details-category,.roadmap-details-difficulty{padding:.5rem 1rem;font-size:1.15rem}.roadmap-details-duration{gap:.5rem;padding:.5rem 1rem;font-size:1.15rem}.roadmap-details-title{margin-bottom:2rem;font-size:4.5rem}.roadmap-details-desc{max-width:1200px;margin-bottom:2rem;font-size:1.5rem}.roadmap-details-timeline-wrapper{max-width:1600px;margin:5rem auto}.roadmap-details-section-title{gap:1rem;margin-bottom:3rem;font-size:2.5rem}.roadmap-details-section-title svg{width:36px;height:36px}.roadmap-timeline-line{width:4px;left:2.4rem}.roadmap-stage-node{top:2rem;left:-.1rem}.roadmap-stage-node svg{width:36px;height:36px}.roadmap-stage-content-wrapper{margin-left:4rem}.roadmap-stage-header{border-width:2px;border-radius:20px;padding:3rem}.roadmap-stage-meta{margin-bottom:.5rem;font-size:1.15rem}.roadmap-stage-title{margin-bottom:1rem;font-size:2rem}.roadmap-stage-desc{font-size:1.25rem}.roadmap-stage-duration{border-radius:8px;padding:.75rem 1rem;font-size:1.25rem}.roadmap-stage-items-container{border-width:2px;border-radius:0 0 20px 20px;gap:1.5rem;padding:3rem}.roadmap-stage-item{border-width:2px;border-radius:12px;gap:2rem;padding:2rem}.roadmap-stage-item-icon svg{width:24px;height:24px}.roadmap-stage-item-title{font-size:1.5rem}.roadmap-stage-item-type{border-radius:6px;padding:.25rem .75rem;font-size:1rem}.roadmap-stage-item-desc{font-size:1.25rem}.roadmap-stage-item-btn{border-radius:8px;margin-top:1rem;padding:.75rem 1.25rem;font-size:1.15rem}}.noti-page-wrapper{background-color:var(--bg-primary);width:100%;min-height:100vh;position:relative}.noti-page-banner{background:linear-gradient(180deg, transparent 0%, var(--bg-primary) 100%), linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.noti-glow-effect{filter:blur(90px);opacity:.35;border-radius:50%;width:350px;height:350px;animation:8s ease-in-out infinite alternate pulseNotiGlow;position:absolute}@keyframes pulseNotiGlow{0%{opacity:.3;transform:scale(1)translate(0)}50%{opacity:.5;transform:scale(1.1)translate(15px,-15px)}to{opacity:.35;transform:scale(.95)translate(-15px,15px)}}.noti-glow.left{background:var(--accent-primary);animation-delay:0s;top:-100px;left:5%}.noti-glow.right{background:var(--accent-secondary);animation-delay:-3s;bottom:-150px;right:5%}.noti-banner-content{z-index:10;text-align:center;color:#fff;padding:0 2rem;position:relative}.noti-banner-title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:flex}.noti-banner-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.noti-page-content{z-index:20;max-width:900px;margin:0 auto;padding:3rem 2rem;position:relative;top:-4rem}.noti-glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:24px;padding:2.5rem}.notification-container{flex-direction:column;gap:2rem;display:flex}.notification-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.notification-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.mark-all-read-btn{border:1px solid var(--border-color);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.mark-all-read-btn:hover{background:var(--hover-bg)}.notification-list{flex-direction:column;gap:1rem;display:flex}.notification-item{background:var(--card-bg);border:1px solid #0000;border-radius:16px;gap:1.5rem;padding:1.5rem;transition:all .2s;display:flex}.notification-item.unread{background:var(--badge-bg);border-color:var(--accent-primary)}.notification-item:hover{background:var(--hover-bg);transform:translate(4px)}.notification-icon-box{background:var(--bg-primary);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-details{flex-direction:column;flex:1;gap:.4rem;display:flex}.notification-title-row{align-items:center;gap:.75rem;display:flex}.notification-title-row h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.unread-dot{background:var(--accent-primary);width:8px;height:8px;box-shadow:var(--shadow-sm);border-radius:50%}.notification-message{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.notification-time{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.5rem;font-size:.8rem;display:flex}@media (width<=360px){.noti-page-banner{height:200px}.noti-banner-title{font-size:1.5rem}.noti-banner-subtitle{font-size:.85rem}.noti-page-content{padding:1.5rem 1rem;top:-2rem}.noti-glass-container{border-radius:16px;padding:1.5rem}.notification-header{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-header h2{font-size:1.25rem}.notification-item{flex-direction:column;gap:1rem;padding:1.25rem}.notification-title-row h3{font-size:1rem}.notification-message{font-size:.85rem}}@media (width>=361px) and (width<=480px){.noti-page-banner{height:220px}.noti-banner-title{font-size:1.75rem}.noti-banner-subtitle{font-size:.95rem}.noti-page-content{padding:2rem 1.25rem;top:-3rem}.noti-glass-container{border-radius:20px;padding:2rem}.notification-header h2{font-size:1.35rem}.notification-item{flex-direction:column;gap:1.25rem;padding:1.25rem}}@media (width>=481px) and (width<=576px){.noti-page-banner{height:240px}.noti-banner-title{font-size:2rem}.noti-page-content{padding:2rem 1.5rem}.noti-glass-container{padding:2rem}}@media (width>=577px) and (width<=768px){.noti-page-content{padding:2rem}.noti-glass-container{padding:2.5rem}}@media (width>=769px) and (width<=1024px){.noti-page-content{padding:3rem 2rem}}@media (width>=1025px) and (width<=1280px){.noti-page-content{max-width:1000px}}@media (width>=1281px) and (width<=1440px){.noti-page-content{max-width:1100px}.noti-banner-title{font-size:3rem}.notification-header h2{font-size:1.75rem}}@media (width>=1441px) and (width<=1920px){.noti-page-content{max-width:1300px;padding:4rem 2rem}.noti-page-banner{height:300px}.noti-banner-title{font-size:3.5rem}.noti-banner-subtitle{font-size:1.25rem}.notification-header h2{font-size:2rem}.notification-title-row h3{font-size:1.25rem}.notification-message{font-size:1.1rem}}@media (width>=1921px){.noti-page-content{max-width:1600px;padding:5rem 2rem;top:-6rem}.noti-page-banner{height:400px}.noti-banner-title{margin-bottom:1rem;font-size:4rem}.noti-banner-subtitle{max-width:800px;font-size:1.5rem}.noti-glass-container{border-radius:32px;padding:4rem}.notification-header h2{font-size:2.5rem}.mark-all-read-btn{padding:1rem 1.5rem;font-size:1.25rem}.notification-item{gap:2.5rem;padding:2.5rem}.notification-icon-box{width:72px;height:72px}.notification-icon-box svg{width:36px;height:36px}.notification-title-row h3{font-size:1.75rem}.notification-message{margin-top:.5rem;font-size:1.25rem}.notification-time{gap:.75rem;margin-top:1rem;font-size:1rem}.notification-time svg{width:16px;height:16px}}.help-page-wrapper{background-color:var(--bg-primary);width:100%;min-height:100vh;position:relative}.help-page-banner{background:linear-gradient(180deg, transparent 0%, var(--bg-primary) 100%), linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.help-glow-effect{filter:blur(90px);opacity:.35;border-radius:50%;width:350px;height:350px;animation:12s ease-in-out infinite alternate pulseHelpGlow;position:absolute}@keyframes pulseHelpGlow{0%{opacity:.3;transform:scale(1)translate(0)}50%{opacity:.5;transform:scale(1.15)translate(20px,-20px)}to{opacity:.35;transform:scale(.9)translate(-20px,20px)}}.help-glow.left{background:var(--accent-primary);animation-delay:0s;top:-100px;left:5%}.help-glow.right{background:var(--accent-secondary);animation-delay:-6s;bottom:-150px;right:5%}.help-banner-content{z-index:10;text-align:center;color:#fff;padding:0 2rem;position:relative}.help-banner-title{color:var(--text-primary);justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:flex}.help-banner-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.help-page-content{z-index:20;max-width:1000px;margin:0 auto;padding:3rem 2rem;position:relative;top:-4rem}.help-glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:24px;padding:2.5rem}.help-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=992px){.help-grid{grid-template-columns:2fr 1fr}}.section-heading{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:700}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item:hover{background:var(--hover-bg)}.faq-item.open{background:var(--badge-bg);border-color:var(--accent-primary)}.faq-question{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.faq-question h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.faq-answer{color:var(--text-secondary);padding:0 1.5rem 1.5rem;font-size:.95rem;line-height:1.6;animation:.3s forwards slideDown}.contact-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.contact-icon-wrapper{background:var(--badge-bg);border:1px solid var(--border-color);width:64px;height:64px;color:var(--accent-primary);border-radius:20px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.contact-card h2{color:var(--text-primary);font-size:1.4rem;font-weight:700}.contact-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.contact-methods{flex-direction:column;gap:1rem;width:100%;display:flex}.btn-contact{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-contact.primary{background:linear-gradient(135deg, var(--accent-primary-hover), var(--accent-primary));color:#fff;border:none}.btn-contact.primary:hover{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-contact.secondary{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.btn-contact.secondary:hover{background:var(--hover-bg);border-color:var(--text-muted)}@media (width<=360px){.help-page-banner{height:200px}.help-banner-title{font-size:1.75rem}.help-banner-subtitle{font-size:.9rem}.help-page-content{padding:1.5rem 1rem;top:-2rem}.help-glass-container{padding:1.5rem}.section-heading{font-size:1.25rem}.faq-question h3{font-size:.95rem}.faq-answer{font-size:.85rem}}@media (width>=361px) and (width<=480px){.help-page-banner{height:220px}.help-banner-title{font-size:2rem}.help-banner-subtitle{font-size:1rem}.help-page-content{padding:2rem 1.5rem;top:-3rem}.help-glass-container{padding:2rem}.section-heading{font-size:1.35rem}}@media (width>=481px) and (width<=576px){.help-page-banner{height:240px}.help-banner-title{font-size:2.25rem}.help-glass-container{padding:2rem}}@media (width>=577px) and (width<=768px){.help-page-content{padding:2rem}.help-glass-container{padding:2.5rem}}@media (width>=769px) and (width<=1024px){.help-page-content{padding:3rem 2rem}}@media (width>=1025px) and (width<=1280px){.help-page-content{max-width:1100px}}@media (width>=1281px) and (width<=1440px){.help-page-content{max-width:1200px}.help-banner-title{font-size:3rem}.section-heading{font-size:1.75rem}}@media (width>=1441px) and (width<=1920px){.help-page-content{max-width:1400px;padding:4rem 2rem}.help-page-banner{height:300px}.help-banner-title{font-size:3.5rem}.help-banner-subtitle{font-size:1.25rem}.section-heading{font-size:2rem}.faq-question h3{font-size:1.15rem}.faq-answer{font-size:1.05rem}}@media (width>=1921px){.help-page-content{max-width:1800px;padding:5rem 2rem;top:-6rem}.help-page-banner{height:400px}.help-banner-title{margin-bottom:1rem;font-size:4rem}.help-banner-subtitle{max-width:800px;font-size:1.5rem}.help-glass-container{border-radius:32px;padding:4rem}.section-heading{margin-bottom:3rem;font-size:2.5rem}.faq-question{padding:2rem 2.5rem}.faq-question h3{font-size:1.5rem}.faq-answer{padding:0 2.5rem 2.5rem;font-size:1.25rem}.contact-card h2{font-size:2rem}.contact-card p{margin-bottom:2.5rem;font-size:1.25rem}.btn-contact{border-radius:16px;padding:1.25rem;font-size:1.25rem}.contact-icon-wrapper{width:96px;height:96px;margin-bottom:2rem}}.reviews-container{max-width:1200px;color:var(--text-primary);margin:0 auto;padding:2.5rem}.reviews-header{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:2rem}.reviews-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.reviews-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.125rem}.reviews-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.review-stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.review-stat-card:hover{border-color:var(--text-muted);transform:translateY(-4px)}.review-stat-card:before{content:"";background:radial-gradient(circle at center, var(--glow-color,#ffffff0d) 0%, transparent 50%);opacity:.5;pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.rs-icon-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);width:64px;height:64px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0003}.rs-content h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem}.rs-content p{margin:0;font-size:2rem;font-weight:800;line-height:1}.reviews-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.review-card-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0000001a}.review-card-modern:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 30px #0003,0 0 0 1px #3b82f633}.rc-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.rc-course-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.rc-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.rc-badge-approved{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.rc-badge-pending{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}.rc-badge-rejected{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.rc-stars{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:4px;margin-bottom:1.25rem;padding:.5rem .75rem;display:inline-flex}.rc-stars span{margin-left:.5rem;font-size:.875rem;font-weight:700}.rc-body{flex:1}.rc-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.rc-comment{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.rc-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;display:flex}.rc-date{color:var(--text-muted);font-size:.75rem}.btn-edit-modern{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-edit-modern:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px)}.reviews-empty{text-align:center;background:linear-gradient(180deg, var(--bg-secondary) 0%, transparent 100%);border:1px dashed var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:5rem 2rem;display:flex}.reviews-empty-icon{width:80px;height:80px;color:var(--accent-primary);background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;box-shadow:0 0 30px #3b82f633}.reviews-empty h2{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.reviews-empty p{color:var(--text-secondary);max-width:400px;margin-bottom:2rem;line-height:1.5}.rc-rejection{color:var(--danger);background:#ef44440d;border:1px solid #ef444433;border-radius:8px;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;display:flex}.rs-icon-primary{color:var(--accent-primary);border-color:var(--accent-primary)}.rs-icon-warning{color:var(--warning);border-color:var(--warning)}.rs-icon-success{color:var(--success);border-color:var(--success)}.reviews-loader-container{min-height:300px}.reviews-empty-btn{padding:.75rem 2rem;font-size:1rem}.rc-header-title-wrapper{flex:1;padding-right:1rem}.rc-rejection-icon{flex-shrink:0;margin-top:2px}@media (width<=360px){.reviews-container{padding:1rem}.reviews-title{font-size:1.75rem}.reviews-stats-grid,.reviews-list{grid-template-columns:1fr}.rc-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width>=361px) and (width<=480px){.reviews-container{padding:1.25rem}.reviews-title{font-size:2rem}.reviews-stats-grid,.reviews-list{grid-template-columns:1fr}.rc-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (width>=481px) and (width<=576px){.reviews-container{padding:1.5rem}.reviews-stats-grid,.reviews-list{grid-template-columns:1fr}}@media (width>=577px) and (width<=768px){.reviews-container{padding:2rem}.reviews-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reviews-list{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.reviews-container{padding:2.5rem}.reviews-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width>=1025px) and (width<=1280px){.reviews-container{padding:3rem}}@media (width>=1281px) and (width<=1440px){.reviews-container{max-width:1300px}}@media (width>=1441px) and (width<=1920px){.reviews-container{max-width:1500px;padding:4rem}.reviews-title{font-size:3rem}.reviews-subtitle{font-size:1.25rem}.review-stat-card{gap:2rem;padding:2rem}.rs-icon-wrapper{width:80px;height:80px}.rs-icon-wrapper svg{width:40px;height:40px}.rs-content h3{font-size:1rem}.rs-content p{font-size:2.5rem}.review-card-modern{padding:2rem}.rc-course-title,.rc-title{font-size:1.25rem}.rc-comment{font-size:1rem}.btn-edit-modern{padding:.75rem 1.25rem;font-size:1rem}}@media (width>=1921px){.reviews-container{max-width:1800px;padding:5rem}.reviews-title{margin-bottom:1rem;font-size:4rem}.reviews-subtitle{max-width:800px;margin-bottom:4rem;font-size:1.5rem}.reviews-stats-grid{gap:3rem;margin-bottom:5rem}.review-stat-card{border-radius:24px;gap:3rem;padding:3rem}.rs-icon-wrapper{border-radius:30px;width:100px;height:100px}.rs-icon-wrapper svg{width:48px;height:48px}.rs-content h3{margin-bottom:.5rem;font-size:1.25rem}.rs-content p{font-size:3.5rem}.reviews-list{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:3rem}.review-card-modern{border-radius:24px;padding:3rem}.rc-course-title{margin-bottom:1rem;font-size:1.5rem}.rc-status-badge{border-radius:24px;padding:.5rem 1rem;font-size:1rem}.rc-stars{border-radius:12px;gap:8px;margin-bottom:2rem;padding:.75rem 1rem}.rc-stars svg{width:24px;height:24px}.rc-stars span{font-size:1.25rem}.rc-title{margin-bottom:1rem;font-size:1.5rem}.rc-comment{margin-bottom:2rem;font-size:1.25rem;line-height:1.8}.rc-footer{margin-top:2rem;padding-top:2rem}.rc-date{font-size:1.1rem}.btn-edit-modern{border-radius:12px;padding:1rem 1.5rem;font-size:1.15rem}}.about-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.about-page-banner{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:6rem 2rem;position:relative;overflow:hidden}.about-glow-effect{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.about-glow.left{background:var(--accent-primary);top:-100px;left:-100px}.about-glow.right{background:#8b5cf6;bottom:-100px;right:-100px}.about-banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.about-banner-title{font-size:3rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem}.about-banner-subtitle{color:var(--text-secondary);font-size:1.25rem}.about-page-content{flex-direction:column;gap:3rem;max-width:1200px;margin:4rem auto;padding:0 2rem;display:flex}.about-glass-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:3rem}.section-heading{text-align:center;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.mission-text{color:var(--text-secondary);text-align:center;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.value-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:16px;padding:2rem;transition:transform .3s,border-color .3s}.value-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.value-icon-wrapper{background:rgba(var(--accent-primary-rgb), .1);width:50px;height:50px;color:var(--accent-primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.value-card h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.value-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}@media (width<=768px){.about-banner-title{font-size:2.25rem}.about-glass-container{padding:2rem}.section-heading{font-size:1.75rem}}.careers-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.careers-page-banner{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:6rem 2rem;position:relative;overflow:hidden}.careers-glow-effect{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.careers-glow.left{background:var(--accent-primary);top:-100px;left:-100px}.careers-glow.right{background:#3b82f6;bottom:-100px;right:-100px}.careers-banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.careers-banner-title{font-size:3rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem}.careers-banner-subtitle{color:var(--text-secondary);font-size:1.25rem}.careers-page-content{max-width:1000px;margin:4rem auto;padding:0 2rem}.careers-glass-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:3rem}.jobs-list{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.job-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;padding:2rem;transition:transform .3s,border-color .3s;display:flex}.job-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.job-info h3{margin-bottom:.75rem;font-size:1.35rem;font-weight:600}.job-meta{color:var(--text-muted);gap:1.5rem;font-size:.9rem;display:flex}.job-meta span{align-items:center;gap:.4rem;display:flex}.apply-btn{align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}@media (width<=768px){.careers-banner-title{font-size:2.25rem}.job-card{flex-direction:column;align-items:flex-start;gap:1.5rem}.job-meta{flex-direction:column;gap:.75rem}}.blog-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.blog-page-banner{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:6rem 2rem;position:relative;overflow:hidden}.blog-glow-effect{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.blog-glow.left{background:var(--accent-primary);top:-100px;left:-100px}.blog-glow.right{background:#ec4899;bottom:-100px;right:-100px}.blog-banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.blog-banner-title{font-size:3rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem}.blog-banner-subtitle{color:var(--text-secondary);font-size:1.25rem}.blog-page-content{max-width:1200px;margin:4rem auto;padding:0 2rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.blog-card-img-placeholder{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);justify-content:center;align-items:center;height:200px;display:flex}.blog-card-img-placeholder span{background:rgba(var(--accent-primary-rgb), .2);color:var(--accent-primary);letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.blog-card-content{flex-direction:column;flex:1;padding:2rem;display:flex}.blog-meta{color:var(--text-muted);gap:1.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.blog-meta span{align-items:center;gap:.4rem;display:flex}.blog-card-content h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.4}.blog-card-content p{color:var(--text-secondary);flex:1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.read-more-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-weight:600;transition:gap .2s;display:flex}.read-more-btn:hover{gap:.75rem}@media (width<=768px){.blog-banner-title{font-size:2.25rem}.blog-card-content{padding:1.5rem}}.instructors-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.instructors-page-banner{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:6rem 2rem;position:relative;overflow:hidden}.instructors-glow-effect{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.instructors-glow.left{background:var(--accent-primary);top:-100px;left:-100px}.instructors-glow.right{background:#06b6d4;bottom:-100px;right:-100px}.instructors-banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.instructors-banner-title{font-size:3rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem}.instructors-banner-subtitle{color:var(--text-secondary);font-size:1.25rem}.instructors-page-content{max-width:1200px;margin:4rem auto;padding:0 2rem}.instructors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.instructor-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;padding:2.5rem 2rem;transition:transform .3s,border-color .3s;display:flex}.instructor-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.instructor-avatar{width:80px;height:80px;font-size:1.75rem;font-weight:700;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.instructor-name{margin-bottom:.5rem;font-size:1.35rem;font-weight:600}.instructor-specialty{color:var(--accent-primary);margin-bottom:1rem;font-size:.95rem;font-weight:500}.instructor-bio{color:var(--text-secondary);flex:1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.instructor-stats{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;width:100%;padding-top:1.5rem;display:flex}.stat{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex}@media (width<=768px){.instructors-banner-title{font-size:2.25rem}.instructor-card{padding:2rem 1.5rem}}.contact-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.contact-page-banner{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:6rem 2rem;position:relative;overflow:hidden}.contact-glow-effect{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.contact-glow.left{background:var(--accent-primary);top:-100px;left:-100px}.contact-glow.right{background:#8b5cf6;bottom:-100px;right:-100px}.contact-banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.contact-banner-title{font-size:3rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem}.contact-banner-subtitle{color:var(--text-secondary);font-size:1.25rem}.contact-page-content{max-width:1200px;margin:4rem auto;padding:0 2rem}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;display:grid}.contact-info-section h2{margin-bottom:1rem;font-size:2rem;font-weight:700}.contact-desc{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.info-cards{flex-direction:column;gap:1.5rem;display:flex}.info-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.info-icon{background:rgba(var(--accent-primary-rgb), .1);color:var(--accent-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.info-card h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.info-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.contact-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:3rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb), .15);outline:none}.submit-btn{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;font-size:1.05rem;display:flex}.success-message{color:#10b981;text-align:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;margin-top:1rem;padding:1rem;font-weight:500}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-form-section{padding:2rem}}@media (width<=768px){.contact-banner-title{font-size:2.25rem}}@media (width<=768px){.legal-banner-title{font-size:2.25rem}.legal-glass-container{padding:2rem}}.legal-page-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.legal-page-banner{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:6rem 2rem 3rem}.legal-banner-content{max-width:800px;margin:0 auto}.legal-banner-title{font-size:3rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem}.legal-banner-subtitle{color:var(--text-muted);font-size:1.1rem}.legal-page-content{max-width:900px;margin:4rem auto;padding:0 2rem}.legal-glass-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:4rem}.legal-section{margin-bottom:3rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.legal-section p{color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.legal-section ul{color:var(--text-secondary);padding-left:2rem;font-size:1.05rem;line-height:1.7;list-style-type:disc}.legal-section li{margin-bottom:.5rem}@media (width<=768px){.legal-banner-title{font-size:2.25rem}.legal-glass-container{padding:2rem}}.layout-wrapper{background-color:var(--bg-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.layout-body{flex:1;display:flex;position:relative;overflow:hidden}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;background-color:#00000080;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:0}.layout-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:2000;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.layout-sidebar.closed{width:80px}.layout-sidebar.closed .nav-text{display:none}.layout-sidebar.closed .layout-nav-item{justify-content:center;padding:.75rem 0}.sidebar-brand-toggle{cursor:ew-resize;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex;position:relative}.sidebar-brand-toggle:hover{background:var(--hover-bg)}.sidebar-brand-toggle .default-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s;display:flex}.sidebar-brand-toggle .hover-icon{opacity:0;color:var(--text-primary);transition:opacity .2s;position:absolute}.layout-sidebar.closed:hover .sidebar-brand-toggle .default-icon,.sidebar-brand-toggle:hover .default-icon{opacity:0}.layout-sidebar.closed:hover .sidebar-brand-toggle .hover-icon,.sidebar-brand-toggle:hover .hover-icon{opacity:1}.layout-brand{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:.75rem;padding:0 1.5rem 2rem;font-size:1.25rem;font-weight:800;display:flex}.layout-nav{flex-direction:column;gap:.25rem;padding:0 1rem;display:flex}.layout-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.layout-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.layout-nav-item.active{background:var(--badge-bg);color:var(--accent-primary)}.layout-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.layout-content{flex:1;width:100%}.mobile-bottom-nav{background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:50;justify-content:space-between;padding:.75rem 1.5rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.25rem;font-size:.7rem;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--accent-primary)}@media (width<=1024px){.layout-sidebar{height:100vh;position:fixed}.layout-sidebar.closed{width:280px;transform:translate(-100%)}.sidebar-overlay{display:block}.sidebar-overlay.open{opacity:1;visibility:visible}.mobile-bottom-nav{display:flex}.layout-main{padding-bottom:72px}}@media (width<=360px){.layout-sidebar,.layout-sidebar.closed{width:100vw}.mobile-bottom-nav{padding:.5rem 1rem}.mobile-nav-item{font-size:.65rem}.layout-main{padding-bottom:64px}}@media (width>=361px) and (width<=480px){.layout-sidebar,.layout-sidebar.closed{width:280px}.mobile-bottom-nav{padding:.5rem 1.25rem}.layout-main{padding-bottom:64px}}@media (width>=481px) and (width<=576px){.layout-sidebar,.layout-sidebar.closed{width:300px}}@media (width>=577px) and (width<=768px){.layout-sidebar,.layout-sidebar.closed{width:320px}}@media (width>=769px) and (width<=1024px){.layout-sidebar,.layout-sidebar.closed{width:340px}}@media (width>=1025px){.layout-sidebar{position:fixed}.layout-sidebar.closed{width:80px;transform:translate(0)}.mobile-bottom-nav{display:none!important}}@media (width>=1025px) and (width<=1280px){.layout-sidebar{width:260px}}@media (width>=1281px) and (width<=1440px){.layout-sidebar{width:260px}}@media (width>=1441px) and (width<=1920px){.layout-sidebar{width:260px}.layout-nav-item{padding:.875rem 1.25rem;font-size:1rem}}@media (width>=1921px){.layout-sidebar{width:260px}.layout-nav-item{padding:1rem 1.5rem;font-size:1.05rem}}.premium-header{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;max-width:100vw;height:88px;padding:0 2rem;transition:all .3s;display:flex;position:sticky;top:0;overflow-x:clip;box-shadow:0 4px 20px #0003}.hidden{display:none}@media (width>=768px){.md-flex{display:flex}}@media (width>=640px){.sm-flex{display:inline-flex}}.header-left,.header-right{flex:1;align-items:center;min-width:0;display:flex}.header-right{flex-shrink:0;justify-content:flex-end;gap:1.5rem}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.user-profile-trigger{cursor:pointer;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:30px;align-items:center;gap:.75rem;padding:.35rem .75rem .35rem .35rem;text-decoration:none;transition:all .2s;display:flex}.user-profile-trigger:hover{background:var(--hover-bg);border-color:var(--border-color)}.premium-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #6366f166}.status-dot{background-color:var(--success);border:2px solid var(--bg-primary);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.user-info{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.user-name{letter-spacing:.01em;font-size:.95rem;font-weight:600}.user-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:.2rem;font-size:.7rem;font-weight:700;display:flex}.brand-logo{align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s;display:flex}.brand-logo:hover{opacity:.8}.brand-icon-wrapper{justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.brand-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.premium-help-btn{background:var(--card-bg);color:var(--danger);border:1px solid var(--danger);cursor:pointer;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.premium-help-btn:hover{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.quick-actions{align-items:center;gap:.75rem;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.mobile-sidebar-toggle{display:flex}@media (width>=1024px){.mobile-sidebar-toggle{display:none!important}}.has-notification .notification-badge{background:var(--danger);color:#fff;border:2px solid var(--bg-primary);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:0}@media (width<=768px){.premium-header{height:72px;padding:0 1rem}.header-right{gap:.5rem}.premium-help-btn,.theme-dropdown-wrapper{display:none}}.header-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);align-items:center;gap:.25rem;padding:.5rem 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-dropdown-wrapper{align-items:center;display:flex;position:relative}.nav-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);opacity:0;visibility:hidden;z-index:100;flex-direction:column;gap:.25rem;min-width:240px;padding:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.nav-dropdown-wrapper:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-wrapper:after{content:"";width:100%;height:20px;position:absolute;top:100%;left:0}.nav-dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-dropdown-item:hover{background:var(--bg-secondary);color:var(--accent-primary);transform:translate(4px)}.dropdown-arrow{transition:transform .2s}.nav-dropdown-wrapper:hover .dropdown-arrow{transform:rotate(180deg)}.theme-dropdown-wrapper{margin-right:.5rem;display:inline-block;position:relative}.theme-dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);opacity:0;visibility:hidden;z-index:100;pointer-events:none;border-radius:8px;width:180px;padding:.5rem;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(10px);box-shadow:0 10px 15px -3px #0006}.theme-dropdown-wrapper:hover .theme-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.theme-dropdown-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding:.25rem .5rem .5rem;font-size:.75rem;font-weight:700}.theme-options{flex-direction:column;gap:.25rem;display:flex}.theme-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.theme-option:hover{background:var(--hover-bg);color:var(--text-primary)}.theme-option.active{background:var(--badge-bg);color:var(--accent-primary)}.theme-color-preview{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;overflow:hidden}.theme-color-accent{border-radius:50%;width:8px;height:8px}.mobile-menu-btn{margin-left:.5rem;display:none}.mobile-nav-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.mobile-nav-drawer-overlay.open{opacity:1;visibility:visible}.mobile-nav-drawer{background:var(--card-bg);z-index:1001;flex-direction:column;width:280px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-300px;overflow-y:auto;box-shadow:-5px 0 25px #0003}.mobile-nav-drawer.open{right:0}.mobile-nav-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.mobile-nav-content{flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.mobile-nav-section{flex-direction:column;gap:.5rem;display:flex}.mobile-nav-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.mobile-nav-link{color:var(--text-secondary);padding:.5rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.mobile-nav-link:hover{color:var(--text-primary)}.mobile-theme-options{flex-direction:column;gap:.5rem;display:flex}@media (width<=360px){.premium-header{height:60px!important;padding:0 .5rem!important}.brand-text{display:none!important}.brand-icon-wrapper img{height:20px!important}.premium-avatar{width:32px!important;height:32px!important;font-size:.9rem!important}.theme-dropdown-wrapper,.premium-help-btn{display:none!important}.quick-actions{gap:.25rem!important}.user-profile-trigger{padding:.15rem!important}.header-right{flex:none!important;gap:.25rem!important}.header-left{flex:1 1 0!important;min-width:0!important}}@media (width>=361px) and (width<=480px){.premium-header{height:64px!important;padding:0 .75rem!important}.brand-text{font-size:1rem!important}.premium-avatar{width:36px!important;height:36px!important}.theme-dropdown-wrapper,.premium-help-btn{display:none!important}.quick-actions{gap:.5rem!important}.header-right{flex:none!important;gap:.5rem!important}.header-left{flex:1 1 0!important;min-width:0!important}}@media (width>=481px) and (width<=576px){.premium-header{height:68px!important;padding:0 1rem!important}.brand-text{font-size:1.1rem!important}.theme-dropdown-wrapper{display:none!important}.header-right{flex:none!important;gap:.75rem!important}.header-left{flex:1 1 0!important;min-width:0!important}}@media (width>=577px) and (width<=768px){.premium-header{height:72px!important;padding:0 1.25rem!important}.premium-help-btn{display:none!important}.header-right{flex:none!important;gap:.75rem!important}.header-left{flex:1 1 0!important;min-width:0!important}}@media (width<=1024px){.header-center,.desktop-auth-buttons{display:none!important}.mobile-menu-btn{display:flex}.header-nav{display:none}}@media (width>=769px) and (width<=1024px){.premium-header{height:80px!important;padding:0 1.5rem!important}}@media (width>=1025px) and (width<=1280px){.premium-header{height:88px!important;padding:0 2rem!important}.mobile-menu-btn{display:none}}@media (width>=1281px) and (width<=1440px){.premium-header{height:88px!important;padding:0 3rem!important}}@media (width>=1441px) and (width<=1920px){.premium-header{height:96px!important;padding:0 4rem!important}.brand-text{font-size:1.5rem!important}}@media (width>=1921px){.premium-header{height:96px!important;padding:0 max(4rem,50vw - 900px)!important}.brand-text{font-size:1.6rem!important}}.problems-error{color:var(--coding-danger);margin-bottom:1rem}.problems-stats-percentage{color:var(--coding-primary);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;transition:font-size .3s;display:flex}.problems-icon-award{width:16px;height:16px;transition:width .3s,height .3s}.problems-stat-title{justify-content:space-between;display:flex}.problems-icon-search{width:16px;height:16px;color:var(--coding-text-muted);transition:width .3s,height .3s}.problems-filter-label{color:var(--coding-text-muted);font-size:.75rem;transition:font-size .3s}.problems-action-th{text-align:right}.problems-tbody{transition:opacity .2s}.problems-tbody.table-loading{opacity:.5}.problems-prob-name{font-weight:600;transition:font-size .3s}.problems-category-td{color:var(--coding-text-muted);transition:font-size .3s}.problems-icon-check{width:12px;height:12px;margin-right:4px;transition:width .3s,height .3s}.problems-action-td{text-align:right}.problems-empty-td{text-align:center;color:var(--coding-text-muted);padding:3rem;transition:font-size .3s}.problems-pagination-text{color:var(--coding-text-muted);font-size:.875rem;transition:font-size .3s}.problems-ellipsis{color:var(--coding-text-muted);padding:.5rem}@media (width<=360px){.coding-stats-grid{grid-template-columns:1fr;gap:1rem}.coding-filters{flex-direction:column;gap:1rem}.coding-filter-selects{flex-direction:column;gap:.75rem;width:100%}.coding-table-container{margin-top:1rem;overflow-x:auto}.coding-table th,.coding-table td{padding:.75rem .5rem;font-size:.75rem}.problems-prob-name{font-size:.8rem}.problems-icon-award,.problems-icon-search{width:14px;height:14px}.problems-icon-check{width:10px;height:10px}.coding-pagination{text-align:center;flex-direction:column;align-items:center;gap:1rem}}@media (width>=361px) and (width<=480px){.coding-stats-grid{grid-template-columns:1fr;gap:1rem}.coding-filters{flex-direction:column;gap:1rem}.coding-filter-selects{flex-direction:column;gap:.75rem;width:100%}.coding-table-container{overflow-x:auto}.coding-table th,.coding-table td{padding:.85rem .75rem;font-size:.8rem}.problems-prob-name{font-size:.85rem}.coding-pagination{text-align:center;flex-direction:column;align-items:center;gap:1rem}}@media (width>=481px) and (width<=576px){.coding-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.coding-filters{flex-direction:column;gap:1rem}.coding-filter-selects{flex-wrap:wrap;gap:1rem}.coding-table-container{overflow-x:auto}.coding-table th,.coding-table td{padding:.85rem .75rem}}@media (width>=577px) and (width<=768px){.coding-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.coding-filters{flex-direction:column;gap:1.25rem}.coding-filter-selects{flex-wrap:wrap;gap:1rem}.coding-table-container{overflow-x:auto}}@media (width>=769px) and (width<=1024px){.coding-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (width>=1281px) and (width<=1440px){.coding-stats-grid{gap:1.5rem}.coding-table th,.coding-table td{padding:1.25rem 1.5rem}}@media (width>=1441px) and (width<=1920px){.coding-stats-grid{gap:2rem}.coding-stat-title{font-size:1.1rem}.coding-stat-value{font-size:1.5rem}.problems-stats-percentage{font-size:1rem}.problems-icon-award{width:18px;height:18px}.coding-search-box input{padding:.875rem 1rem .875rem 3rem;font-size:1rem}.problems-icon-search{width:20px;height:20px;left:1rem}.coding-select-wrapper select{padding:.75rem 2.5rem .75rem 1rem;font-size:1rem}.problems-filter-label{font-size:.85rem}.coding-table th,.coding-table td{padding:1.5rem;font-size:1rem}.problems-prob-name{font-size:1.15rem}.problems-category-td{font-size:1.05rem}.problems-icon-check{width:16px;height:16px}.problems-pagination-text{font-size:1rem}}@media (width>=1921px){.coding-stats-grid{gap:3rem;margin-bottom:3rem}.coding-stat-title{font-size:1.3rem}.coding-stat-value{font-size:1.8rem}.problems-stats-percentage{font-size:1.15rem}.problems-icon-award{width:22px;height:22px}.coding-filters{gap:2rem;margin-bottom:2.5rem}.coding-search-box input{border-radius:12px;padding:1rem 1.25rem 1rem 3.5rem;font-size:1.15rem}.problems-icon-search{width:24px;height:24px;left:1.25rem}.coding-select-wrapper select{border-radius:12px;padding:.875rem 3rem .875rem 1.25rem;font-size:1.15rem}.problems-filter-label{font-size:1rem}.coding-table th,.coding-table td{padding:1.75rem;font-size:1.15rem}.problems-prob-name{font-size:1.3rem}.problems-category-td{font-size:1.15rem}.problems-icon-check{width:18px;height:18px}.problems-empty-td{padding:4rem;font-size:1.15rem}.problems-pagination-text{font-size:1.15rem}}.coding-btn-link{color:var(--coding-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s;display:flex}.coding-btn-link:hover{color:var(--coding-text);background:#ffffff0d}.arena-navbar{background:var(--coding-surface);border-bottom:1px solid var(--coding-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.arena-nav-left{align-items:center;gap:1.5rem;display:flex}.arena-contest-title{color:var(--coding-text);white-space:nowrap;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.contest-hub-container{flex-direction:column;gap:2rem;padding-bottom:3rem;display:flex}.contest-hero{background:linear-gradient(135deg, var(--coding-surface) 0%, var(--coding-surface-hover) 100%);border-bottom:1px solid var(--coding-border);justify-content:space-between;align-items:center;gap:2rem;padding:3rem;display:flex}.contest-hero-content{flex:1;max-width:800px}.contest-hero-content h1{color:var(--coding-text);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.contest-hero-content p{color:var(--coding-text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.contest-hero-featured{background:var(--coding-bg);border-radius:var(--coding-radius);border:1px solid var(--coding-primary);justify-content:space-between;align-items:center;padding:1.5rem;display:flex;box-shadow:0 4px 20px #00e6761a}.featured-info h2{color:var(--coding-text);margin:.5rem 0;font-size:1.5rem}.featured-meta{color:var(--coding-text-muted);gap:1.5rem;font-size:.9rem;display:flex}.featured-meta span{align-items:center;gap:.5rem;display:flex}.contest-hero-graphic{background:#00e6760d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.hero-trophy-icon{color:var(--coding-primary);opacity:.8}.contest-tabs-wrapper{border-bottom:1px solid var(--coding-border);padding:0 2rem}.contest-tabs{gap:2rem;display:flex}.contest-tab{color:var(--coding-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 0;font-size:1.1rem;font-weight:500;transition:all .2s;display:flex}.contest-tab:hover{color:var(--coding-text)}.contest-tab.active{color:var(--coding-primary);border-bottom-color:var(--coding-primary)}.tab-count{background:var(--coding-surface-hover);color:var(--coding-text);border-radius:10px;padding:.1rem .5rem;font-size:.8rem}.contest-tab.active .tab-count{color:var(--coding-primary);background:#00e6761a}.contest-grid-container{padding:0 2rem}.contest-empty-state{color:var(--coding-text-muted);background:var(--coding-surface);border-radius:var(--coding-radius);border:1px dashed var(--coding-border);flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.empty-icon{color:var(--coding-border);margin-bottom:1rem}.contest-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.contest-hub-card{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:var(--coding-radius);flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.contest-hub-card:hover{border-color:var(--coding-primary);transform:translateY(-4px);box-shadow:0 8px 24px #0003}.contest-hub-card.status-ongoing{border-color:var(--coding-primary);box-shadow:0 0 15px #00e6761a}.contest-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.registered-badge{color:var(--coding-easy);background:#2ecc711a;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8rem;display:flex}.contest-card-title{color:var(--coding-text);margin:0 0 .5rem;font-size:1.25rem}.contest-card-desc{color:var(--coding-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.contest-card-meta{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.meta-item{color:var(--coding-text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.contest-card-footer{margin-top:auto}.contest-detail-page{max-width:1200px;margin:0 auto;padding:2rem}.contest-detail-back{margin-bottom:1.5rem}.contest-detail-container{flex-direction:column;gap:2rem;display:flex}.contest-detail-header{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:var(--coding-radius);justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.contest-detail-header.status-ongoing{border-color:var(--coding-primary);box-shadow:0 0 20px #00e6761a}.cd-header-content{flex:1}.cd-title{color:var(--coding-text);margin:1rem 0 .5rem;font-size:2.25rem}.cd-desc{color:var(--coding-text-muted);margin-bottom:1.5rem;font-size:1.1rem}.cd-meta-row{gap:3rem;display:flex}.cd-meta-item{color:var(--coding-text-muted);align-items:center;gap:1rem;display:flex}.cd-meta-item strong{color:var(--coding-text);margin-bottom:.2rem;font-size:.85rem;display:block}.cd-timer-box{background:var(--coding-bg);border:1px solid var(--coding-border);border-radius:var(--coding-radius);text-align:center;flex-direction:column;gap:1rem;min-width:280px;padding:1.5rem;display:flex}.cd-timer-label{text-transform:uppercase;letter-spacing:1px;color:var(--coding-text-muted);font-size:.9rem;font-weight:600}.cd-timer-label.live{color:var(--coding-medium)}.cd-timer-label.ended{color:var(--coding-hard)}.cd-timer-value{font-variant-numeric:tabular-nums;color:var(--coding-text);font-size:2rem;font-weight:700}.cd-timer-value.live{color:var(--coding-medium)}.cd-registered-msg{color:var(--coding-easy);border-radius:var(--coding-radius);background:#2ecc711a;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:500;display:flex}.cd-enter-btn{animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{box-shadow:0 0 #00e67666}70%{box-shadow:0 0 0 10px #00e67600}to{box-shadow:0 0 #00e67600}}.cd-content-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.cd-left-column,.cd-right-column{flex-direction:column;gap:1.5rem;display:flex}.cd-panel{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:var(--coding-radius);padding:1.5rem}.cd-panel-title{border-bottom:1px solid var(--coding-border);color:var(--coding-text);align-items:center;margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.25rem;display:flex}.cd-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.cd-stat-box{background:var(--coding-bg);text-align:center;border:1px solid var(--coding-border);border-radius:8px;padding:1rem}.cd-stat-label{color:var(--coding-text-muted);margin-bottom:.5rem;font-size:.85rem;display:block}.cd-stat-value{color:var(--coding-text);font-size:1.5rem;font-weight:700;display:block}.cd-rules-list{color:var(--coding-text-muted);padding-left:1.5rem;line-height:1.8}.cd-rules-list li{margin-bottom:.5rem}.cd-locked-msg{color:var(--coding-text-muted);text-align:center;background:var(--coding-bg);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.cd-problem-list{flex-direction:column;gap:1rem;display:flex}.cd-problem-item{background:var(--coding-bg);border:1px solid var(--coding-border);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.cd-problem-info{align-items:center;gap:1rem;display:flex}.cd-problem-num{color:var(--coding-primary);background:#00e6761a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.cd-problem-meta{color:var(--coding-text-muted);margin-top:.25rem;font-size:.85rem}.cd-leaderboard-panel{position:sticky;top:2rem}.cd-empty-leaderboard{text-align:center;color:var(--coding-text-muted);padding:2rem}.cd-leaderboard-list{flex-direction:column;display:flex}.cd-lb-row{border-bottom:1px solid var(--coding-border);justify-content:space-between;padding:1rem 0;display:flex}.cd-lb-row:last-child{border-bottom:none}.cd-lb-row.is-me{background:#00e6760d;border-radius:4px;margin:0 -1rem;padding:1rem}.cd-lb-user{align-items:center;gap:1rem;display:flex}.cd-lb-rank{color:var(--coding-text-muted);width:24px;font-weight:700}.cd-lb-rank.rank-1{color:#f1c40f}.cd-lb-rank.rank-2{color:#bdc3c7}.cd-lb-rank.rank-3{color:#cd7f32}.cd-lb-name{color:var(--coding-text);font-weight:500}.cd-lb-score{text-align:right;flex-direction:column;display:flex}.cd-lb-score .pts{color:var(--coding-primary);font-weight:700}.cd-lb-score .slvd{color:var(--coding-text-muted);font-size:.75rem}.cd-lb-more{text-align:center;color:var(--coding-text-muted);padding-top:1rem;font-size:.85rem}.arena-layout{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.arena-navbar{background:var(--coding-bg);border-bottom:1px solid var(--coding-border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.arena-nav-left{flex:1;align-items:center;gap:2rem;display:flex}.arena-contest-title{color:var(--coding-text);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.arena-nav-center{flex:2;justify-content:center;align-items:center;gap:.5rem;max-width:30%;display:flex;overflow:hidden}.arena-scroll-btn{background:var(--coding-surface);border:1px solid var(--coding-border);color:var(--coding-text-muted);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.arena-scroll-btn:hover{background:var(--coding-surface-hover);color:var(--coding-text)}.arena-problem-tabs-container{scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.arena-problem-tabs-container::-webkit-scrollbar{display:none}.arena-problem-tabs{background:var(--coding-surface);border:1px solid var(--coding-border);border-radius:8px;gap:2px;padding:4px;display:flex}.arena-prob-tab{color:var(--coding-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.arena-prob-tab:hover{color:var(--coding-text)}.arena-prob-tab.active{background:var(--coding-surface-hover);color:var(--coding-text);box-shadow:0 2px 5px #0003}.arena-prob-tab.solved{color:var(--coding-primary)}.arena-nav-right{flex:1;justify-content:flex-end;align-items:center;gap:2rem;display:flex}.arena-timer{color:var(--coding-medium);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.arena-timer.ended{color:var(--coding-hard)}.arena-score-display{color:var(--coding-text-muted);font-size:1.1rem}.arena-score-display strong{color:var(--coding-primary);font-size:1.25rem}.arena-ended-banner{background:var(--coding-hard);color:#fff;justify-content:center;align-items:center;gap:1rem;padding:.5rem;font-weight:600;display:flex}.workspace-split{flex:1;height:calc(100vh - 60px);display:flex;overflow:hidden}.workspace-pane{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.workspace-left-pane{border-right:1px solid var(--coding-border);background:var(--coding-bg)}.workspace-right-pane{background:var(--coding-surface)}.workspace-panel-header{border-bottom:1px solid var(--coding-border);flex-shrink:0;padding:1.5rem}.workspace-panel-header h3{color:var(--coding-text);margin:0 0 .5rem;font-size:1.5rem}.workspace-problem-meta{color:var(--coding-text-muted);gap:1rem;font-size:.85rem;display:flex}.workspace-panel-content{flex:1;overflow-y:auto}.arena-editor-disabled-overlay{z-index:50;color:var(--coding-text-muted);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#121212b3;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;position:absolute;inset:0}@media (width<=1024px){.contest-hero{flex-direction:column;padding:2rem}.contest-hero-graphic{display:none}.cd-content-grid{grid-template-columns:1fr}.cd-meta-row{flex-direction:column;gap:1rem}.contest-detail-header{flex-direction:column;align-items:stretch}.cd-timer-box{align-items:center}.arena-nav-left{gap:1rem}.arena-contest-title{display:none}}@media (width<=768px){.workspace-split{flex-direction:column}.workspace-pane{height:50%}.workspace-left-pane{border-right:none;border-bottom:1px solid var(--coding-border)}.arena-navbar{flex-wrap:wrap;gap:1rem;height:auto;padding:1rem}.arena-nav-center{order:3;width:100%}}.workspace-layout{flex-direction:column}.workspace-contest-banner{color:var(--coding-text);background:color-mix(in srgb, var(--coding-primary) 10%, transparent);border-bottom:1px solid var(--coding-border);justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.875rem;transition:padding .3s,font-size .3s;display:flex}.workspace-contest-info{align-items:center;gap:.5rem;display:flex}.workspace-text-primary,.workspace-icon-primary{color:var(--coding-primary)}.workspace-icon-hard{color:var(--coding-hard)}.workspace-contest-back{cursor:pointer;color:var(--coding-primary);background:0 0;border:none;font-weight:700;transition:font-size .3s}.workspace-mobile-tabs{text-transform:uppercase;background:var(--coding-panel-bg);border-bottom:1px solid var(--coding-border);font-size:.75rem;font-weight:700;display:flex}.workspace-mobile-tab{text-align:center;cursor:pointer;color:var(--coding-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem;transition:color .3s,border-color .3s}.workspace-mobile-tab.active{border-bottom-color:var(--coding-primary);color:var(--coding-primary)}.workspace-content-container{flex:1;display:flex;position:relative;overflow:hidden}.workspace-sidebar{transition:width .3s;overflow:hidden}.workspace-sidebar.expanded{border-right:1px solid var(--coding-border)}.workspace-sidebar-inner{height:100%}.workspace-center-panel{background-color:var(--coding-panel-bg);flex-direction:column;min-width:0}.workspace-center-header{border-bottom:1px solid var(--coding-border);align-items:center;gap:1rem;padding:0 1rem;transition:padding .3s;display:flex}.workspace-expand-btn{cursor:pointer;color:var(--coding-text-muted);background:0 0;border:none;align-items:center;padding:.5rem 0;display:flex}.workspace-tab-btn{cursor:pointer;color:var(--coding-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 0;font-weight:700;transition:color .3s,border-color .3s,font-size .3s;display:flex}.workspace-tab-btn.active{border-bottom-color:var(--coding-primary);color:var(--coding-text)}.workspace-badge{background:var(--coding-bg);color:var(--coding-primary);border-radius:10px;padding:.1rem .4rem;font-size:.65rem;transition:font-size .3s}.workspace-center-body{flex-direction:column;flex:1;display:flex;overflow:auto}.workspace-submissions-container{padding:1.5rem;transition:padding .3s}.workspace-section-title{color:var(--coding-text);margin-bottom:1rem;transition:font-size .3s}.workspace-loading-text{text-align:center;color:var(--coding-text-muted);transition:font-size .3s}.workspace-empty-state{text-align:center;color:var(--coding-text-muted);background:var(--coding-bg);border-radius:8px;padding:3rem;transition:font-size .3s,padding .3s}.workspace-submissions-table{border-collapse:collapse;width:100%;font-size:.875rem;transition:font-size .3s}.workspace-submissions-tr{text-align:left;color:var(--coding-text-muted);border-bottom:1px solid var(--coding-border)}.workspace-submissions-tr.row-data{transition:padding .3s}.workspace-submissions-th{padding:.5rem;transition:padding .3s}.workspace-submissions-th.right-align{text-align:right}.workspace-submissions-td{padding:.75rem .5rem;transition:padding .3s}.workspace-submissions-td.status-col{align-items:center;gap:.5rem;font-weight:700;display:flex}.verdict-accepted{color:var(--coding-easy)}.verdict-wrong{color:var(--coding-hard)}.verdict-other{color:var(--coding-medium)}.workspace-submissions-td.lang-col{text-transform:uppercase}.workspace-submissions-td.muted-td{color:var(--coding-text-muted)}.workspace-submissions-td.time-col{color:var(--coding-text-muted);align-items:center;gap:.25rem;display:flex}.workspace-submissions-td.right-align{text-align:right}.workspace-view-code-btn{cursor:pointer;color:var(--coding-primary);background:0 0;border:none;font-size:.75rem;font-weight:700;transition:font-size .3s}.workspace-discussions-container{box-sizing:border-box;flex-direction:column;height:100%;padding:1.5rem;transition:padding .3s;display:flex}.workspace-discussions-list{flex:1;margin-bottom:1rem;padding-right:.5rem;overflow-y:auto}.workspace-discussions-wrapper{flex-direction:column;gap:1rem;transition:gap .3s;display:flex}.workspace-discussion-item{background:var(--coding-bg);border:1px solid var(--coding-border);border-radius:8px;padding:1rem;transition:padding .3s}.workspace-discussion-header{justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;transition:font-size .3s;display:flex}.workspace-discussion-user{color:var(--coding-primary)}.workspace-admin-badge{color:var(--coding-hard)}.workspace-discussion-time{color:var(--coding-text-muted)}.workspace-discussion-form{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.workspace-discussion-textarea{resize:none;background:var(--coding-bg);border:1px solid var(--coding-border);color:var(--coding-text);border-radius:4px;padding:.5rem;font-family:inherit;transition:font-size .3s}.workspace-discussion-actions{justify-content:flex-end;gap:.5rem;display:flex}.workspace-discussion-cancel{cursor:pointer;border:1px solid var(--coding-border);color:var(--coding-text-muted);background:0 0;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;transition:font-size .3s}.workspace-discussion-save{cursor:pointer;background:var(--coding-primary);color:var(--bg-primary);border:none;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;transition:font-size .3s}.workspace-discussion-content{white-space:pre-wrap;color:var(--coding-text);margin:0;font-size:.875rem;transition:font-size .3s}.workspace-discussion-manage{text-align:right;justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.workspace-discussion-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;transition:font-size .3s;display:inline-flex}.workspace-discussion-btn.edit-btn{color:var(--coding-primary)}.workspace-discussion-btn.delete-btn{color:var(--coding-hard)}.workspace-new-discussion-form{background:var(--coding-bg);border:1px solid var(--coding-border);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;transition:padding .3s;display:flex}.workspace-new-discussion-textarea{resize:none;border:1px solid var(--coding-border);color:var(--coding-text);background:0 0;border-radius:4px;padding:.5rem;font-family:inherit;transition:font-size .3s}.workspace-new-discussion-btn{cursor:pointer;background:var(--coding-primary);color:var(--bg-primary);border:none;border-radius:4px;align-self:flex-end;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;transition:font-size .3s;display:flex}.workspace-discussions-disabled{text-align:center;color:var(--coding-text-muted);background:var(--coding-bg);border-radius:8px;padding:1rem;transition:font-size .3s}.workspace-resizer{cursor:col-resize;z-index:20;flex-shrink:0;align-self:stretch;width:5px;transition:background-color .15s}.workspace-editor-container{flex-direction:column;flex:1;min-width:0}.workspace-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.workspace-modal-content{background-color:var(--coding-panel-bg);border:1px solid var(--coding-border);border-radius:16px;flex-direction:column;width:100%;max-width:800px;height:75vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.workspace-modal-header{border-bottom:1px solid var(--coding-border);background-color:#ffffff05;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:padding .3s;display:flex}.workspace-modal-title{color:var(--coding-text);align-items:center;gap:.5rem;margin:0;font-weight:700;transition:font-size .3s;display:flex}.workspace-modal-close{cursor:pointer;color:var(--coding-text-muted);background:0 0;border:none;align-items:center;gap:.25rem;font-weight:700;transition:font-size .3s;display:flex}.workspace-modal-close.icon-only{gap:0}.workspace-modal-body{background-color:var(--coding-bg);flex:1;min-height:0;padding:1rem;overflow:auto}.workspace-code-pre{white-space:pre-wrap;color:var(--coding-primary);background-color:var(--coding-bg);border:1px solid var(--coding-border);border-radius:8px;margin:0;padding:1rem;font-family:monospace;font-size:.75rem;line-height:1.5;transition:font-size .3s,padding .3s;overflow-x:auto}.workspace-drag-overlay{z-index:50;cursor:col-resize;background:0 0;position:fixed;inset:0}.workspace-modal-content.issue-modal{max-width:500px;max-height:90vh}.workspace-issue-form{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;transition:padding .3s,gap .3s;display:flex;overflow-y:auto}.workspace-issue-error,.workspace-issue-success{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.75rem;font-weight:700;transition:font-size .3s;display:flex}.workspace-issue-error{background:color-mix(in srgb, var(--coding-hard) 10%, transparent);border:1px solid color-mix(in srgb, var(--coding-hard) 30%, transparent);color:var(--coding-hard)}.workspace-issue-success{background:color-mix(in srgb, var(--coding-easy) 10%, transparent);border:1px solid color-mix(in srgb, var(--coding-easy) 30%, transparent);color:var(--coding-easy)}.workspace-issue-field{flex-direction:column;gap:.5rem;display:flex}.workspace-issue-label{color:var(--coding-text);font-size:.875rem;font-weight:700;transition:font-size .3s}.workspace-issue-textarea{resize:vertical;background:var(--coding-bg);border:1px solid var(--coding-border);color:var(--coding-text);border-radius:8px;padding:.75rem;font-family:inherit;font-size:.875rem;transition:font-size .3s}.workspace-issue-screenshot-actions{align-items:center;gap:1rem;display:flex}.workspace-screenshot-btn{cursor:pointer;background:var(--coding-surface);color:var(--coding-text);border:1px solid var(--coding-border);border-radius:6px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:font-size .3s}.workspace-screenshot-or,.workspace-screenshot-input{color:var(--coding-text-muted);font-size:.75rem;transition:font-size .3s}.workspace-screenshot-preview{margin-top:.5rem;display:inline-block;position:relative}.workspace-preview-img{border:1px solid var(--coding-border);border-radius:8px;max-width:100%;max-height:200px}.workspace-preview-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;padding:.25rem;position:absolute;top:.5rem;right:.5rem}.workspace-issue-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.workspace-issue-cancel{cursor:pointer;color:var(--coding-text-muted);border:1px solid var(--coding-border);background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:font-size .3s}.workspace-issue-submit{background:var(--coding-primary);color:var(--bg-primary);border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;transition:font-size .3s}.workspace-icon-xs{width:12px;height:12px;transition:width .3s,height .3s}.workspace-icon-sm{width:16px;height:16px;transition:width .3s,height .3s}.workspace-icon-md{width:20px;height:20px;transition:width .3s,height .3s}@media (width<=360px){.workspace-contest-banner{flex-direction:column;align-items:flex-start;gap:.5rem}.workspace-center-header{gap:.25rem;padding:0 .5rem}.workspace-tab-btn{padding:.5rem 0;font-size:.75rem}.workspace-submissions-container{padding:1rem}.workspace-submissions-th,.workspace-submissions-td{padding:.5rem .25rem;font-size:.7rem}.workspace-discussions-container{padding:1rem}.workspace-discussion-item{padding:.75rem}}@media (width>=361px) and (width<=480px){.workspace-contest-banner{flex-direction:column;align-items:flex-start;gap:.5rem}.workspace-center-header{gap:.5rem;padding:0 .5rem}.workspace-tab-btn{padding:.5rem 0;font-size:.8rem}.workspace-submissions-container{padding:1rem}.workspace-submissions-th,.workspace-submissions-td{padding:.5rem;font-size:.75rem}}@media (width>=481px) and (width<=576px){.workspace-center-header{gap:.75rem;padding:0 .75rem}.workspace-tab-btn{font-size:.85rem}}@media (width>=1281px) and (width<=1440px){.workspace-contest-banner{padding:.75rem 2rem;font-size:1rem}.workspace-center-header{gap:1.5rem;padding:0 1.5rem}.workspace-tab-btn{padding:1rem 0;font-size:1.05rem}.workspace-icon-md{width:22px;height:22px}.workspace-submissions-container{padding:2rem}.workspace-submissions-table{font-size:.95rem}.workspace-submissions-th,.workspace-submissions-td{padding:1rem .75rem}.workspace-view-code-btn{font-size:.85rem}.workspace-discussions-container{padding:2rem}.workspace-discussion-item{padding:1.5rem}.workspace-discussion-content{font-size:1rem}}@media (width>=1441px) and (width<=1920px){.workspace-contest-banner{padding:1rem 2.5rem;font-size:1.15rem}.workspace-center-header{gap:2rem;padding:0 2rem}.workspace-tab-btn{padding:1.25rem 0;font-size:1.15rem}.workspace-badge{padding:.2rem .6rem;font-size:.8rem}.workspace-icon-xs{width:14px;height:14px}.workspace-icon-sm{width:20px;height:20px}.workspace-icon-md{width:24px;height:24px}.workspace-submissions-container{padding:2.5rem}.workspace-section-title{font-size:1.5rem}.workspace-submissions-table{font-size:1.05rem}.workspace-submissions-th,.workspace-submissions-td{padding:1.25rem 1rem}.workspace-view-code-btn{font-size:1rem}.workspace-discussions-container{padding:2.5rem}.workspace-discussion-wrapper{gap:1.5rem}.workspace-discussion-item{border-radius:12px;padding:1.75rem}.workspace-discussion-header{font-size:.95rem}.workspace-discussion-content{font-size:1.1rem}.workspace-discussion-btn{font-size:.95rem}.workspace-new-discussion-form{border-radius:12px;gap:1rem;padding:1.5rem}.workspace-new-discussion-textarea{padding:.75rem;font-size:1.1rem}.workspace-new-discussion-btn{padding:.75rem 1.5rem;font-size:1.05rem}.workspace-modal-header{padding:1.5rem 2rem}.workspace-modal-title{font-size:1.5rem}.workspace-modal-close{font-size:1.1rem}.workspace-code-pre{padding:1.5rem;font-size:.95rem}.workspace-issue-form{gap:1.5rem;padding:2rem}.workspace-issue-label{font-size:1.1rem}.workspace-issue-textarea{padding:1rem;font-size:1.1rem}.workspace-issue-cancel,.workspace-issue-submit{padding:.75rem 2rem;font-size:1.1rem}.workspace-screenshot-btn{padding:.75rem 1.5rem;font-size:1rem}}@media (width>=1921px){.workspace-contest-banner{padding:1.25rem 3rem;font-size:1.25rem}.workspace-center-header{gap:3rem;padding:0 3rem}.workspace-tab-btn{padding:1.5rem 0;font-size:1.35rem}.workspace-badge{padding:.25rem .75rem;font-size:.95rem}.workspace-icon-xs{width:16px;height:16px}.workspace-icon-sm{width:24px;height:24px}.workspace-icon-md{width:28px;height:28px}.workspace-submissions-container{padding:3.5rem}.workspace-section-title{font-size:1.75rem}.workspace-submissions-table{font-size:1.25rem}.workspace-submissions-th,.workspace-submissions-td{padding:1.75rem 1.25rem}.workspace-view-code-btn{font-size:1.15rem}.workspace-discussions-container{padding:3.5rem}.workspace-discussion-wrapper{gap:2rem}.workspace-discussion-item{border-radius:16px;padding:2.25rem}.workspace-discussion-header{margin-bottom:1rem;font-size:1.1rem}.workspace-discussion-content{font-size:1.25rem}.workspace-discussion-btn{font-size:1.1rem}.workspace-new-discussion-form{border-radius:16px;gap:1.5rem;padding:2rem}.workspace-new-discussion-textarea{padding:1rem;font-size:1.25rem}.workspace-new-discussion-btn{padding:1rem 2rem;font-size:1.2rem}.workspace-modal-header{padding:2rem 2.5rem}.workspace-modal-title{font-size:1.75rem}.workspace-modal-close{font-size:1.25rem}.workspace-code-pre{padding:2rem;font-size:1.1rem}.workspace-issue-form{gap:2rem;padding:2.5rem}.workspace-issue-label{font-size:1.25rem}.workspace-issue-textarea{padding:1.25rem;font-size:1.25rem}.workspace-issue-cancel,.workspace-issue-submit{padding:1rem 2.5rem;font-size:1.25rem}.workspace-screenshot-btn{padding:1rem 2rem;font-size:1.15rem}}.contests-dashboard-layout{flex-direction:row}.contests-sidebar{max-width:300px;padding:1.5rem;overflow-y:auto}.contests-sidebar-title{color:var(--coding-text);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;transition:font-size .3s;display:flex}.contests-icon-trophy{width:24px;height:24px;color:var(--coding-primary);transition:width .3s,height .3s}.contests-empty-msg{color:var(--coding-text-muted)}.contests-list{flex-direction:column;gap:1rem;display:flex}.contest-list-item{border-radius:var(--coding-radius);cursor:pointer;background:var(--coding-bg);border:1px solid var(--coding-border);padding:1rem;transition:all .2s}.contest-list-item.active{background:var(--coding-surface-hover);border-color:var(--coding-primary)}.contest-item-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.contest-status-badge{font-size:10px}.contests-icon-check{width:14px;height:14px;color:var(--coding-easy);transition:width .3s,height .3s}.contest-item-title{color:var(--coding-text);margin-bottom:.25rem;transition:font-size .3s;display:block}.contest-item-time{color:var(--coding-text-muted);font-size:.75rem;transition:font-size .3s}.contests-detail-area{flex:1;padding:2rem;overflow-y:auto}.contests-error{color:var(--coding-danger);background:color-mix(in srgb, var(--coding-danger) 10%, transparent);border-radius:8px;margin-bottom:1rem;padding:1rem}.contests-detail-container{flex-direction:column;gap:2rem;max-width:1000px;display:flex}.contests-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.contests-status-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.contests-timer{color:var(--coding-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;transition:font-size .3s;display:flex}.contests-icon-clock{width:16px;height:16px;transition:width .3s,height .3s}.contests-main-title{color:var(--coding-text);margin:0 0 .5rem;font-size:2rem;transition:font-size .3s}.contests-description{color:var(--coding-text-muted);margin:0;transition:font-size .3s}.contests-times{color:var(--coding-text-muted);gap:2rem;margin-top:1rem;font-size:.875rem;transition:font-size .3s;display:flex}.contests-icon-award{width:16px;height:16px;transition:width .3s,height .3s}.contests-stats-grid{border-radius:var(--coding-radius);background:var(--coding-surface);border:1px solid var(--coding-border);grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem;display:grid}.coding-stat-title{transition:font-size .3s}.contests-rank-val{color:var(--coding-primary)}.contests-score-val{color:var(--coding-easy)}.contests-solved-val{color:var(--coding-text)}.coding-stat-value{transition:font-size .3s}.contests-bottom-grid{grid-template-columns:3fr 2fr;gap:2rem;display:grid}.contests-section-title{border-bottom:1px solid var(--coding-border);color:var(--coding-text);padding-bottom:.5rem;transition:font-size .3s}.contests-upcoming-msg{text-align:center;border-radius:var(--coding-radius);color:var(--coding-text-muted);background:var(--coding-surface);border:1px solid var(--coding-border);margin-top:1rem;padding:2rem;transition:font-size .3s}.contests-problems-list{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.contests-problem-item{border-radius:var(--coding-radius);background:var(--coding-surface);border:1px solid var(--coding-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:padding .3s;display:flex}.contests-problem-name{color:var(--coding-text);font-size:1.1rem;transition:font-size .3s}.contests-problem-meta{color:var(--coding-text-muted);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;transition:font-size .3s;display:flex}.contests-problem-meta span{font-weight:700}.difficulty-easy{color:var(--coding-easy)}.difficulty-medium{color:var(--coding-medium)}.difficulty-hard{color:var(--coding-hard)}.contests-icon-chevron{width:16px;height:16px;transition:width .3s,height .3s}.contests-scoreboard-container{border-radius:var(--coding-radius);background:var(--coding-surface);border:1px solid var(--coding-border);max-height:400px;margin-top:1rem;overflow-y:auto}.contests-no-participants{text-align:center;color:var(--coding-text-muted);padding:2rem;transition:font-size .3s}.contests-scoreboard-list{flex-direction:column;display:flex}.contests-scoreboard-row{border-bottom:1px solid var(--coding-border);justify-content:space-between;padding:1rem;transition:padding .3s;display:flex}.contests-scoreboard-user{align-items:center;gap:1rem;display:flex}.contests-scoreboard-rank{color:var(--coding-text-muted);font-weight:700;transition:font-size .3s}.contests-scoreboard-rank.rank-1{color:var(--coding-primary)}.contests-scoreboard-name{color:var(--coding-text);font-weight:600;transition:font-size .3s}.contests-scoreboard-score-info{text-align:right}.contests-scoreboard-score{color:var(--coding-primary);font-weight:700;transition:font-size .3s}.contests-scoreboard-solved{color:var(--coding-text-muted);font-size:.75rem;transition:font-size .3s}@media (width<=360px){.contests-dashboard-layout{flex-direction:column}.contests-sidebar{max-width:100%;padding:1rem}.contests-detail-area{padding:1rem}.contests-bottom-grid{grid-template-columns:1fr;gap:1.5rem}.contests-stats-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.contests-main-title{font-size:1.5rem}.contests-times{flex-direction:column;gap:.5rem}.contests-sidebar-title{font-size:1.1rem}.contests-icon-trophy{width:20px;height:20px}.contest-item-title{font-size:.9rem}.contest-item-time{font-size:.7rem}.contests-timer{font-size:.8rem}.contests-icon-clock{width:14px;height:14px}}@media (width>=361px) and (width<=480px){.contests-dashboard-layout{flex-direction:column}.contests-sidebar{max-width:100%;padding:1rem}.contests-detail-area{padding:1rem}.contests-bottom-grid{grid-template-columns:1fr;gap:1.5rem}.contests-stats-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.contests-main-title{font-size:1.5rem}.contests-times{flex-direction:column;gap:.5rem}.contests-sidebar-title{font-size:1.1rem}.contests-icon-trophy{width:20px;height:20px}.contest-item-title{font-size:.95rem}.contest-item-time{font-size:.7rem}}@media (width>=481px) and (width<=576px){.contests-dashboard-layout{flex-direction:column}.contests-sidebar{max-width:100%;padding:1.5rem}.contests-detail-area{padding:1.5rem}.contests-bottom-grid{grid-template-columns:1fr;gap:1.5rem}.contests-stats-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}@media (width>=577px) and (width<=768px){.contests-dashboard-layout{flex-direction:column}.contests-sidebar{max-width:100%;padding:1.5rem}.contests-detail-area{padding:1.5rem}.contests-bottom-grid{grid-template-columns:1fr;gap:2rem}.contests-stats-grid{grid-template-columns:1fr;gap:1rem;padding:1.25rem}}@media (width>=769px) and (width<=1024px){.contests-dashboard-layout{flex-direction:column}.contests-sidebar{max-width:100%;padding:1.5rem}.contests-detail-area{padding:1.5rem}.contests-bottom-grid{grid-template-columns:1fr;gap:2rem}}@media (width>=1281px) and (width<=1440px){.contests-main-title{font-size:2.1rem}.contests-sidebar-title{font-size:1.35rem}.contests-icon-trophy{width:26px;height:26px}.contest-item-title{font-size:1.05rem}.contest-item-time{font-size:.8rem}}@media (width>=1441px) and (width<=1920px){.contests-sidebar{max-width:350px;padding:2rem}.contests-detail-area{padding:3rem}.contests-main-title{font-size:2.25rem}.contests-description{font-size:1.05rem}.contests-times,.contests-timer{font-size:.95rem}.contests-icon-clock{width:18px;height:18px}.contests-sidebar-title{font-size:1.4rem}.contests-icon-trophy{width:28px;height:28px}.contest-item-title{font-size:1.1rem}.contest-item-time{font-size:.85rem}.contests-icon-check{width:16px;height:16px}.contests-section-title{font-size:1.4rem}.contests-problem-name{font-size:1.2rem}.contests-problem-item{padding:1.25rem 2rem}.contests-problem-meta{font-size:.85rem}.contests-icon-chevron{width:18px;height:18px}.contests-scoreboard-row{padding:1.25rem}.contests-scoreboard-rank,.contests-scoreboard-name,.contests-scoreboard-score{font-size:1.1rem}.contests-scoreboard-solved{font-size:.85rem}.coding-stat-title{font-size:1.1rem}.coding-stat-value{font-size:1.5rem}}@media (width>=1921px){.contests-sidebar{max-width:450px;padding:2.5rem}.contests-detail-area{padding:4rem}.contests-main-title{font-size:2.5rem}.contests-description{font-size:1.2rem}.contests-times,.contests-timer{font-size:1.1rem}.contests-icon-clock,.contests-icon-award{width:22px;height:22px}.contests-sidebar-title{font-size:1.6rem}.contests-icon-trophy{width:32px;height:32px}.contest-item-title{font-size:1.25rem}.contest-item-time{font-size:1rem}.contests-icon-check{width:18px;height:18px}.contests-section-title{margin-bottom:1rem;font-size:1.6rem}.contests-problem-name{font-size:1.4rem}.contests-problem-item{margin-bottom:1rem;padding:1.5rem 2.5rem}.contests-problem-meta{margin-top:.5rem;font-size:1rem}.contests-icon-chevron{width:22px;height:22px}.contests-scoreboard-row{padding:1.5rem}.contests-scoreboard-rank,.contests-scoreboard-name,.contests-scoreboard-score{font-size:1.25rem}.contests-scoreboard-solved{margin-top:.25rem;font-size:1rem}.coding-stat-title{font-size:1.25rem}.coding-stat-value{font-size:1.75rem}}.problem-sidebar-container{background:var(--coding-surface);border-right:1px solid var(--coding-border);flex-direction:column;width:100%;height:100%;display:flex}.problem-sidebar-header{border-bottom:1px solid var(--coding-border);flex-direction:column;gap:.75rem;padding:1rem;transition:padding .3s;display:flex}.problem-sidebar-title{align-items:center;gap:.5rem;margin:0;font-size:1rem;transition:font-size .3s;display:flex}.problem-sidebar-search{width:100%;min-width:auto}.problem-sidebar-search-input{padding:.5rem .5rem .5rem 2rem;font-size:.875rem;transition:font-size .3s,padding .3s}.problem-sidebar-filters{flex-direction:column;gap:.5rem;margin-top:.5rem;transition:gap .3s;display:flex}.problem-sidebar-filter-row{justify-content:space-between;align-items:center;display:flex}.problem-sidebar-filter-label{align-items:center;gap:.25rem;font-size:.75rem;transition:font-size .3s;display:flex}.problem-sidebar-select{background:var(--coding-bg);color:var(--coding-text);border:1px solid var(--coding-border);border-radius:4px;padding:2px 4px;font-size:.75rem;transition:font-size .3s,padding .3s}.problem-sidebar-select.cat-select{max-width:100px}.problem-sidebar-list{flex-direction:column;flex:1;gap:1.5rem;padding:1rem;transition:padding .3s,gap .3s;display:flex;overflow-y:auto}.problem-sidebar-empty{text-align:center;font-size:.875rem;transition:font-size .3s}.problem-sidebar-category-title{text-transform:uppercase;border-bottom:1px solid var(--coding-border);margin:0 0 .5rem;padding-bottom:.25rem;font-size:.75rem;transition:font-size .3s}.problem-sidebar-items-wrapper{flex-direction:column;gap:.25rem;transition:gap .3s;display:flex}.problem-sidebar-item-btn{cursor:pointer;text-align:left;color:var(--coding-text);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.problem-sidebar-item-btn:hover{background:#ffffff05}.problem-sidebar-item-btn.selected{color:#fff;background:#f5c5181a;border-color:#f5c5184d}.problem-sidebar-item-info{align-items:center;gap:.5rem;display:flex;overflow:hidden}.problem-sidebar-unsolved-icon{border:1px solid var(--coding-border);border-radius:50%;width:14px;height:14px;transition:width .3s,height .3s}.problem-sidebar-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;transition:font-size .3s;overflow:hidden}.problem-sidebar-badge{padding:2px 6px;font-size:10px;transition:font-size .3s,padding .3s}.problem-sidebar-text-primary{color:#fff}.problem-sidebar-text-muted{color:var(--coding-text-muted)}.problem-sidebar-text-accent{color:var(--coding-primary)}.problem-sidebar-text-success{color:var(--coding-easy)}.problem-sidebar-text-medium{color:var(--coding-medium)}@media (width<=360px){.problem-sidebar-header{gap:.5rem;padding:.75rem}.problem-sidebar-title{font-size:.9rem}.problem-sidebar-search-input{padding:.4rem .4rem .4rem 1.75rem;font-size:.75rem}.problem-sidebar-filter-label{font-size:.7rem}.problem-sidebar-select{padding:2px;font-size:.7rem}.problem-sidebar-select.cat-select{max-width:80px}.problem-sidebar-list{gap:1rem;padding:.75rem}.problem-sidebar-item-btn{padding:.4rem .5rem}.problem-sidebar-item-name{font-size:.8rem}.problem-sidebar-badge{padding:2px 4px;font-size:9px}}@media (width>=361px) and (width<=480px){.problem-sidebar-header{padding:.75rem}.problem-sidebar-list{gap:1rem;padding:.75rem}.problem-sidebar-item-btn{padding:.4rem .6rem}.problem-sidebar-item-name{font-size:.85rem}}@media (width>=1281px) and (width<=1440px){.problem-sidebar-header{gap:1rem;padding:1.25rem}.problem-sidebar-title{font-size:1.15rem}.problem-sidebar-search-input{padding:.6rem .6rem .6rem 2.25rem;font-size:.95rem}.problem-sidebar-filters{gap:.75rem;margin-top:.75rem}.problem-sidebar-filter-label{font-size:.85rem}.problem-sidebar-select{padding:3px 6px;font-size:.85rem}.problem-sidebar-select.cat-select{max-width:120px}.problem-sidebar-list{gap:1.75rem;padding:1.25rem}.problem-sidebar-category-title{margin-bottom:.75rem;font-size:.85rem}.problem-sidebar-items-wrapper{gap:.35rem}.problem-sidebar-item-btn{padding:.6rem .85rem}.problem-sidebar-unsolved-icon{width:16px;height:16px}.problem-sidebar-item-name{font-size:.95rem}.problem-sidebar-badge{padding:3px 8px;font-size:11px}}@media (width>=1441px) and (width<=1920px){.problem-sidebar-header{gap:1.25rem;padding:1.5rem}.problem-sidebar-title{font-size:1.35rem}.problem-sidebar-search-input{padding:.75rem .75rem .75rem 2.5rem;font-size:1.05rem}.problem-sidebar-filters{gap:1rem;margin-top:1rem}.problem-sidebar-filter-label{font-size:1rem}.problem-sidebar-select{padding:4px 8px;font-size:1rem}.problem-sidebar-select.cat-select{max-width:150px}.problem-sidebar-list{gap:2rem;padding:1.5rem}.problem-sidebar-category-title{margin-bottom:1rem;font-size:1rem}.problem-sidebar-items-wrapper{gap:.5rem}.problem-sidebar-item-btn{padding:.75rem 1rem}.problem-sidebar-unsolved-icon{width:18px;height:18px}.problem-sidebar-item-name{font-size:1.1rem}.problem-sidebar-badge{padding:4px 10px;font-size:12px}}@media (width>=1921px){.problem-sidebar-header{gap:1.5rem;padding:2rem}.problem-sidebar-title{font-size:1.5rem}.problem-sidebar-search-input{border-radius:8px;padding:1rem 1rem 1rem 3rem;font-size:1.25rem}.problem-sidebar-filters{gap:1.25rem;margin-top:1.25rem}.problem-sidebar-filter-label{font-size:1.15rem}.problem-sidebar-select{border-radius:6px;padding:6px 12px;font-size:1.15rem}.problem-sidebar-select.cat-select{max-width:200px}.problem-sidebar-list{gap:2.5rem;padding:2rem}.problem-sidebar-category-title{margin-bottom:1.25rem;font-size:1.15rem}.problem-sidebar-items-wrapper{gap:.75rem}.problem-sidebar-item-btn{border-radius:8px;padding:1rem 1.25rem}.problem-sidebar-unsolved-icon{width:20px;height:20px}.problem-sidebar-item-name{font-size:1.25rem}.problem-sidebar-badge{border-radius:6px;padding:6px 12px;font-size:14px}}.compiler-layout{flex-direction:column}.compiler-top-toolbar{-webkit-user-select:none;user-select:none;background:var(--coding-bg);border-bottom:1px solid var(--coding-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.compiler-toolbar-left{align-items:center;gap:.75rem;display:flex}.compiler-back-btn{cursor:pointer;color:var(--coding-text);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex}.compiler-icon-chevron{width:20px;height:20px;transition:width .3s,height .3s}.compiler-logo-box{background:color-mix(in srgb, var(--coding-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--coding-primary) 30%, transparent);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:width .3s,height .3s;display:flex}.compiler-icon-code{width:16px;height:16px;color:var(--coding-primary);transition:width .3s,height .3s}.compiler-title{letter-spacing:.5px;color:var(--coding-text);margin:0;font-size:.875rem;font-weight:800;transition:font-size .3s}.compiler-subtitle{color:var(--coding-text-muted);margin:0;font-size:.65rem;font-weight:500;transition:font-size .3s}.compiler-toolbar-right{align-items:center;gap:1rem;display:flex}.compiler-language-selector{align-items:center;gap:.5rem;display:flex}.compiler-language-label{text-transform:uppercase;letter-spacing:1px;color:var(--coding-text-muted);font-size:.75rem;font-weight:700;transition:font-size .3s}.compiler-select{cursor:pointer;background:var(--coding-bg);border:1px solid var(--coding-border);color:var(--coding-text);border-radius:8px;outline:none;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:font-size .3s}.compiler-run-btn{align-items:center;gap:.5rem;padding:.375rem 1.25rem;font-size:.75rem;transition:padding .3s,font-size .3s;display:flex}.compiler-icon-play{width:14px;height:14px;transition:width .3s,height .3s}.compiler-main-split{flex-direction:row;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.compiler-editor-panel{background:var(--coding-panel-bg);flex-direction:column;flex:none;min-width:0;height:100%;display:flex}.compiler-resizer{cursor:col-resize;z-index:20;background:var(--coding-border);flex-shrink:0;align-self:stretch;width:5px;transition:background-color .15s}.compiler-resizer:hover{background:color-mix(in srgb, var(--coding-primary) 50%, transparent)}.compiler-resizer.dragging{background:var(--coding-primary)!important}.compiler-io-panel{background:var(--coding-bg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.compiler-input-section{border-bottom:1px solid var(--coding-border);flex-direction:column;flex-shrink:0;height:35%;min-height:0;display:flex}.compiler-panel-header{border-bottom:1px solid var(--coding-border);background:var(--coding-surface-subtle);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.compiler-header-left{align-items:center;gap:.5rem;display:flex}.compiler-panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--coding-text);font-size:.75rem;font-weight:700;transition:font-size .3s}.compiler-icon-keyboard,.compiler-icon-terminal{width:16px;height:16px;color:var(--coding-primary);transition:width .3s,height .3s}.compiler-input-body{background:var(--coding-bg);flex:1;padding:.75rem}.compiler-textarea{resize:none;background:var(--coding-panel-bg);border:1px solid var(--coding-border);width:100%;height:100%;color:var(--coding-text);border-radius:12px;outline:none;padding:.75rem;font-family:monospace;font-size:.75rem;transition:font-size .3s,padding .3s}.compiler-output-section{background:var(--coding-bg);flex-direction:column;flex:1;min-height:0;display:flex}.compiler-status-info{align-items:center;gap:.75rem;font-size:.65rem;font-weight:600;transition:font-size .3s;display:flex}.compiler-status-badge{border-radius:4px;padding:.125rem .5rem;transition:font-size .3s,padding .3s}.status-accepted{color:var(--coding-easy);background:color-mix(in srgb, var(--coding-easy) 10%, transparent);border:1px solid color-mix(in srgb, var(--coding-easy) 30%, transparent)}.status-compilation-error{color:var(--coding-medium);background:color-mix(in srgb, var(--coding-medium) 10%, transparent);border:1px solid color-mix(in srgb, var(--coding-medium) 30%, transparent)}.status-runtime-error{color:var(--coding-hard);background:color-mix(in srgb, var(--coding-hard) 10%, transparent);border:1px solid color-mix(in srgb, var(--coding-hard) 30%, transparent)}.status-default{color:var(--coding-text-muted);background:var(--coding-surface);border:1px solid var(--coding-border)}.compiler-time-info{color:var(--coding-text-muted);align-items:center;display:flex}.compiler-icon-clock{width:12px;height:12px;margin-right:4px;transition:width .3s,height .3s}.compiler-output-body{color:var(--coding-text);flex:1;padding:1rem;font-family:monospace;font-size:.75rem;transition:font-size .3s;overflow-y:auto}.compiler-loading-msg{-webkit-user-select:none;user-select:none;height:100%;color:var(--coding-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.compiler-icon-spinner{width:24px;height:24px;transition:width .3s,height .3s}.compiler-result-container{flex-direction:column;gap:1rem;display:flex}.compiler-result-block{flex-direction:column;gap:.25rem;display:flex}.compiler-result-label{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.25rem;font-size:.65rem;font-weight:800;transition:font-size .3s;display:flex}.compiler-result-label.warning{color:var(--coding-medium)}.compiler-result-label.error{color:var(--coding-hard)}.compiler-result-label.success{color:var(--coding-easy)}.compiler-icon-alert,.compiler-icon-check{width:14px;height:14px;transition:width .3s,height .3s}.compiler-result-pre{white-space:pre-wrap;background:var(--coding-panel-bg);border:1px solid var(--coding-border);border-radius:12px;margin:0;padding:.875rem;line-height:1.5;transition:padding .3s,font-size .3s;overflow-x:auto}.compiler-result-pre.warning{color:var(--coding-medium)}.compiler-result-pre.error{color:var(--coding-hard)}.compiler-result-pre.success{color:var(--coding-text)}.compiler-empty-msg{-webkit-user-select:none;user-select:none;height:100%;color:var(--coding-text-muted);justify-content:center;align-items:center;font-size:.65rem;font-weight:600;transition:font-size .3s;display:flex}.compiler-drag-overlay{z-index:50;cursor:col-resize;background:0 0;position:fixed;inset:0}@media (width<=360px){.compiler-main-split{flex-direction:column}.compiler-editor-panel{height:50%;width:100%!important}.compiler-resizer{cursor:row-resize;width:100%;height:5px}.compiler-io-panel{height:50%}.compiler-top-toolbar{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem}.compiler-toolbar-right{justify-content:space-between;width:100%}.compiler-title{font-size:.75rem}.compiler-subtitle{font-size:.55rem}.compiler-logo-box{width:24px;height:24px}.compiler-icon-code{width:12px;height:12px}.compiler-icon-chevron{width:16px;height:16px}.compiler-select{padding:.25rem .5rem;font-size:.65rem}.compiler-language-label{font-size:.65rem}.compiler-run-btn{padding:.25rem .75rem;font-size:.65rem}.compiler-icon-play{width:12px;height:12px}}@media (width>=361px) and (width<=480px){.compiler-main-split{flex-direction:column}.compiler-editor-panel{height:50%;width:100%!important}.compiler-resizer{cursor:row-resize;width:100%;height:5px}.compiler-io-panel{height:50%}.compiler-top-toolbar{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 1rem}.compiler-toolbar-right{justify-content:space-between;width:100%}.compiler-title{font-size:.8rem}.compiler-subtitle{font-size:.6rem}.compiler-logo-box{width:28px;height:28px}.compiler-icon-code{width:14px;height:14px}}@media (width>=481px) and (width<=576px){.compiler-top-toolbar{padding:.5rem 1rem}}@media (width>=577px) and (width<=768px){.compiler-top-toolbar{padding:.5rem 1rem}}@media (width>=1025px) and (width<=1280px){.compiler-title{font-size:1rem}.compiler-subtitle{font-size:.7rem}.compiler-logo-box{width:36px;height:36px}.compiler-icon-code{width:18px;height:18px}.compiler-icon-chevron{width:22px;height:22px}.compiler-select{padding:.4rem .8rem;font-size:.8rem}.compiler-language-label{font-size:.8rem}.compiler-run-btn{padding:.4rem 1.4rem;font-size:.8rem}.compiler-icon-play{width:16px;height:16px}.compiler-panel-title{font-size:.8rem}.compiler-icon-keyboard,.compiler-icon-terminal{width:18px;height:18px}.compiler-textarea,.compiler-output-body{font-size:.8rem}.compiler-status-info,.compiler-result-label{font-size:.7rem}.compiler-icon-alert,.compiler-icon-check{width:16px;height:16px}}@media (width>=1281px) and (width<=1440px){.compiler-title{font-size:1rem}.compiler-subtitle{font-size:.7rem}.compiler-logo-box{width:36px;height:36px}.compiler-icon-code{width:18px;height:18px}.compiler-icon-chevron{width:22px;height:22px}.compiler-select{padding:.4rem .8rem;font-size:.8rem}.compiler-language-label{font-size:.8rem}.compiler-run-btn{padding:.4rem 1.4rem;font-size:.8rem}.compiler-icon-play{width:16px;height:16px}.compiler-panel-title{font-size:.8rem}.compiler-icon-keyboard,.compiler-icon-terminal{width:18px;height:18px}.compiler-textarea,.compiler-output-body{font-size:.8rem}.compiler-status-info,.compiler-result-label{font-size:.7rem}.compiler-icon-alert,.compiler-icon-check{width:16px;height:16px}}@media (width>=1441px) and (width<=1920px){.compiler-top-toolbar{padding:1rem 2rem}.compiler-title{font-size:1.1rem}.compiler-subtitle{font-size:.8rem}.compiler-logo-box{width:40px;height:40px}.compiler-icon-code{width:20px;height:20px}.compiler-icon-chevron{width:24px;height:24px}.compiler-select{padding:.5rem 1rem;font-size:.9rem}.compiler-language-label{font-size:.9rem}.compiler-run-btn{padding:.5rem 1.6rem;font-size:.9rem}.compiler-icon-play{width:18px;height:18px}.compiler-panel-title{font-size:.9rem}.compiler-icon-keyboard,.compiler-icon-terminal{width:20px;height:20px}.compiler-textarea,.compiler-output-body{font-size:.9rem}.compiler-status-info,.compiler-result-label{font-size:.8rem}.compiler-icon-alert,.compiler-icon-check{width:18px;height:18px}.compiler-icon-clock{width:14px;height:14px}.compiler-result-pre{padding:1.25rem;font-size:.85rem}}@media (width>=1921px){.compiler-top-toolbar{padding:1.25rem 2.5rem}.compiler-title{font-size:1.25rem}.compiler-subtitle{font-size:.9rem}.compiler-logo-box{border-radius:12px;width:48px;height:48px}.compiler-icon-code{width:24px;height:24px}.compiler-icon-chevron{width:28px;height:28px}.compiler-select{border-radius:10px;padding:.6rem 1.2rem;font-size:1rem}.compiler-language-label{font-size:1rem}.compiler-run-btn{border-radius:10px;padding:.6rem 2rem;font-size:1rem}.compiler-icon-play{width:20px;height:20px}.compiler-panel-title{font-size:1rem}.compiler-icon-keyboard,.compiler-icon-terminal{width:24px;height:24px}.compiler-panel-header{padding:1rem 1.25rem}.compiler-textarea{border-radius:16px;padding:1rem;font-size:1rem}.compiler-output-body{padding:1.5rem;font-size:1rem}.compiler-status-info{font-size:.9rem}.compiler-status-badge{border-radius:6px;padding:.25rem .75rem}.compiler-result-label{font-size:.9rem}.compiler-icon-alert,.compiler-icon-check{width:20px;height:20px}.compiler-icon-clock{width:16px;height:16px}.compiler-result-pre{border-radius:16px;padding:1.5rem;font-size:1rem}.compiler-empty-msg{font-size:.9rem}}.docs-page{--sidebar-width:320px;--header-height:70px;--code-bg:#070a12;--code-header-bg:#0f1524;--code-keyword:#ff75b5;--code-string:#10b981;--code-comment:#64748b;--code-type:#06b6d4;--code-function:#3b82f6;--code-number:#f59e0b;--code-text:#e2e8f0}.docs-page.app-container{background-color:var(--bg-primary);width:100%;color:var(--text-primary);flex:1;display:flex;position:relative}.docs-page .main-layout{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.docs-page .sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);background-color:var(--bg-card);z-index:100;flex-direction:column;flex-shrink:0;height:calc(100vh - 88px);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:88px}.docs-page .sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.docs-page .sidebar-nav::-webkit-scrollbar{width:4px}.docs-page .sidebar-nav::-webkit-scrollbar-track{background:0 0}.docs-page .sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--border-color,#ffffff1a);border-radius:4px}.docs-page .sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted,#ffffff4d)}.docs-page .sidebar-footer{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;flex-shrink:0;padding:16px;font-size:13px}@media (width<=1024px){.docs-page .sidebar{background-color:var(--bg-primary)!important}}.docs-page .nav-section{margin-bottom:8px}.docs-page .section-toggle{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.docs-page .section-toggle:hover{background-color:var(--hover-bg)}.docs-page .section-toggle-left{align-items:center;gap:8px;display:flex}.docs-page .folder-icon{width:16px;height:16px;color:var(--accent-primary)}.docs-page .subitem-link{color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:8px 12px 8px 36px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.docs-page .subitem-link:hover{background-color:var(--hover-bg);color:var(--text-primary)}.docs-page .subitem-link.active{background-color:var(--badge-bg);color:var(--accent-primary);font-weight:600}.docs-page .subitem-status-icon{color:var(--border-color)}.docs-page .subitem-status-icon.complete{color:var(--success)}.docs-page .content-body{color:var(--text-secondary);font-size:16px;line-height:1.8}.docs-page .content-title{color:var(--text-primary);margin-bottom:28px;font-size:36px;font-weight:800;line-height:1.2}.docs-page .content-section-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.docs-page .quiz-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:48px;padding:28px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.docs-page .quiz-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.docs-page .quiz-header-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.docs-page .quiz-question{color:var(--text-primary);margin-bottom:20px;font-size:15px;font-weight:600}.docs-page .options-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.docs-page .table-container{border:1px solid var(--border-color);border-radius:8px;margin:24px 0;overflow-x:auto}.docs-page table{border-collapse:collapse;width:100%;color:var(--text-secondary);font-size:14px}.docs-page th{text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);padding:12px 16px;font-weight:600}.docs-page td{border-bottom:1px solid var(--border-color);padding:12px 16px}.docs-page .note-box p{color:var(--text-primary)!important}.docs-page .search-container{padding:0 24px}.docs-page .token.comment{color:var(--code-comment)}.docs-page .token.string{color:var(--code-string)}.docs-page .token.keyword{color:var(--code-keyword)}.docs-page .token.number{color:var(--code-number)}.docs-page .token.function{color:var(--code-function)}.docs-page .token.type{color:var(--code-type)}.docs-page .menu-toggle{display:none}.docs-mobile-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);z-index:10;align-items:center;gap:12px;padding:12px 16px;position:sticky;top:0}.docs-mobile-title{color:var(--text-primary);font-size:16px;font-weight:700}.docs-content-wrapper{flex:1;padding:32px 48px;transition:padding .3s;overflow-y:auto}.docs-content-inner{max-width:900px;margin:0 auto;transition:max-width .3s}@media (width<=360px){.docs-page .sidebar{z-index:1001;width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.docs-page .sidebar.open{transform:translate(0)}.docs-page .menu-toggle{display:flex}.docs-content-wrapper{padding:16px 12px}}@media (width>=361px) and (width<=480px){.docs-page .sidebar{z-index:1001;width:280px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.docs-page .sidebar.open{transform:translate(0)}.docs-page .menu-toggle{display:flex}.docs-content-wrapper{padding:16px}}@media (width>=481px) and (width<=576px){.docs-page .sidebar{z-index:1001;width:300px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.docs-page .sidebar.open{transform:translate(0)}.docs-page .menu-toggle{display:flex}.docs-content-wrapper{padding:24px 20px}}@media (width>=577px) and (width<=768px){.docs-page .sidebar{z-index:1001;width:320px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.docs-page .sidebar.open{transform:translate(0)}.docs-page .menu-toggle{display:flex}}@media (width>=769px) and (width<=1024px){.docs-page .sidebar{z-index:1001;width:320px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.docs-page .sidebar.open{transform:translate(0)}.docs-page .menu-toggle{display:flex}.docs-page .sidebar-backdrop{z-index:1000;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.docs-content-wrapper{padding:32px}}@media (width>=1025px) and (width<=1280px){.docs-page .sidebar{width:320px}.docs-content-wrapper{padding:40px 48px}.docs-content-inner{max-width:900px}}@media (width>=1281px) and (width<=1440px){.docs-page .sidebar{width:340px}.docs-content-wrapper{padding:48px 64px}.docs-content-inner{max-width:1000px}}@media (width>=1441px) and (width<=1920px){.docs-page .sidebar{width:360px}.docs-content-wrapper{padding:64px 80px}.docs-content-inner{max-width:1200px}}@media (width>=1921px){.docs-page .sidebar{width:400px}.docs-content-wrapper{padding:80px 100px}.docs-content-inner{max-width:1400px}}.docs-page .sidebar-backdrop{z-index:90;background-color:#00000080;position:absolute;inset:0}.docs-page .animate-fade-in{animation:.4s ease-out fadeIn}.progress-bar-container{width:100%}.progress-bar-label-wrapper{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:500;transition:font-size .3s,margin .3s;display:flex}.progress-bar-track{background-color:var(--bg-primary);border-radius:10px;width:100%;height:6px;transition:height .3s;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);border-radius:10px;height:100%;transition:width .4s ease-out}@media (width<=360px){.progress-bar-label-wrapper{margin-bottom:6px;font-size:12px}.progress-bar-track{height:4px}}@media (width>=361px) and (width<=480px){.progress-bar-label-wrapper{margin-bottom:6px;font-size:12px}.progress-bar-track{height:4px}}@media (width>=481px) and (width<=576px){.progress-bar-label-wrapper{margin-bottom:8px;font-size:13px}.progress-bar-track{height:6px}}@media (width>=577px) and (width<=768px){.progress-bar-label-wrapper{margin-bottom:8px;font-size:13px}.progress-bar-track{height:6px}}@media (width>=769px) and (width<=1024px){.progress-bar-label-wrapper{margin-bottom:8px;font-size:13px}.progress-bar-track{height:6px}}@media (width>=1025px) and (width<=1280px){.progress-bar-label-wrapper{margin-bottom:10px;font-size:14px}.progress-bar-track{height:8px}}@media (width>=1281px) and (width<=1440px){.progress-bar-label-wrapper{margin-bottom:10px;font-size:14px}.progress-bar-track{height:8px}}@media (width>=1441px) and (width<=1920px){.progress-bar-label-wrapper{margin-bottom:12px;font-size:15px}.progress-bar-track{height:10px}}@media (width>=1921px){.progress-bar-label-wrapper{margin-bottom:16px;font-size:16px}.progress-bar-track{height:12px}}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);width:16px;height:16px;transition:width .3s,height .3s,left .3s;position:absolute;left:12px}.search-input{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 10px 10px 36px;font-size:13px;transition:all .2s}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--badge-bg)}@media (width<=360px){.search-input{padding:8px 8px 8px 30px;font-size:12px}.search-icon{width:14px;height:14px;left:10px}}@media (width>=361px) and (width<=480px){.search-input{padding:8px 8px 8px 30px;font-size:12px}.search-icon{width:14px;height:14px;left:10px}}@media (width>=481px) and (width<=576px){.search-input{padding:10px 10px 10px 36px;font-size:13px}.search-icon{width:16px;height:16px;left:12px}}@media (width>=577px) and (width<=768px){.search-input{padding:10px 10px 10px 36px;font-size:13px}.search-icon{width:16px;height:16px;left:12px}}@media (width>=769px) and (width<=1024px){.search-input{padding:10px 10px 10px 36px;font-size:13px}.search-icon{width:16px;height:16px;left:12px}}@media (width>=1025px) and (width<=1280px){.search-input{padding:12px 12px 12px 40px;font-size:14px}.search-icon{width:18px;height:18px;left:14px}}@media (width>=1281px) and (width<=1440px){.search-input{padding:12px 12px 12px 40px;font-size:14px}.search-icon{width:18px;height:18px;left:14px}}@media (width>=1441px) and (width<=1920px){.search-input{padding:14px 14px 14px 44px;font-size:15px}.search-icon{width:20px;height:20px;left:16px}}@media (width>=1921px){.search-input{border-radius:10px;padding:16px 16px 16px 48px;font-size:16px}.search-icon{width:22px;height:22px;left:18px}}.doc-sidebar-brand{align-items:center;gap:12px;padding:24px 24px 16px;display:flex}.doc-sidebar-logo{background:var(--badge-bg);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.doc-sidebar-header-right{flex:1;justify-content:space-between;align-items:center;display:flex}.doc-sidebar-brand-title{font-size:15px;font-weight:700;line-height:1.2}.doc-sidebar-brand-subtitle{font-size:11px;display:block}.doc-sidebar-back-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.doc-sidebar-back-btn:hover{background-color:var(--hover-bg)}@media (width<=1024px){.mobile-close-btn{display:flex!important}}.doc-sidebar-search{margin-top:16px}.doc-sidebar-nav{overflow-y:auto}.doc-sidebar-loading-wrapper{padding:0 8px}.doc-sidebar-loading-toggle{cursor:default}.doc-sidebar-loading-left{width:100%}.doc-sidebar-loading-icon{opacity:.5}.doc-sidebar-skeleton-bar{background-color:#ffffff4d;border-radius:4px;width:90%;height:12px;animation:1.5s ease-in-out infinite pulse}.doc-sidebar-loading-subitems{margin-top:6px;padding-left:8px}.doc-sidebar-skeleton-subitem{cursor:default;justify-content:space-between;align-items:center;display:flex}.doc-sidebar-skeleton-sub-bar{background-color:#ffffff26;border-radius:4px;height:10px;animation:1.5s ease-in-out infinite pulse}.doc-sidebar-skeleton-circle{background-color:#ffffff1a;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite pulse}.doc-sidebar-section-title{font-size:13px;font-weight:700}.doc-sidebar-section-progress{border-radius:10px;padding:2px 6px;font-size:9px;font-weight:700}.doc-sidebar-subitems-wrapper{margin-top:6px;padding-left:8px}.doc-sidebar-topic-title{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.doc-sidebar-footer-stats{justify-content:space-between;margin-top:8px;font-size:12px;display:flex}@media (width<=360px){.doc-sidebar-brand-title{font-size:14px}.doc-sidebar-topic-title{max-width:none;font-size:13px}}@media (width>=361px) and (width<=480px){.doc-sidebar-topic-title{max-width:210px}}@media (width>=481px) and (width<=576px){.doc-sidebar-topic-title{max-width:230px}}@media (width>=577px) and (width<=768px){.doc-sidebar-topic-title{max-width:250px}}@media (width>=769px) and (width<=1024px){.doc-sidebar-topic-title{max-width:250px}}@media (width>=1025px) and (width<=1280px){.doc-sidebar-topic-title{max-width:250px}}@media (width>=1281px) and (width<=1440px){.doc-sidebar-topic-title{max-width:260px}}@media (width>=1441px) and (width<=1920px){.doc-sidebar-brand-title{font-size:16px}.doc-sidebar-section-title{font-size:14px}.doc-sidebar-topic-title{max-width:290px;font-size:14px}}@media (width>=1921px){.doc-sidebar-brand-title{font-size:18px}.doc-sidebar-section-title{font-size:15px}.doc-sidebar-topic-title{max-width:330px;font-size:15px}}.topic-nav-container{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:48px;padding-top:24px;display:flex}.topic-nav-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;padding:8px;transition:all .2s;display:flex}.topic-nav-btn:hover{background-color:var(--bg-secondary);border-radius:8px}.topic-nav-btn.prev{text-align:left}.topic-nav-btn.next{text-align:right}.topic-nav-icon{width:20px;height:20px;color:var(--primary-color);transition:width .3s,height .3s}.topic-nav-label{color:var(--text-muted);margin-bottom:2px;font-size:12px;transition:font-size .3s}.topic-nav-title{font-size:14px;font-weight:600;transition:font-size .3s}.topic-nav-btn.prev .topic-nav-title{color:var(--text-primary)}.topic-nav-btn.next .topic-nav-title{color:var(--primary-color)}@media (width<=360px){.topic-nav-label{font-size:11px}.topic-nav-title{font-size:13px}.topic-nav-icon{width:16px;height:16px}}@media (width>=361px) and (width<=480px){.topic-nav-label{font-size:11px}.topic-nav-title{font-size:13px}.topic-nav-icon{width:16px;height:16px}}@media (width>=481px) and (width<=576px){.topic-nav-label{font-size:12px}.topic-nav-title{font-size:14px}.topic-nav-icon{width:20px;height:20px}}@media (width>=577px) and (width<=768px){.topic-nav-label{font-size:12px}.topic-nav-title{font-size:14px}.topic-nav-icon{width:20px;height:20px}}@media (width>=769px) and (width<=1024px){.topic-nav-label{font-size:12px}.topic-nav-title{font-size:14px}.topic-nav-icon{width:20px;height:20px}}@media (width>=1025px) and (width<=1280px){.topic-nav-label{font-size:13px}.topic-nav-title{font-size:15px}.topic-nav-icon{width:22px;height:22px}}@media (width>=1281px) and (width<=1440px){.topic-nav-label{font-size:13px}.topic-nav-title{font-size:15px}.topic-nav-icon{width:22px;height:22px}}@media (width>=1441px) and (width<=1920px){.topic-nav-label{font-size:14px}.topic-nav-title{font-size:16px}.topic-nav-icon{width:24px;height:24px}}@media (width>=1921px){.topic-nav-label{font-size:15px}.topic-nav-title{font-size:18px}.topic-nav-icon{width:28px;height:28px}}.empty-state-container{text-align:center;border:1px dashed var(--border-color);background-color:var(--bg-secondary);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon{color:var(--text-muted);width:48px;height:48px;margin-bottom:16px;transition:width .3s,height .3s}.empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700;transition:font-size .3s}.empty-state-message{max-width:400px;color:var(--text-secondary);margin-bottom:24px;transition:font-size .3s}.empty-state-link{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;text-decoration:none;transition:padding .3s,font-size .3s;display:flex}@media (width<=360px){.empty-state-container{padding:40px 16px}.empty-state-icon{width:36px;height:36px;margin-bottom:12px}.empty-state-title{font-size:16px}.empty-state-message{margin-bottom:16px;font-size:13px}.empty-state-link{padding:8px 16px;font-size:13px}}@media (width>=361px) and (width<=480px){.empty-state-container{padding:48px 20px}.empty-state-icon{width:40px;height:40px}.empty-state-title{font-size:17px}.empty-state-message{font-size:14px}}@media (width>=481px) and (width<=576px){.empty-state-container{padding:56px 20px}.empty-state-icon{width:44px;height:44px}}@media (width>=577px) and (width<=768px){.empty-state-container{padding:64px 24px}.empty-state-icon{width:48px;height:48px}}@media (width>=769px) and (width<=1024px){.empty-state-container{padding:64px 24px}}@media (width>=1025px) and (width<=1280px){.empty-state-container{padding:72px 32px}.empty-state-icon{width:52px;height:52px}.empty-state-title{font-size:20px}.empty-state-message{font-size:15px}}@media (width>=1281px) and (width<=1440px){.empty-state-container{padding:80px 40px}.empty-state-icon{width:56px;height:56px;margin-bottom:20px}.empty-state-title{font-size:22px}.empty-state-message{margin-bottom:32px;font-size:16px}.empty-state-link{padding:12px 24px;font-size:15px}}@media (width>=1441px) and (width<=1920px){.empty-state-container{padding:100px 48px}.empty-state-icon{width:64px;height:64px}.empty-state-title{margin-bottom:12px;font-size:24px}.empty-state-message{max-width:500px;margin-bottom:40px;font-size:17px}.empty-state-link{padding:14px 28px;font-size:16px}}@media (width>=1921px){.empty-state-container{padding:120px 60px}.empty-state-icon{width:72px;height:72px;margin-bottom:24px}.empty-state-title{margin-bottom:16px;font-size:28px}.empty-state-message{max-width:600px;margin-bottom:48px;font-size:18px}.empty-state-link{gap:12px;padding:16px 32px;font-size:18px}}.code-block-container{border:1px solid var(--border-color);background-color:var(--code-bg);box-shadow:var(--shadow-lg);border-radius:12px;margin:24px 0;overflow:hidden}.code-block-header{border-bottom:1px solid var(--border-color);background-color:var(--code-header-bg);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-block-header-left{align-items:center;gap:12px;display:flex}.code-block-window-dots{gap:6px;display:flex}.code-block-dot{border-radius:50%;width:12px;height:12px;transition:width .3s,height .3s}.code-block-dot-red{background-color:#ff5f56}.code-block-line-number.success{color:#27c93f;background-color:#27c93f1a;font-weight:600}.code-block-line-number.error{color:#ff5f56;background-color:#ff5f561a;font-weight:600}@media (width<=360px){.code-block-code-content{font-size:11px}.code-block-line-number{min-width:16px;font-size:11px;line-height:18px}.code-block-line-numbers{padding:0 8px}.code-block-code-panel{padding:0 10px}.code-block-header{padding:8px 12px}.code-block-dot{gap:4px;width:8px;height:8px}.code-block-filename{font-size:11px}.code-block-file-icon{width:12px;height:12px}}@media (width>=361px) and (width<=480px){.code-block-code-content{font-size:12px}.code-block-line-number{min-width:18px;font-size:12px;line-height:18px}.code-block-line-numbers{padding:0 10px}.code-block-code-panel{padding:0 12px}.code-block-header{padding:10px 12px}.code-block-dot{gap:5px;width:10px;height:10px}}@media (width>=481px) and (width<=576px){.code-block-code-content{font-size:12px}.code-block-line-number{min-width:18px;font-size:12px}}@media (width>=577px) and (width<=768px){.code-block-code-content{font-size:13px}}@media (width>=769px) and (width<=1024px){.code-block-code-content{font-size:13px}}@media (width>=1025px) and (width<=1280px){.code-block-code-content,.code-block-line-number{font-size:14px}}@media (width>=1281px) and (width<=1440px){.code-block-code-content,.code-block-line-number{font-size:14px}}@media (width>=1441px) and (width<=1920px){.code-block-code-content{font-size:15px}.code-block-line-number{min-width:24px;font-size:15px;line-height:22px}.code-block-line-numbers{padding:0 16px 0 20px}.code-block-code-panel{padding:0 20px}.code-block-header{padding:12px 20px}.code-block-dot{gap:8px;width:14px;height:14px}.code-block-filename{font-size:13px}.code-block-file-icon{width:16px;height:16px}}@media (width>=1921px){.code-block-code-content{font-size:16px}.code-block-line-number{min-width:28px;font-size:16px;line-height:24px}.code-block-line-numbers{padding:0 20px 0 24px}.code-block-code-panel{padding:0 24px}.code-block-header{padding:14px 24px}.code-block-dot{gap:10px;width:16px;height:16px}.code-block-filename{font-size:14px}.code-block-file-icon{width:18px;height:18px}}.code-block-dot-yellow{background-color:#ffbd2e}.code-block-dot-green{background-color:#27c93f}.code-block-filename{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;transition:font-size .3s;display:flex}.code-block-file-icon{width:14px;height:14px;color:var(--primary-color);transition:width .3s,height .3s}.code-block-copy-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;display:flex}.code-block-editor-panel{width:100%;padding:16px 0;display:flex;overflow-x:auto}.code-block-line-numbers{text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0d;padding:0 12px 0 16px}.code-block-line-number{font-family:var(--font-mono);min-width:20px;font-size:13px;line-height:20px}.code-block-code-panel{flex:1;padding:0 16px;overflow-x:auto}.code-block-code-content{font-family:var(--font-mono);white-space:pre;font-size:13px;display:block}.code-block-output-section{background-color:#090c10;border-top:1px solid}.code-block-output-header{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.05em;background-color:#ffffff05;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.code-block-output-header-left{align-items:center;gap:8px;display:flex}.code-block-toggle-output-btn{cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.code-block-output-body{border-top:1px solid;padding:12px 16px}.code-block-output-pre{font-family:var(--font-mono);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.6}.quiz-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.quiz-header-icon{width:18px;height:18px;color:var(--primary-color);transition:width .3s,height .3s}.quiz-header-title{margin:0;font-size:16px;font-weight:600}.quiz-question{margin-bottom:16px;font-size:15px;line-height:1.5;transition:font-size .3s}.quiz-block-code-wrapper{border:1px solid var(--border-color);background-color:var(--code-bg);font-family:var(--font-mono);border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px;transition:padding .3s,font-size .3s}.quiz-block-code-pre{white-space:pre-wrap;color:var(--code-text);margin:0}.options-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.quiz-block-option{border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:8px;outline:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.quiz-block-option-letter{background-color:var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:width .3s,height .3s;display:flex}.quiz-block-option:hover:not(:disabled){border-color:var(--border-hover);background-color:var(--hover-bg)}.quiz-block-option.selected{border-color:var(--primary-color);background-color:var(--primary-light)}.quiz-block-option.correct{border-color:var(--accent-emerald);background-color:var(--accent-emerald-light);color:var(--accent-emerald)}.quiz-block-option.incorrect{border-color:var(--accent-rose);background-color:var(--accent-rose-light);color:var(--accent-rose)}.quiz-block-submit-btn{color:#fff;background-color:var(--primary-color);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.quiz-block-submit-btn:disabled{cursor:not-allowed;opacity:.6}.quiz-block-submit-btn:hover:not(:disabled){background-color:var(--primary-dark)}.quiz-block-feedback-wrapper{margin-top:16px}.quiz-block-feedback-alert{border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;font-size:14px;transition:all .3s;display:flex}.quiz-block-feedback-alert.correct{color:var(--accent-emerald);background-color:var(--accent-emerald-light)}.quiz-block-feedback-alert.incorrect{color:var(--accent-rose);background-color:var(--accent-rose-light)}.quiz-feedback-icon{width:16px;height:16px;transition:width .3s,height .3s}.quiz-block-explanation{color:var(--text-secondary);font-size:13px;line-height:1.6;transition:font-size .3s}.quiz-block-retry-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:6px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.quiz-block-retry-btn:hover{background-color:var(--hover-bg)}@media (width<=360px){.quiz-header-icon{width:14px;height:14px}.quiz-header-title{font-size:14px}.quiz-question{font-size:13px}.quiz-block-code-wrapper{padding:8px;font-size:11px}.quiz-block-option{gap:8px;padding:8px 12px;font-size:12px}.quiz-block-option-letter{width:20px;height:20px;font-size:10px}.quiz-block-submit-btn{padding:8px 16px;font-size:12px}.quiz-block-feedback-alert{padding:8px 12px;font-size:12px}.quiz-feedback-icon{width:14px;height:14px}.quiz-block-explanation{font-size:12px}.quiz-block-retry-btn{padding:6px 12px;font-size:12px}}@media (width>=361px) and (width<=480px){.quiz-header-icon{width:16px;height:16px}.quiz-header-title{font-size:15px}.quiz-question{font-size:14px}.quiz-block-code-wrapper{padding:10px;font-size:12px}.quiz-block-option{padding:10px 14px;font-size:13px}.quiz-block-option-letter{width:22px;height:22px;font-size:11px}.quiz-block-submit-btn{padding:8px 16px;font-size:13px}.quiz-block-feedback-alert{padding:10px 14px;font-size:13px}.quiz-block-explanation{font-size:12.5px}}@media (width>=1025px) and (width<=1280px){.quiz-header-icon{width:20px;height:20px}.quiz-header-title{font-size:18px}.quiz-question{font-size:16px}.quiz-block-code-wrapper{padding:14px;font-size:14px}.quiz-block-option{padding:14px 20px;font-size:15px}.quiz-block-option-letter{width:26px;height:26px;font-size:13px}.quiz-block-submit-btn{padding:12px 24px;font-size:15px}.quiz-block-feedback-alert{padding:14px 20px;font-size:15px}.quiz-feedback-icon{width:18px;height:18px}.quiz-block-explanation{font-size:14px}.quiz-block-retry-btn{padding:10px 20px;font-size:14px}}@media (width>=1281px) and (width<=1440px){.quiz-header-icon{width:20px;height:20px}.quiz-header-title{font-size:18px}.quiz-question{font-size:16px}.quiz-block-code-wrapper{padding:14px;font-size:14px}.quiz-block-option{padding:14px 20px;font-size:15px}.quiz-block-option-letter{width:26px;height:26px;font-size:13px}.quiz-block-submit-btn{padding:12px 24px;font-size:15px}.quiz-block-feedback-alert{padding:14px 20px;font-size:15px}.quiz-feedback-icon{width:18px;height:18px}.quiz-block-explanation{font-size:14px}.quiz-block-retry-btn{padding:10px 20px;font-size:14px}}@media (width>=1441px) and (width<=1920px){.quiz-header-icon{width:22px;height:22px}.quiz-header-title{font-size:20px}.quiz-question{font-size:17px}.quiz-block-code-wrapper{padding:16px;font-size:15px}.quiz-block-option{padding:16px 24px;font-size:16px}.quiz-block-option-letter{width:28px;height:28px;font-size:14px}.quiz-block-submit-btn{padding:14px 28px;font-size:16px}.quiz-block-feedback-alert{padding:16px 24px;font-size:16px}.quiz-feedback-icon{width:20px;height:20px}.quiz-block-explanation{font-size:15px}.quiz-block-retry-btn{padding:12px 24px;font-size:15px}}@media (width>=1921px){.quiz-header-icon{width:26px;height:26px}.quiz-header-title{margin-bottom:8px;font-size:24px}.quiz-question{margin-bottom:24px;font-size:18px}.quiz-block-code-wrapper{margin-bottom:24px;padding:20px;font-size:16px}.quiz-block-option{gap:16px;margin-bottom:16px;padding:20px 28px;font-size:17px}.quiz-block-option-letter{width:32px;height:32px;font-size:16px}.quiz-block-submit-btn{padding:16px 32px;font-size:18px}.quiz-block-feedback-alert{gap:12px;padding:20px 28px;font-size:18px}.quiz-feedback-icon{width:24px;height:24px}.quiz-block-explanation{font-size:17px;line-height:1.7}.quiz-block-retry-btn{padding:14px 28px;font-size:17px}}.inline-code{background:#ffffff1a;border-radius:4px;padding:2px 4px;font-family:monospace;font-size:.9em}.block-renderer-heading{margin-top:2em;margin-bottom:1em;line-height:1.3}.block-renderer-paragraph{margin-bottom:1.25em;line-height:1.7}.block-renderer-note{border-left:4px solid var(--primary-color);background-color:#ffffff0d;margin-bottom:1.5rem;padding:1rem}.block-renderer-warning{background-color:#ff5f561a;border-left:4px solid #ff5f56;margin-bottom:1.5rem;padding:1rem}.block-renderer-ul{margin-bottom:1.5rem;padding-left:1.5rem;list-style-type:disc}.block-renderer-li{margin-bottom:.5rem;line-height:1.7}.block-renderer-multi-p{margin-bottom:1rem;line-height:1.7}.block-renderer-code-wrapper{margin-top:2rem;margin-bottom:2rem}.block-renderer-quiz-wrapper{margin-top:3rem}@media (width<=360px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{font-size:14px;line-height:1.5}.block-renderer-heading{margin-top:1.5em;font-size:1.25rem}.block-renderer-note,.block-renderer-warning{margin-bottom:1rem;padding:12px}}@media (width>=361px) and (width<=480px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{font-size:14px;line-height:1.55}.block-renderer-heading{font-size:1.35rem}.block-renderer-note,.block-renderer-warning{padding:14px}}@media (width>=481px) and (width<=576px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{font-size:15px;line-height:1.6}}@media (width>=577px) and (width<=768px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{font-size:16px;line-height:1.6}}@media (width>=769px) and (width<=1024px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{font-size:16px;line-height:1.65}}@media (width>=1025px) and (width<=1280px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{font-size:16px;line-height:1.7}.block-renderer-note,.block-renderer-warning{padding:20px}}@media (width>=1281px) and (width<=1440px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{font-size:17px;line-height:1.7}.block-renderer-heading{margin-top:2.25em;font-weight:700}}@media (width>=1441px) and (width<=1920px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{margin-bottom:1.5em;font-size:18px;line-height:1.75}.block-renderer-heading{margin-top:2.5em;font-size:1.75rem;font-weight:700}.block-renderer-note,.block-renderer-warning{border-left-width:5px;padding:24px}}@media (width>=1921px){.block-renderer-paragraph,.block-renderer-li,.block-renderer-multi-p{margin-bottom:1.75em;font-size:20px;line-height:1.8}.block-renderer-heading{margin-top:3em;font-size:2rem;font-weight:700}.block-renderer-note,.block-renderer-warning{border-left-width:6px;padding:32px}}.lang-doc-complete-wrapper{justify-content:center;margin-top:48px;display:flex}.lang-doc-complete-btn{cursor:pointer;background-color:var(--primary-color);color:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.lang-doc-complete-btn:hover{background-color:var(--primary-dark)}.lang-doc-complete-icon{width:18px;height:18px;transition:width .3s,height .3s}.lang-doc-complete-btn.completed{background-color:var(--accent-emerald-light);color:var(--accent-emerald);border:1px solid var(--accent-emerald)}.lang-doc-complete-btn.completed:hover{background-color:var(--accent-emerald);color:#fff}@media (width<=360px){.lang-doc-complete-wrapper{margin-top:24px}.lang-doc-complete-btn{padding:8px 16px;font-size:13px}.lang-doc-complete-icon{width:14px;height:14px}}@media (width>=361px) and (width<=480px){.lang-doc-complete-wrapper{margin-top:32px}.lang-doc-complete-btn{padding:10px 20px;font-size:14px}.lang-doc-complete-icon{width:16px;height:16px}}@media (width>=481px) and (width<=576px){.lang-doc-complete-wrapper{margin-top:40px}.lang-doc-complete-btn{padding:12px 24px;font-size:14px}}@media (width>=577px) and (width<=768px){.lang-doc-complete-wrapper{margin-top:48px}}@media (width>=769px) and (width<=1024px){.lang-doc-complete-wrapper{margin-top:48px}}@media (width>=1025px) and (width<=1280px){.lang-doc-complete-wrapper{margin-top:64px}.lang-doc-complete-btn{padding:14px 28px;font-size:16px}.lang-doc-complete-icon{width:20px;height:20px}}@media (width>=1281px) and (width<=1440px){.lang-doc-complete-wrapper{margin-top:64px}.lang-doc-complete-btn{padding:14px 28px;font-size:16px}.lang-doc-complete-icon{width:20px;height:20px}}@media (width>=1441px) and (width<=1920px){.lang-doc-complete-wrapper{margin-top:72px}.lang-doc-complete-btn{padding:16px 32px;font-size:17px}.lang-doc-complete-icon{width:22px;height:22px}}@media (width>=1921px){.lang-doc-complete-wrapper{margin-top:80px}.lang-doc-complete-btn{padding:18px 36px;font-size:18px}.lang-doc-complete-icon{width:24px;height:24px}}.search-results-container{max-width:800px;margin:0 auto;padding:32px 24px}.search-results-title{margin-bottom:24px;font-size:24px;font-weight:800;transition:font-size .3s}.search-results-query-highlight{color:var(--primary-color)}.search-results-group{margin-bottom:32px}.search-results-group-title{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:700;transition:font-size .3s;display:flex}.search-results-group-icon{width:20px;height:20px;transition:width .3s,height .3s}.search-results-list{flex-direction:column;gap:12px;display:flex}.search-results-item{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:8px;align-items:flex-start;gap:16px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.search-results-item:hover{border-color:var(--hover-border)!important;background-color:var(--bg-secondary)!important}.search-results-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:width .3s,height .3s;display:flex}.search-results-item-book-icon{width:16px;height:16px;transition:width .3s,height .3s}.search-results-item-title{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600;transition:font-size .3s}.search-results-item-section{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px;transition:font-size .3s}@media (width<=360px){.search-results-title{font-size:20px}.search-results-group-title{font-size:16px}.search-results-group-icon{width:16px;height:16px}.search-results-item{gap:12px;padding:12px}.search-results-item-icon{width:28px;height:28px}.search-results-item-book-icon{width:14px;height:14px}.search-results-item-title{font-size:14px}.search-results-item-section{font-size:11px}}@media (width>=361px) and (width<=480px){.search-results-title{font-size:20px}.search-results-group-title{font-size:16px}.search-results-group-icon{width:18px;height:18px}.search-results-item{gap:14px;padding:14px}.search-results-item-icon{width:30px;height:30px}.search-results-item-book-icon{width:14px;height:14px}.search-results-item-title{font-size:14px}.search-results-item-section{font-size:11px}}@media (width>=1025px) and (width<=1280px){.search-results-title{font-size:28px}.search-results-group-title{font-size:20px}.search-results-group-icon{width:22px;height:22px}.search-results-item{gap:18px;padding:18px}.search-results-item-icon{width:36px;height:36px}.search-results-item-book-icon{width:18px;height:18px}.search-results-item-title{font-size:18px}.search-results-item-section{font-size:13px}}@media (width>=1281px) and (width<=1440px){.search-results-title{font-size:28px}.search-results-group-title{font-size:20px}.search-results-group-icon{width:22px;height:22px}.search-results-item{gap:18px;padding:18px}.search-results-item-icon{width:36px;height:36px}.search-results-item-book-icon{width:18px;height:18px}.search-results-item-title{font-size:18px}.search-results-item-section{font-size:13px}}@media (width>=1441px) and (width<=1920px){.search-results-title{font-size:32px}.search-results-group-title{font-size:22px}.search-results-group-icon{width:24px;height:24px}.search-results-item{gap:20px;padding:20px}.search-results-item-icon{width:40px;height:40px}.search-results-item-book-icon{width:20px;height:20px}.search-results-item-title{font-size:20px}.search-results-item-section{font-size:14px}}@media (width>=1921px){.search-results-title{margin-bottom:32px;font-size:36px}.search-results-group-title{margin-bottom:24px;font-size:24px}.search-results-group-icon{width:28px;height:28px}.search-results-item{gap:24px;padding:24px}.search-results-item-icon{border-radius:12px;width:48px;height:48px}.search-results-item-book-icon{width:24px;height:24px}.search-results-item-title{margin-bottom:8px;font-size:22px}.search-results-item-section{font-size:15px}}.docs-landing-wrapper{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.docs-landing-banner{text-align:center;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:6rem 2rem;position:relative;overflow:hidden}.docs-glow-effect{filter:blur(100px);opacity:.15;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.docs-glow-effect.left{background:var(--accent-primary);top:-150px;left:-150px}.docs-glow-effect.right{background:#3b82f6;bottom:-150px;right:-150px}.docs-banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.docs-banner-title{font-size:3.5rem;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;line-height:1.2}.docs-banner-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1.25rem}.docs-search-container{max-width:600px;margin:0 auto}.docs-search-mock-input{color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.2rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.docs-search-mock-input:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.docs-search-mock-input span{text-align:left;flex:1;font-size:1.05rem}.search-shortcut{gap:.25rem;display:flex}.search-shortcut kbd{color:var(--text-muted);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.8rem}.docs-landing-content{max-width:1200px;margin:0 auto;padding:3rem 1rem}.docs-section-header{text-align:center;margin-bottom:3rem}.docs-section-header h2{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.docs-section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.docs-language-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:5rem;display:grid}.docs-lang-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;padding:2.5rem;text-decoration:none;transition:all .3s;display:flex}.docs-lang-card:hover{background:#ffffff0a;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 10px 30px #0003}.docs-lang-icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.docs-lang-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.docs-lang-card p{color:var(--text-secondary);flex:1;margin-bottom:2rem;line-height:1.6}.docs-lang-action{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;transition:gap .2s;display:flex}.docs-lang-card:hover .docs-lang-action{gap:.75rem}.docs-getting-started{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0d;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4rem;display:grid}.gs-content h2{margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.gs-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.code-snippet-mock{background:#1e1e1e;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.mock-header{background:#2d2d2d;border-bottom:1px solid #ffffff0d;gap:.5rem;padding:.75rem 1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-snippet-mock pre{color:#d4d4d4;margin:0;padding:2rem;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.5;overflow-x:auto}.token.keyword{color:#569cd6}.token.function{color:#dcdcaa}.token.string{color:#ce9178}.token.print{color:#4ec9b0}@media (width<=900px){.docs-getting-started{grid-template-columns:1fr;gap:3rem;padding:3rem 2rem}}@media (width<=768px){.docs-banner-title{font-size:2.5rem}.docs-section-header h2{font-size:2rem}.hidden-mobile{display:none}}:root{--bg-primary:#0b0f19;--bg-secondary:#131a2b;--bg-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--card-bg:#131a2b;--sidebar-bg:#0b0f19f2;--header-bg:#0b0f19cc;--input-bg:#ffffff0d;--hover-bg:#ffffff0d;--badge-bg:#3b82f61a;--overlay-bg:#000000b3;--gradient-start:#0f141e00;--gradient-end:#0b0f19;--roadmap-node-bg:#0009;--review-card-bg:#131a2b;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--border-color:#ffffff14;--glass-bg:#131a2bb3;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-weight:700;line-height:1.2}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover)}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:1rem}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.min-h-screen{min-height:100vh}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-grow{flex-grow:1}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f63b}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:.625rem 1rem}.form-input.has-icon{padding-left:2.5rem}.form-input:focus{border-color:var(--accent-primary);outline:none}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-danger{color:var(--danger);background-color:#ef44441a;border:1px solid #ef444433}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-warning{color:var(--warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.badge-success{color:var(--success);background-color:#10b9811a;border:1px solid #10b98133}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.animate-spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}