*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#f5f5f5;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.sidebar{color:#fff;background-color:#3506918e;background-color:lab(18.54% 45.43 -65.49/.555);overflow:hidden auto}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1rem}.navbar-toggler{color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;border-radius:4px;width:100%;padding:.5rem;font-size:1.2rem;transition:background-color .2s}.navbar-toggler:hover{background-color:#fff3}.navbar-toggler-icon{display:inline-block}.nav-menu{padding:.5rem 0}.nav{margin:0;padding:0;list-style:none}.nav-item{padding:.25rem 0;font-size:.9rem}.nav-item:first-of-type{padding-top:.5rem}.nav-item:last-of-type{padding-bottom:.5rem}.nav-link{color:#d7d7d7;box-sizing:border-box;cursor:pointer;border-radius:4px;align-items:center;width:100%;height:3rem;padding:0 1rem;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background-color:#ffffff1a}.nav-link.active{color:#fff;background-color:#ffffff40}.nav-icon{text-align:center;width:2rem;margin-right:.75rem;font-size:1.2rem;display:inline-block}.nav-text{white-space:nowrap;flex:1}@media (min-width:641px){.navbar-toggler,.nav-menu,.sidebar.collapsed .nav-menu{display:block}}@media (max-width:640.98px){.sidebar-header{padding:.75rem}.navbar-toggler{display:block}}.top-row{z-index:100;background-color:#0f2c88;border-bottom:1px solid #d6d5d5;align-items:center;height:3.5rem;padding:0 1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.top-row-title{align-items:center;width:100%;display:flex}.mobile-menu-toggle{cursor:pointer;color:#fff;background:0 0;border:none;margin-right:1rem;padding:.5rem;font-size:1.5rem;display:none}.top-row-title h1{color:#fff;margin:0;font-size:1.5rem;font-weight:500}@media (max-width:640.98px){.mobile-menu-toggle{display:block}.top-row-title h1{font-size:1.2rem}}.training-content{max-width:1200px;margin:0 auto}.intro-section{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:3rem;padding:2rem}.intro-section h2{margin-top:0;margin-bottom:1rem;font-size:2.5rem}.intro-section p{margin:0;font-size:1.1rem;line-height:1.8}.features-section{margin-bottom:3rem}.features-section h3{color:#333;border-bottom:3px solid #667eea;margin-bottom:2rem;padding-bottom:.5rem;font-size:2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.feature-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.feature-card h4{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:#666;margin:0;line-height:1.6}.modules-section{margin-bottom:3rem}.modules-section h3{color:#333;border-bottom:3px solid #667eea;margin-bottom:2rem;padding-bottom:.5rem;font-size:2rem}.modules-list{flex-direction:column;gap:1.5rem;display:flex}.module-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.module-item h4{color:#667eea;margin-top:0;margin-bottom:1rem;font-size:1.4rem}.module-item ul{color:#666;margin:0;padding-left:1.5rem}.module-item li{margin-bottom:.5rem;line-height:1.6}.resources-section{margin-bottom:2rem}.resources-section h3{color:#333;border-bottom:3px solid #667eea;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:2rem}.resources-list{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;list-style:none;box-shadow:0 2px 8px #0000001a}.resources-list li{color:#666;border-bottom:1px solid #f0f0f0;padding:.75rem 0;font-size:1.1rem}.resources-list li:last-child{border-bottom:none}@media (max-width:768px){.intro-section{padding:1.5rem}.intro-section h2{font-size:2rem}.features-grid{grid-template-columns:1fr}.features-section h3,.modules-section h3,.resources-section h3{font-size:1.5rem}}.programowanie{flex-direction:column;gap:12px;display:flex}.prog-header{align-items:center;gap:12px;display:flex}.nav-btn{padding:6px 10px}.prog-title{flex:1}.page-indicator{color:#666;font-size:12px}.prog-controls{align-items:center;gap:8px;display:flex}.prog-body{border-top:1px solid #eee;padding-top:12px}.topic-view{min-height:200px}.programowanie-module-select{padding:12px}.module-select-row{display:block}.module-tiles-vertical{flex-direction:column;gap:12px;width:100%;display:flex}.module-tile{cursor:pointer;background:#fafafa;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.module-tile .tile-text{flex:1}.module-tile h3{margin:0 0 8px}.tile-image img{object-fit:contain;border:1px solid #eee;border-radius:6px;width:200px;max-width:40vw;height:auto}.back-btn{margin-right:8px}.module-tile .tile-text p{white-space:pre-line;margin:0}.page-editor{align-items:flex-start;gap:20px;display:flex}.editor-controls{flex:1}.preview{border-left:1px solid #ddd;flex:1;padding-left:20px}textarea{width:100%;padding:8px}.images img{max-width:100%;margin-top:8px}.label{margin:8px 0;font-weight:600;display:block}.page{flex-direction:column;min-height:100vh;display:flex;position:relative}.main{flex-direction:column;flex:1;min-height:100vh;display:flex}.sidebar{background-image:linear-gradient(#052767 0%,#3a0647 70%);transition:width .3s}.content{flex:1;padding:2rem;overflow-y:auto}.sidebar-overlay{z-index:999;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}@media (max-width:640.98px){.page{flex-direction:column}.sidebar-overlay{display:block}.sidebar{z-index:1000;width:250px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.collapsed{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.main{width:100%}.content{padding:1rem}}@media (min-width:641px){.page{flex-direction:row}.sidebar{flex-shrink:0;width:250px;height:100vh;position:sticky;top:0}.sidebar.collapsed{width:60px}.sidebar.collapsed .nav-text{display:none}.sidebar .nav-icon{justify-content:center;width:2rem;margin-right:.75rem;display:inline-flex}.content{padding-left:2rem;padding-right:1.5rem}}#root{width:100%;min-height:100vh}