body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;width:100%;max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}.app-container{min-height:100vh;display:flex;width:100%;max-width:100%;flex-direction:column;overflow-x:hidden;background-color:var(--background-color, #f9f9f9);color:var(--text-color, #333)}header{background-color:#007bff;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:24px}header button{background-color:#fff;color:#007bff;border:1px solid #007bff;padding:5px 10px;border-radius:5px;cursor:pointer}header button:hover{background-color:#007bff;color:#fff}nav ul{list-style:none;display:flex;gap:15px;padding:10px 20px;margin:0;background-color:#f1f1f1}nav ul li a{text-decoration:none;color:#007bff;padding:5px 10px;border-radius:3px}nav ul li a:hover{background-color:#007bff;color:#fff}.active-link{font-weight:700;color:#0056b3;border-bottom:2px solid #0056b3}main{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center}.courses-container,.blockly-container{max-width:900px;width:100%;margin:20px auto;padding:20px;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a}.courses-container h2,.blockly-container h2{margin-top:0;font-size:1.5rem;color:#333}.course-card{display:flex;flex-direction:column;align-items:center;padding:15px;margin-bottom:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;text-align:center}.course-card img{max-width:100%;border-radius:5px}.course-card h3{margin:10px 0;font-size:1.25rem;color:#333}.course-card button{margin-top:10px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.course-card button:hover{background-color:#0056b3}.light-mode{background-color:#fff;color:#000}.dark-mode{background-color:#000;color:#fff}button:focus,button:focus-visible,.MuiButtonBase-root:focus,.MuiButtonBase-root:focus-visible,.MuiIconButton-root:focus,.MuiIconButton-root:focus-visible{outline:none!important;box-shadow:none!important}.legal-content h1{font-size:2rem;margin:1.2rem 0 .8rem;font-weight:700}.legal-content h2{font-size:1.6rem;margin:1rem 0 .6rem;font-weight:600}.legal-content h3{font-size:1.3rem;margin:.8rem 0 .5rem;font-weight:600}.legal-content p{line-height:1.8;margin:.6rem 0;font-size:1rem}.legal-content ul,.legal-content ol{margin:.6rem 0 .6rem 1.25rem;padding-left:1.25rem}.legal-content li{margin:.4rem 0}.blog-content{font-family:Arial,sans-serif;font-size:1.05rem;line-height:1.7;color:inherit;padding:0 .5rem}.blog-content h1,.blog-content h2,.blog-content h3{color:inherit;font-weight:700;margin:1.5rem 0 1rem}.blog-content p{margin-bottom:1.2rem}.blog-content ul,.blog-content ol{padding-left:1.5rem;margin-bottom:1.2rem}.blog-content li{margin-bottom:.5rem}.blog-content a{color:#2563eb;text-decoration:underline}.blog-content a:hover{color:#1e40af}.blog-content img{max-width:100%;border-radius:8px;margin:1.5rem 0;display:block}.blog-content blockquote{border-left:4px solid rgba(148,163,184,.55);padding-left:1rem;color:inherit;font-style:italic;margin:1.5rem 0}.blog-content pre{background-color:#94a3b824;padding:1rem;overflow-x:auto;border-radius:6px;font-size:.95rem;margin:1.5rem 0;color:inherit}.block-image-preview{display:block;margin:10px auto;max-width:100%;max-height:400px;border-radius:6px;box-shadow:0 2px 8px #0000001a;object-fit:contain}.thumbnail-preview{max-width:100%;max-height:400px;object-fit:cover;margin:20px auto;display:block;border-radius:10px}.preview-content{background:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 24px #0000000d}.rich-text{font-size:1rem;line-height:1.6;color:#333;margin-top:1rem}.rich-text img{max-width:100%;height:auto;display:block;margin:20px auto;border-radius:6px;box-shadow:0 2px 8px #0000001a}.rich-content{width:100%;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.rich-content>*{max-width:100%}.rich-content img{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:8px}.rich-content iframe,.rich-content video{max-width:100%;width:100%}.rich-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}.rich-content table{display:block;width:100%;max-width:100%;overflow-x:auto}.grecaptcha-badge{left:14px!important;right:auto!important;bottom:14px!important;z-index:9999!important}