:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f18;--bg-tertiary: #161625;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #8b5cf6;--accent-secondary: #ec4899;--accent-tertiary: #3b82f6;--success-primary: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning-primary: #fb923c;--warning-bg: rgba(251, 146, 60, .1);--error-primary: #ef4444;--streak-primary: #fb923c;--streak-bg: rgba(251, 146, 60, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-bg-active: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--sidebar-width: 280px;--sidebar-padding: 2rem;--main-padding: 3rem;--font-family: "Outfit", "Inter", system-ui, sans-serif}html{font-size:16px}@media(max-width:1536px){html{font-size:15.5px}}@media(max-width:1440px){:root{--sidebar-width: 250px;--sidebar-padding: 1.5rem;--main-padding: 2rem}html{font-size:15px}}@media(max-width:1366px){:root{--sidebar-width: 230px;--sidebar-padding: 1.25rem;--main-padding: 1.5rem}html{font-size:14px}h1{font-size:2.5rem!important}}@media(max-width:1200px){:root{--sidebar-width: 220px;--sidebar-padding: 1rem;--main-padding: 1.25rem}html{font-size:13.5px}}@media(max-width:1024px){:root{--sidebar-width: 210px;--sidebar-padding: 1rem;--main-padding: 1.25rem}html{font-size:13px}h1{font-size:2.2rem!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s,color .3s}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-visible{display:flex!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.scroll-custom::-webkit-scrollbar{width:6px;height:6px}.scroll-custom::-webkit-scrollbar-track{background:#0003}.scroll-custom::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.scroll-custom::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem;font-weight:700}h1{font-size:2.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2rem;margin-top:2rem}h3{font-size:1.5rem;margin-top:1.5rem;color:var(--accent-tertiary)}p{margin-bottom:1rem;color:var(--text-secondary)}pre{background:var(--bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--glass-border);margin-bottom:1rem}code{font-family:Fira Code,monospace;color:var(--accent-secondary)}pre code{color:inherit}a{color:var(--accent-tertiary);text-decoration:none;transition:.2s}a:hover{color:var(--accent-secondary)}ul,ol{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}li{margin-bottom:.5rem}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--glass-bg-active) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glow-primary{box-shadow:0 0 20px #8b5cf633}.glow-secondary{box-shadow:0 0 20px #ec489933}.card-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-4px);background:var(--glass-bg-hover);border-color:#ffffff26;box-shadow:var(--shadow-glass)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-glass)}.glass-shadow{box-shadow:0 8px 32px #0000005e}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:transform .2s,opacity .2s}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 10px 20px -10px var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.3}to{transform:scale(1);opacity:.2}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes pulse-soft{0%{transform:scale(1);opacity:.15}50%{transform:scale(1.1);opacity:.25}to{transform:scale(1);opacity:.15}}@keyframes slide-right{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-soft{animation:pulse-soft 3s ease-in-out infinite}.animate-rotate-slow{animation:rotate-slow 10s linear infinite}.layout-container{display:flex;min-height:100vh}.main-content{flex:1;padding:var(--main-padding);overflow-y:auto}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media(max-width:768px){:root{--main-padding: 1rem}html{font-size:16px}.layout-container{flex-direction:column}.glass-panel[style*="width: 300px"]{width:100%!important;margin:0!important;height:300px!important}.glass-panel[style*="width: 40%"]{width:100%!important;margin:0 0 1rem!important}.main-content{padding:var(--main-padding);max-height:none;overflow-y:visible}h1{font-size:2.2rem}}.home-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin-bottom:0}.home-main-section{grid-column:span 8}.home-quick-actions{grid-column:span 4;display:flex;flex-direction:column;gap:1rem}.sidebar-mobile-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#13131fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--glass-border)}.mobile-menu-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.home-grid{display:flex;flex-direction:column}.home-main-section,.home-quick-actions{width:100%;grid-column:auto}.home-quick-actions{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.home-quick-actions>div{min-width:200px}}@media(max-width:768px){.layout-container{flex-direction:column}.sidebar-container{position:fixed!important;top:0;left:0;height:100vh!important;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);margin:0!important;border-radius:0!important;width:280px!important;background:#0a0a0f!important}.sidebar-container.open{transform:translate(0)}.sidebar-mobile-overlay.open{display:block}.mobile-header{display:flex}.home-quick-actions{flex-direction:column;overflow-x:visible}.home-quick-actions>div{min-width:auto}h1{font-size:2.5rem!important}.main-content{padding:1.5rem 1rem!important}}.learn-container{display:flex;height:calc(100vh - 2rem);margin:1rem;gap:1.5rem;overflow:hidden}.curriculum-sidebar{width:300px;margin:0;display:flex;flex-direction:column;border-radius:12px;height:100%;max-height:100%;overflow:hidden}.learn-content{flex:1;display:flex;flex-direction:column;margin:0;overflow:hidden;height:100%}@media(max-width:768px){.learn-container{flex-direction:column;height:auto;overflow-y:auto}.curriculum-sidebar{width:calc(100% - 2rem)!important;margin:1rem;height:auto;max-height:250px}.learn-content{margin:0 1rem 1rem;height:auto;overflow:visible}.learn-content .glass-panel{height:auto!important;overflow:visible!important}.markdown-content{padding:clamp(1rem,3vw,1.5rem)!important}}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,4vw,2.5rem)}.code-container{display:flex;height:100vh;overflow:hidden}.code-instructions{width:clamp(350px,35vw,500px);margin:1rem;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.code-editor-section{flex:1;display:flex;flex-direction:column;margin:1rem 1rem 1rem 0;gap:1rem}@media(max-width:768px){.code-container{flex-direction:column;height:auto;overflow-y:auto}.code-instructions{width:auto;margin:1rem;height:auto;max-height:300px;flex:none}.code-editor-section{margin:0 1rem 1rem;flex:none;height:600px}}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.profile-card-content{display:flex;gap:2rem;align-items:center}.profile-certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(max-width:768px){.profile-header{flex-direction:column;align-items:flex-start}.profile-card-content{flex-direction:column;text-align:center;gap:.5rem!important}.profile-card-content>div{margin:0!important}}body.exam-immersive-active .sidebar-container,body.exam-immersive-active .chatbot-container,body.exam-immersive-active .mobile-header,body.exam-immersive-active .sidebar-mobile-overlay{display:none!important}.exam-grid{display:grid;grid-template-columns:1fr clamp(240px,20vw,300px);gap:clamp(1rem,3vw,2rem);max-width:100%;padding:0 1rem;margin:0 auto;height:100%}.certificate-scroll-container{width:100%;overflow-x:auto;display:flex;justify-content:center;justify-content:flex-start}@media(min-width:1050px){.certificate-scroll-container{justify-content:center}}@media(max-width:1024px){.exam-grid{display:flex;flex-direction:column;height:auto}}.exam-container{padding:var(--main-padding);height:calc(100vh - 4rem);min-height:500px;width:100%;box-sizing:border-box;display:flex;flex-direction:column}@media(max-width:1024px){.exam-container{height:100vh;padding:1rem}}.certificate-responsive-wrapper{width:1000px;height:700px;transform-origin:top left}@media(max-width:1100px){.certificate-scroll-container{justify-content:center;width:100%;overflow:hidden;height:auto}}@media(max-width:768px){.sidebar-container h1,.sidebar-internal-header,.sidebar-close-btn{display:none!important}.recommended-heading{font-size:1.3rem!important}.mobile-hide-item{display:none!important}}@media(max-width:1100px){.certificate-scroll-container{display:flex;justify-content:center;overflow:hidden;width:100%}.certificate-preview{transform-origin:top center;transform:scale(.9)}}@media(max-width:768px){.certificate-scroll-container{height:380px;align-items:flex-start}.certificate-preview{transform:scale(.45);margin-bottom:-350px!important}}@media(max-width:480px){.certificate-scroll-container{height:280px}.certificate-preview{transform:scale(.34);margin-bottom:-450px!important}}