:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{border-radius:8px;border:1px solid #d5d8df;padding:.45rem .8rem;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer}.learn-page-shell{min-height:100vh}.learn-page-shell .header-section{border-bottom:1px solid #dfe3eb;background:#fff}.learn-page-shell .header-container{padding:.75rem 1.25rem}.learn-page-shell .logo-container{display:flex;align-items:center;padding-bottom:8px}.learn-page-shell .logo-image{width:328px;height:auto;display:block;position:relative;left:-20px;top:-12px}.learn-page-shell .logo{display:inline-block}.learn-page-shell .website-tagline{margin:0;font-size:1.25rem;position:relative;left:-244px;top:48px}.learn-page-shell .header-menu-wrap{border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.learn-page-shell .main-ul,.learn-page-shell .dropdown-list,.learn-page-shell .mobile-navigation-menu ul{list-style:none;padding:0;margin:0}.learn-page-shell .main-ul{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem 1.25rem}.learn-page-shell .main-li{position:relative}.learn-page-shell .main-nav-link{display:inline-block;padding:.35rem .65rem;color:#101b2f;text-decoration:none;border-radius:6px}.learn-page-shell .main-nav-link.active,.learn-page-shell .main-nav-link:hover{background:#edf3ff;color:#1d4fb8}.learn-page-shell .dropdown-container{position:absolute;left:0;top:calc(100% + 4px);min-width:240px;background:#fff;border:1px solid #d5d8df;border-radius:8px;padding:.3rem;display:none;z-index:40}.learn-page-shell .main-li:hover>.dropdown-container{display:block}.learn-page-shell .dropdown-list a{display:block;padding:.35rem .5rem;color:#1d2638;text-decoration:none;border-radius:6px}.learn-page-shell .dropdown-list a:hover{background:#f4f7fb}.learn-page-shell .mobile-navigation-menu{display:none}.learn-page-shell .main-content-column-nested{margin:1rem;width:calc(100% - 2rem)}.layout{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 230px)}.sidebar{border-right:1px solid #d5d8df;padding:1rem;overflow-y:auto}.sidebar h1{font-size:1.2rem;margin:0}.sidebar p{color:#3f485b;font-size:.92rem;margin-bottom:1rem}.module-nav{margin-bottom:.75rem}.module-button,.lesson-button{width:100%;text-align:left;border:1px solid #d5d8df;background:#fff;border-radius:8px;padding:.55rem .7rem;margin-bottom:.4rem}.module-button.active,.lesson-button.active{border-color:#2b59c3;background:#edf3ff}.lesson-nav{padding-left:.35rem}.progress-panel{margin-top:1rem;border-top:1px solid #d5d8df;padding-top:1rem}.progress-panel h2{font-size:1rem;margin:0 0 .5rem}.progress-panel h3{font-size:.95rem;margin:.75rem 0 .4rem}.progress-list,.attempt-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.progress-list li,.attempt-list li{border:1px solid #d5d8df;border-radius:8px;padding:.45rem .55rem;display:grid;gap:.2rem}.progress-list li span,.attempt-list li span{font-size:.82rem;color:#4f596d}.content{padding:1.2rem;overflow:visible}.content-header h2{margin-top:0;margin-bottom:.25rem}.content-header p{color:#4f596d;margin-bottom:1rem}.lesson-content,.quiz-panel{background:#fff;border:1px solid #d5d8df;border-radius:12px;padding:1rem;margin-bottom:1rem}.lesson-content{overflow:visible}.lesson-content pre,.quiz-panel pre{background:#f2f5fb;padding:.75rem;border-radius:8px;overflow-x:auto}.lesson-content table{border-collapse:collapse}.lesson-content th,.lesson-content td{border:1px solid #d5d8df;padding:.4rem .6rem}.helper-text{margin-top:0;color:#4f596d}.question-block{border-top:1px solid #e4e7ef;padding-top:.9rem;margin-top:.9rem}.question-meta{font-size:.82rem;color:#4f596d;margin:0 0 .3rem}.options-grid{display:grid;gap:.45rem}.option-row{display:flex;align-items:center;gap:.5rem;border:1px solid #d5d8df;border-radius:8px;padding:.45rem .55rem}.option-row.correct{border-color:#197a2f;background:#effaf2}.option-row.wrong{border-color:#b12a2a;background:#fff1f1}.feedback{font-size:.88rem;margin:.4rem 0 0}.feedback.ok{color:#156b2a}.feedback.bad{color:#a12222}.quiz-actions,.lesson-actions{display:flex;align-items:center;gap:.6rem;margin-top:.8rem}.score{margin:0;font-weight:600}button.primary{background:#2b59c3;color:#fff;border-color:#2b59c3}button.secondary{background:#fff;color:#1d2638}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:960px){.learn-page-shell .desktop-navigation-menu{display:none}.learn-page-shell .mobile-navigation-menu{display:block;padding:.65rem 1.25rem}.learn-page-shell .mobile-navigation-menu>ul>li{margin-bottom:.5rem}.learn-page-shell .mobile-navigation-menu ul ul{margin-top:.25rem;padding-left:1rem}.learn-page-shell .mobile-navigation-menu a{color:#1d2638;text-decoration:none}.learn-page-shell .main-content-column-nested{margin:.5rem;width:calc(100% - 1rem)}.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d5d8df}}#footer{clear:both;padding-top:.75rem}#copyright{width:100%;padding:.5rem 1rem;border-top:1px solid #d5d8df;background-color:#fffffff2;color:#4b5568;text-align:center;font-size:.86rem}