body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Calibri,fantasy}header{background:#e6e9ea;color:#161e25;padding:0 2em}header .container{align-items:center;display:flex;justify-content:space-between;padding:1em 0}header .logo img{height:auto;margin-right:1em;width:100px}header nav{align-items:center;display:flex;flex-grow:1;justify-content:flex-end}header nav ul{display:flex;gap:2em;list-style:none;margin:0;padding:0;transition:all .3s ease}header nav ul.open{display:block}header nav ul li a{color:#161e25;text-decoration:none}.menu-icon{cursor:pointer;display:none;font-size:1.5em;padding-left:10px}.hero{align-items:center;background-image:url(/static/media/banner.d144288603acca184eb2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3em 1em;text-align:center}.hero h2{color:#fff;font-family:Cambria,fantasy;margin:.5em 0}.hero p{color:#fff;font-size:1.2em;max-width:600px}.features{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2em 1em}.feature-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1em;text-align:center}.feature-card h3{color:#000;margin:.5em 0}.courses{padding:2em}.technology-page{margin:2em;text-align:center}.technology-page h1{color:#04c;font-size:2.5em}.technology-page p{color:#555;font-size:1.2em;line-height:1.5}.navbar{align-items:center;background-color:#333;box-shadow:0 4px 6px #fff;display:flex;justify-content:center;padding:1em}.navbar-list{display:flex;gap:1em;list-style:none;margin:0;padding:0}.navbar-item{position:relative}.dropdown-container{display:flex;flex-direction:column;gap:1em;padding:1em}.dropdown{display:inline-block;position:relative}.dropdown-toggle{background-color:initial;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:.5em 1em;transition:background-color .3s}.dropdown-toggle:hover{background-color:#fff;color:#161e25}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:0;min-width:150px;padding:.5em 0;position:absolute;top:100%;z-index:10}.dropdown-item{cursor:pointer;padding:.5em 1em;transition:background-color .3s}.dropdown-item:hover{background-color:#f4f4f4}.selected-technology{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:1em auto;max-width:600px;padding:1em;text-align:center}.selected-technology h3{color:#333;margin-bottom:.5em}.selected-technology p{color:#555;font-size:1.2em}.course-image-container{margin-top:20px;text-align:center}.academy-image{border-radius:10px;box-shadow:0 4px 10px #0000001a;height:auto;max-width:100%}@media (max-width:768px){.categories-nav ul{flex-wrap:wrap;gap:.5em}}footer{background:#333;color:#fff;padding:1em 0;text-align:center}footer ul{display:flex;gap:1em;justify-content:center;list-style:none;margin:1em 0 0;padding:0}footer ul li a{color:#fff;text-decoration:none}footer ul li a:hover{text-decoration:underline}@media (max-width:1024px){header .container{align-items:flex-start;flex-direction:column;text-align:center}header nav ul{display:none;flex-direction:column;gap:1em}.menu-icon,header nav ul.open{display:block}.menu-icon{margin-left:auto}.hero h2{font-size:1.8em}.hero p{font-size:1em}.features{grid-template-columns:1fr}footer ul{flex-direction:column;gap:.5em}}@media (min-width:1025px){.hero h2{font-size:2.5em}.hero p{font-size:1.3em}.features{grid-template-columns:repeat(3,1fr)}.feature-card{padding:2em}footer ul{gap:2em}}.css-page,.html-page,.nodejs-page,.react-page{background-color:#f9f9f9;display:flex;font-family:Arial,sans-serif;height:100vh}.sidebar{background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:0 0 10px #0000001a;overflow-y:auto;padding:20px;width:300px}.nav-group{margin-bottom:25px}.nav-group-title{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.nav-items{list-style:none;margin:0;padding:0}.nav-item{border-radius:4px;color:#555;cursor:pointer;font-size:16px;margin-bottom:5px;padding:10px 15px;transition:all .3s ease}.nav-item:hover{background-color:#007bff;color:#fff}.nav-item.active{background-color:#0056b3;color:#fff;font-weight:600}.content{flex:1 1;overflow-y:auto;padding:40px}.content h1{color:#333;font-size:28px;margin-bottom:20px}.content-details{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#555;font-size:16px;line-height:1.6;padding:20px}.what-is-react{font-family:Arial,sans-serif;line-height:1.6}.what-is-react h2{color:#333;margin-bottom:20px}.what-is-react pre{background-color:#f4f4f4;border-left:3px solid #007acc;overflow-x:auto;padding:10px}.quiz-section{margin-top:20px}.quiz-section input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:8px}.quiz-section button{background-color:#007acc;padding:8px 16px}.quiz-section button:hover{background-color:#005f99}.quiz-feedback{font-weight:700}.key-features{color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.key-features h2{color:#007acc;margin-bottom:20px}.key-features pre{background:#f9f9f9;border-left:4px solid #007acc;overflow-x:auto;padding:10px}.key-features ol,.key-features ul{margin-left:20px}.key-features a{color:#007acc;text-decoration:none}.key-features a:hover{text-decoration:underline}.components{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif;line-height:1.6;margin:20px;padding:20px}.components h2{color:#333;font-size:2rem;margin-bottom:1rem}.components h3{color:#444;font-size:1.5rem;margin-bottom:1rem;margin-top:1.5rem}.components h4{color:#555;font-size:1.25rem;margin-bottom:.75rem;margin-top:1rem}.components p{color:#555;margin-bottom:1rem}.components ol,.components ul{color:#555;margin-bottom:1rem;margin-left:20px}.components code{background-color:#eee;border-radius:4px;color:#d63384;padding:2px 4px}.components code,.components pre{font-family:Courier New,Courier,monospace}.components pre{background-color:#f4f4f4;border-left:3px solid #007bff;color:#333;margin-bottom:1rem;overflow-x:auto;padding:10px}.components a{color:#007bff;text-decoration:none}.components a:hover{text-decoration:underline}.components ul li{margin-bottom:.5rem}.jsx{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif;line-height:1.6;margin:20px;padding:20px}.jsx h2{color:#333;font-size:2rem}.jsx h2,.jsx h3{margin-bottom:1rem}.jsx h3{color:#444;font-size:1.5rem;margin-top:1.5rem}.jsx p,.jsx ul{color:#555;margin-bottom:1rem}.jsx ul{margin-left:20px}.jsx ul li{margin-bottom:.5rem}.jsx ol{color:#555;margin-bottom:1rem;margin-left:20px}.jsx ol li{margin-bottom:.5rem}.jsx code{background-color:#eee;border-radius:4px;color:#d63384;padding:2px 4px}.jsx code,.jsx pre{font-family:Courier New,Courier,monospace}.jsx pre{background-color:#f4f4f4;border-left:3px solid #007bff;color:#333;margin-bottom:1rem;overflow-x:auto;padding:10px}.jsx a{color:#007bff;text-decoration:none}.jsx a:hover{text-decoration:underline}.state-and-props{font-family:Arial,sans-serif;margin:20px}h2{margin-bottom:10px}h3{color:#555;margin-bottom:5px}ul{margin-bottom:10px}pre{background-color:#f2f2f2}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}.hooks-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;margin:20px;padding:20px}.hooks-title{color:#333;font-size:24px;margin-bottom:10px}.hooks-description{color:#555;font-size:16px;line-height:1.5}.hooks-subtitle{color:#444;font-size:18px;margin-bottom:10px;margin-top:20px}.hooks-list{color:#333;list-style-type:disc;margin-left:20px}.hooks-list li{margin-bottom:8px}.hooks-note{color:#666;font-size:14px;margin-top:15px}.example-title{color:#2c3e50;font-size:20px;margin-top:25px}.example-description{color:#34495e;font-size:16px;margin:10px 0}.example-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.example-button:hover{background-color:#2980b9}.quiz-title{color:#8e44ad;font-size:20px;margin-top:25px}.quiz-question{color:#9b59b6;font-size:16px;margin-bottom:10px}.quiz-input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-right:10px;padding:8px;width:300px}.quiz-button{background-color:#e67e22;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px}.quiz-button:hover{background-color:#d35400}.quiz-feedback{color:#27ae60;font-size:16px;margin-top:10px}.references-title{color:#16a085;font-size:20px;margin-top:25px}.references-list{list-style-type:none;margin-top:10px;padding:0}.references-list li{margin-bottom:8px}.references-list a{color:#2980b9;text-decoration:none}.references-list a:hover{text-decoration:underline}.context-container{border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;margin:20px;padding:20px;transition:background-color .3s,color .3s}.context-container.light{background-color:#fff;color:#333}.context-container.dark{background-color:#2c3e50;color:#ecf0f1}.context-title{color:inherit;font-size:24px;margin-bottom:10px}.context-description{color:inherit;font-size:16px;line-height:1.5}.context-subtitle{color:inherit;font-size:18px;margin-bottom:10px;margin-top:20px}.context-steps{color:inherit;margin-left:20px}.context-steps li{margin-bottom:8px}.theme-display{border:1px solid #ccc;border-radius:4px;margin-top:20px;padding:10px;text-align:center}.theme-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:8px 12px;transition:background-color .3s}.theme-button:hover{background-color:#2980b9}.context-references{color:inherit;font-size:20px;margin-top:25px}.context-links{color:inherit;list-style-type:none;margin-top:10px;padding:0}.context-links li{margin-bottom:8px}.context-links a{color:#3498db;text-decoration:none}.context-links a:hover{text-decoration:underline}.performance-optimization{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px;padding:20px}.performance-optimization h2{color:#0056b3;font-size:1.8em;margin-bottom:15px}.performance-optimization h3{color:#003d80;font-size:1.5em;margin-top:20px}.performance-optimization h4{color:#002f66;font-size:1.2em;margin-top:15px}.performance-optimization p{margin:10px 0}.performance-optimization ul{list-style-type:disc;margin-left:20px}.performance-optimization pre{background-color:#e8f4fc;border-left:3px solid #0056b3;border-radius:5px;font-family:Courier New,Courier,monospace;margin:15px 0;overflow-x:auto;padding:10px}.performance-optimization .comparison-table{border-collapse:collapse;margin:15px 0;width:100%}.performance-optimization .comparison-table td,.performance-optimization .comparison-table th{border:1px solid #ddd;padding:8px;text-align:left}.performance-optimization .comparison-table th{background-color:#0056b3;color:#fff}.performance-optimization ol{margin:10px 0 10px 20px}.performance-optimization li{margin:5px 0}.get-started{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.get-started h2{color:#333;margin-bottom:1rem}.get-started h3{color:#444;font-size:1.5rem;margin-bottom:1rem;margin-top:1.5rem}.get-started p{color:#555;margin-bottom:1rem}.get-started ol,.get-started ul{color:#555;margin-bottom:1rem;margin-left:20px}.get-started code{background-color:#eee;border-radius:4px;padding:2px 4px}.get-started pre{background-color:#f4f4f4;border-left:3px solid #007bff;color:#333;font-family:Courier New,Courier,monospace;margin-bottom:1rem;padding:10px}.get-started a{color:#007bff}.get-started ul li{margin-bottom:.5rem}.hoc{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px;padding:20px}.hoc h2{color:#0056b3;font-size:1.8em;margin-bottom:15px}.hoc h3{color:#003d80;font-size:1.5em;margin-top:20px}.hoc h4{color:#002f66;font-size:1.2em;margin-top:15px}.hoc p{margin:10px 0}.hoc ul{list-style-type:disc;margin-left:20px}.hoc pre{background-color:#e8f4fc;border-left:3px solid #0056b3;border-radius:5px;font-family:Courier New,Courier,monospace;margin:15px 0;overflow-x:auto;padding:10px}.hoc a{color:#0056b3;text-decoration:none}.hoc a:hover{text-decoration:underline}.hoc ol{margin:10px 0 10px 20px}.hoc li{margin:5px 0}.error-boundary{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.error-boundary h1{color:#0056b3;font-size:2em;margin-bottom:15px}.error-boundary h2{color:#d9534f;font-size:1.5em;margin-bottom:10px}.error-boundary p{font-size:1em;margin:10px 0}.error-boundary ul{list-style-type:disc;margin-left:20px;margin-top:10px}.error-boundary li{margin-bottom:5px}.error-boundary pre{background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;font-family:Courier New,Courier,monospace;margin:10px 0;overflow-x:auto;padding:10px}.error-boundary a{color:#0056b3;text-decoration:none}.error-boundary a:hover{text-decoration:underline}.memoization{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.memoization h1{color:#0056b3;font-size:2em;margin-bottom:15px}.memoization h2{color:#d9534f;font-size:1.5em;margin-bottom:10px}.memoization p{font-size:1em;margin:10px 0}.memoization ul{list-style-type:disc;margin-left:20px;margin-top:10px}.memoization li{margin-bottom:5px}.memoization pre{background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;font-family:Courier New,Courier,monospace;margin:10px 0;overflow-x:auto;padding:10px}.memoization a{color:#0056b3;text-decoration:none}.memoization a:hover{text-decoration:underline}.redux{background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.redux h1{color:#2c3e50;font-size:2em;margin-bottom:15px}.redux h2{color:#16a085;font-size:1.5em;margin-bottom:10px}.redux p{font-size:1em;margin:10px 0}.redux ul{list-style-type:disc;margin:15px 0;padding-left:20px}.redux li{margin-bottom:8px}.redux pre{background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;font-family:Courier New,Courier,monospace;margin:10px 0;overflow-x:auto;padding:10px}.redux a{color:#3498db;text-decoration:none}.redux a:hover{text-decoration:underline}.web-workers{background-color:#f4f4f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.web-workers h1{color:#2c3e50;font-size:2em;margin-bottom:15px}.web-workers h2{color:#27ae60;font-size:1.5em;margin-bottom:10px}.web-workers p{font-size:1em;margin:10px 0}.web-workers ul{list-style-type:disc;margin:15px 0;padding-left:20px}.web-workers li{margin-bottom:8px}.web-workers pre{background-color:#eef;border:1px solid #ccc;border-radius:5px;font-family:Courier New,Courier,monospace;margin:10px 0;overflow-x:auto;padding:10px}.web-workers input{border:1px solid #ddd;border-radius:3px;margin-right:10px;padding:5px}.web-workers button{background-color:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px 10px}.web-workers button:hover{background-color:#2980b9}.web-workers a{color:#2980b9;text-decoration:none}.web-workers a:hover{text-decoration:underline}.angular-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.angular-container h1{color:#2c3e50;margin-bottom:10px}.angular-container h2{color:#34495e;margin-top:20px}.angular-container p{color:#7f8c8d;margin:10px 0}.angular-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.angular-container pre{background-color:#f4f4f4;border-left:4px solid #3498db;overflow-x:auto;padding:10px}.angular-container a{color:#3498db;text-decoration:none}.angular-container a:hover{text-decoration:underline}.angular-get-started-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.angular-get-started-container h1{color:#2c3e50;margin-bottom:10px}.angular-get-started-container h2{color:#34495e;margin-top:20px}.angular-get-started-container p{color:#7f8c8d;margin:10px 0}.angular-get-started-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.angular-get-started-container pre{background-color:#f4f4f4;border-left:4px solid #3498db;overflow-x:auto;padding:10px}.angular-get-started-container a{color:#3498db;text-decoration:none}.angular-get-started-container a:hover{text-decoration:underline}.project-setup{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.project-setup h1{color:#2c3e50}.project-setup h2{color:#34495e;margin-top:20px}.project-setup h3{color:#16a085;margin-top:15px}.project-setup p{color:#555}.project-setup ul{margin:10px 0;padding-left:20px}.project-setup pre{background:#f4f4f4;border-left:4px solid #16a085;overflow-x:auto;padding:10px}.project-setup a{color:#2980b9;text-decoration:none}.project-setup a:hover{text-decoration:underline}.project-setup li{margin:5px 0}.mvc-architecture{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.mvc-architecture h1{color:#333;font-size:2em}.mvc-architecture h2{color:#555;font-size:1.5em;margin-top:20px}.mvc-architecture p{color:#666;font-size:1em;margin:10px 0}.mvc-architecture ol,.mvc-architecture ul{margin:15px 0;padding-left:20px}.mvc-architecture li{margin:5px 0}.mvc-architecture pre{background-color:#f4f4f4;border-left:4px solid #ccc;font-family:Consolas,Courier New,monospace;font-size:.9em;padding:10px}.mvc-architecture code{background-color:#eef;border-radius:4px;font-family:Consolas,Courier New,monospace;padding:2px 4px}.mvc-architecture .quiz{background:#fafafa;border:1px solid #ddd;border-radius:4px;margin-top:20px;padding:15px}.mvc-architecture .quiz h3{color:#444}.mvc-architecture .references{margin-top:20px}.mvc-architecture .references ul{list-style-type:none;padding:0}.mvc-architecture .references ul li{margin:5px 0}.mvc-architecture .references ul li a{color:#06c;text-decoration:none}.mvc-architecture .references ul li a:hover{text-decoration:underline}.mvc-architecture img{border:1px solid #ddd;border-radius:4px;margin:20px 0;max-width:50%}.data-binding{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:800px;padding:20px}.data-binding h1{color:#007bff;margin-bottom:20px;text-align:center}.data-binding h2{color:#0056b3;margin-bottom:10px;margin-top:20px}.data-binding p{margin-bottom:15px}.data-binding pre{background-color:#e8f4f8;border:1px solid #cce7f0;border-radius:4px;color:#0056b3;font-family:Courier New,Courier,monospace;overflow-x:auto;padding:10px}.data-binding code{color:#0056b3;display:block;white-space:pre-wrap}.data-binding ul{list-style-type:disc;padding-left:40px}.data-binding ul li{margin-bottom:10px}.data-binding .quiz{background-color:#fef6e7;border:1px solid #ffeeba;border-radius:4px;margin-top:20px;padding:15px}.data-binding .quiz ul{list-style-type:decimal;padding-left:40px}.data-binding .references{background-color:#eef9e5;border:1px solid #cdecc1;border-radius:4px;margin-top:20px;padding:15px}.data-binding .references ul{list-style-type:none;padding-left:0}.data-binding .references ul li{margin-bottom:10px}.data-binding .references ul li a{color:#007bff;text-decoration:none}.data-binding .references ul li a:hover{text-decoration:underline}.highlight{background-color:#ff0;font-weight:700}.dynamic-style{font-size:16px;padding:10px}.controllers{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.controllers h1{color:#2c3e50;font-size:2rem}.controllers p{color:#34495e}.controllers ul{list-style-type:disc;padding-left:20px}.controllers ul li{margin-bottom:10px}.controllers pre{background-color:#f4f4f4;border:1px solid #ddd;overflow-x:auto;padding:10px}.controllers code{color:#e74c3c;font-family:Courier New,Courier,monospace}.controllers a{color:#3498db;text-decoration:none}.controllers a:hover{text-decoration:underline}.services-container{color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.services-container h2{color:#2e8b57;margin-top:20px}.services-container p{font-size:1rem;margin:10px 0}.services-container ul{list-style-type:disc;margin:10px 20px}.services-container ul li{margin-bottom:10px}.services-container pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;margin:15px 0;overflow-x:auto;padding:10px}.services-container code{background-color:#f9f2f4;border-radius:4px;color:#c7254e;font-family:Courier New,Courier,monospace;padding:2px 4px}.services-container .quiz{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:20px;padding:15px}.services-container .quiz h3{color:#4caf50;margin-bottom:10px}.services-container .quiz ul{list-style-type:none;padding:0}.services-container .quiz ul li{background-color:#f1f1f1;border-radius:3px;margin:5px 0;padding:5px 10px}.services-container .references{margin-top:20px}.services-container .references ul{list-style-type:none;padding:0}.services-container .references ul li a{color:#2e8b57;text-decoration:none}.services-container .references ul li a:hover{text-decoration:underline}.dependency-injection{background-color:#f9f9f9;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.dependency-injection h2{color:#34495e;font-size:1.5em;margin-top:20px}.dependency-injection h3{color:#7f8c8d;font-size:1.2em;margin-top:15px}.dependency-injection p{margin:10px 0}.dependency-injection ul{list-style-type:disc;margin:10px 0 20px 20px}.dependency-injection li{margin-bottom:5px}.dependency-injection pre{background-color:#ecf0f1;border-radius:5px;font-size:.9em;margin:15px 0;overflow-x:auto;padding:10px}.dependency-injection code{border-radius:1px;font-family:Courier New,Courier,monospace;padding:1px 2px}.dependency-injection a{color:#3498db;text-decoration:none}.dependency-injection a:hover{text-decoration:underline}.routing-concept h1{color:#333;font-size:2em;margin-bottom:10px}.routing-concept h2{color:#555;font-size:1.5em;margin-top:20px}.routing-concept{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-family:Arial,sans-serif;line-height:1.6;margin:20px;padding:20px}.routing-concept h3{color:#666;font-size:1.2em;margin-top:15px}.routing-concept p{color:#333;margin:10px 0}.routing-concept ul{list-style:disc;margin-left:20px}.routing-concept pre{background-color:#272822;border-radius:5px;color:#f8f8f2;overflow-x:auto;padding:10px}.routing-concept code{font-family:Courier New,Courier,monospace;font-size:.95em}.routing-concept a{color:#007acc;text-decoration:none}.routing-concept a:hover{text-decoration:underline}.custom-directives{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-family:Arial,sans-serif;line-height:1.6;margin:20px;padding:20px}.custom-directives h1{color:#333;font-size:24px;margin-bottom:20px}.custom-directives h2{color:#555;font-size:20px;margin-top:20px}.custom-directives p{color:#666;margin:10px 0}.custom-directives ul{color:#444;list-style-type:disc;margin-left:20px}.custom-directives pre{background-color:#f4f4f4;border:1px solid #ccc;border-radius:4px;margin:15px 0;overflow-x:auto;padding:10px}.custom-directives code{color:#d14;font-family:monospace}.custom-directives a{color:#007bff;text-decoration:none}.custom-directives a:hover{text-decoration:underline}[highlight]{border:1px solid #ccc;display:inline-block;padding:10px}.filters-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.filters-container h1{color:#333;font-size:2em;margin-bottom:10px}.filters-container h2{color:#555;font-size:1.5em;margin-bottom:10px;margin-top:20px}.filters-container p{color:#666;margin:10px 0}.filters-container ul{color:#444;list-style:disc;margin-left:20px}.filters-container pre{border-left:4px solid #007bff;border-radius:3px;font-size:.9em;margin-bottom:20px;overflow-x:auto;padding:10px}.filters-container code{border-radius:3px;color:#c7254e;font-family:Courier New,Courier,monospace;font-size:1em;padding:2px 4px}.filters-container a{color:#007bff;text-decoration:none}.filters-container a:hover{text-decoration:underline}.filters-container li{margin:5px 0}.data-binding-optimization{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-family:Arial,sans-serif;padding:20px}.data-binding-optimization h1{color:#333;margin-bottom:20px;text-align:center}.data-binding-optimization h2{color:#555;margin-bottom:10px;margin-top:20px}.data-binding-optimization pre{background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;overflow-x:auto;padding:5px}.data-binding-optimization code{color:#d63384;font-family:Courier New,Courier,monospace}.data-binding-optimization ul{margin:10px 0;padding-left:20px}.data-binding-optimization li{margin-bottom:5px}.quiz{background-color:#e6f7ff;border-left:4px solid #1890ff}.quiz h3{color:#0050b3;margin-top:0}.references{background-color:#fff3cd;border:1px solid #ffeeba;margin-top:30px;padding:10px}.references a{color:#856404;text-decoration:none}.references a:hover{text-decoration:underline}.providers-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}.providers-container h1{color:#333;font-size:2em;margin-bottom:15px}.providers-container h2{color:#555;font-size:1.5em;margin-bottom:10px;margin-top:20px}.providers-container p{color:#666;font-size:1em;line-height:1.6;margin-bottom:15px}.providers-container code{background-color:#eef;border-radius:3px;color:#d63384;font-family:Courier New,Courier,monospace;font-size:.95em;padding:2px 4px}.providers-container pre{background-color:#272822;border-radius:5px;color:#f8f8f2;font-size:.9em;overflow-x:auto;padding:10px}.providers-container ul{list-style-type:disc;margin-bottom:15px;padding-left:20px}.providers-container li{color:#444;margin-bottom:5px}.quiz{background-color:#fff;border:1px solid #ccc;margin-top:20px}.quiz h3{color:#444;font-size:1.2em;margin-bottom:10px}.quiz ul{padding-left:0}.quiz ul li{color:#666;margin-bottom:5px}.references{background-color:#fff;border:1px solid #ccc;border-radius:5px;margin-top:20px;padding:15px}.references h3{color:#444;font-size:1.2em;margin-bottom:10px}.references ul{list-style-type:none;padding-left:0}.references ul li{margin-bottom:5px}.references ul li a{color:#007bff;text-decoration:none}.references ul li a:hover{text-decoration:underline}.module-architecture{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.module-architecture h1{color:#2c3e50;font-size:2.5em;margin-bottom:10px}.module-architecture h2{color:#34495e;font-size:2em;margin-bottom:10px;margin-top:20px}.module-architecture h3{color:#7f8c8d;font-size:1.5em;margin-top:15px}.module-architecture p{color:#555;font-size:1em;margin:10px 0}.module-architecture ul{list-style-type:disc;margin-left:20px}.module-architecture ul li{margin:5px 0}.module-architecture pre{background-color:#f4f4f4;border-left:4px solid #3498db;overflow-x:auto;padding:10px}.module-architecture code{color:#e74c3c;font-family:Courier New,Courier,monospace}.module-architecture .quiz{background-color:#ecf0f1;border-left:4px solid #3498db;margin-top:20px;padding:15px}.module-architecture .quiz ul{list-style-type:decimal}.module-architecture .references{background-color:#ecf0f1;border-left:4px solid #2ecc71;margin-top:20px;padding:15px}.module-architecture .references a{color:#3498db;text-decoration:none}.module-architecture .references a:hover{text-decoration:underline}.advanced-routing{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.advanced-routing h1{color:#2c3e50;font-size:2.5em;margin-bottom:10px}.advanced-routing h2{color:#34495e;font-size:2em;margin-bottom:10px;margin-top:20px}.advanced-routing h3{color:#7f8c8d;font-size:1.5em;margin-top:15px}.advanced-routing p{color:#555;font-size:1em;margin:10px 0}.advanced-routing ul{list-style-type:disc;margin-left:20px}.advanced-routing ul li{margin:5px 0}.advanced-routing pre{background-color:#f4f4f4;border-left:4px solid #3498db;overflow-x:auto;padding:10px}.advanced-routing code{color:#e74c3c;font-family:Courier New,Courier,monospace}.advanced-routing .quiz{background-color:#ecf0f1;border-left:4px solid #3498db;margin-top:20px;padding:15px}.advanced-routing .quiz ul{list-style-type:decimal}.advanced-routing .references{background-color:#ecf0f1;border-left:4px solid #2ecc71;margin-top:20px;padding:15px}.advanced-routing .references a{color:#3498db;text-decoration:none}.advanced-routing .references a:hover{text-decoration:underline}.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .5s ease-out}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.rotate{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animated-box{background-color:#3498db;display:inline-block;height:100px;margin:10px;width:100px}.testing-angular{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.testing-angular h1{border-bottom:2px solid #4caf50;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px}.testing-angular h2{color:#4caf50;font-size:20px;margin-top:20px}.testing-angular p{color:#555;font-size:16px;margin-bottom:15px}.testing-angular ul{list-style-type:disc;margin:10px 0;padding-left:20px}.testing-angular ul li{color:#555;font-size:16px;margin-bottom:10px}.testing-angular pre{background-color:#333;border-radius:5px;color:#fff;margin:15px 0;overflow-x:auto;padding:10px}.testing-angular code{background-color:#eee;border-radius:3px;color:#c7254e;font-family:Courier New,Courier,monospace;font-size:14px;padding:2px 4px}.testing-angular table{border-collapse:collapse;margin:20px 0;width:100%}.testing-angular td,.testing-angular th{border:1px solid #ddd;padding:8px;text-align:left}.testing-angular th{background-color:#4caf50;color:#fff;font-size:16px}.testing-angular td{font-size:14px}.testing-angular a{color:#4caf50;text-decoration:none}.testing-angular a:hover{text-decoration:underline}.testing-angular .quiz-section{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:30px;padding:15px}.testing-angular .quiz-section h3{color:#333;font-size:18px;margin-bottom:10px}.testing-angular .quiz-section ul{list-style-type:none;padding-left:0}.testing-angular .quiz-section li{font-size:16px;margin-bottom:10px}.api-integration{font-family:Arial,sans-serif;line-height:1.6;padding:20px}.api-integration h1{color:#333;font-size:2em;margin-bottom:20px}.api-integration h2{color:#444;font-size:1.5em;margin-bottom:10px;margin-top:20px}.api-integration h3{color:#555;font-size:1.2em;margin-bottom:8px;margin-top:15px}.api-integration p{color:#555;margin-bottom:10px}.api-integration ul{margin-bottom:20px;margin-left:20px}.api-integration ul li{margin-bottom:5px}.api-integration pre{background-color:#f4f4f4;border-left:4px solid #ddd;margin-bottom:20px;overflow-x:auto;padding:10px}.api-integration code{background-color:#f9f2f4;border-radius:4px;color:#c7254e;font-family:Consolas,Courier New,monospace;padding:2px 4px}.api-integration a{color:#007bff;text-decoration:none}.api-integration a:hover{text-decoration:underline}.authentication{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px;padding:20px}.authentication h1{color:#333;font-size:24px;margin-bottom:10px}.authentication h2{color:#555;font-size:20px;margin-bottom:10px}.authentication ul{margin:10px 0;padding-left:20px}.authentication ul li{color:#444;margin-bottom:5px}.authentication input[type=password],.authentication input[type=text]{border:1px solid #ccc;border-radius:4px;display:block;margin-bottom:10px;padding:8px;width:calc(100% - 20px)}.authentication button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.authentication button:hover{background-color:#0056b3}.authentication p{color:#333;margin-top:10px}.nodejs-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.nodejs-container{padding:10px}pre{font-size:12px}}.architecture-container{font-family:Arial,sans-serif;margin:20px;padding:20px}ul{margin:15px 0;padding:0 20px}pre{border-left:4px solid #2980b9}@media (max-width:600px){.architecture-container{padding:10px}pre{font-size:12px}}.getting-started-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.getting-started-container{padding:10px}pre{font-size:12px}}.modules-container{padding:20px}@media (max-width:600px){.modules-container{padding:10px}pre{font-size:12px}}.asynchronous-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.asynchronous-container{padding:10px}pre{font-size:12px}}.http-server-container{font-family:Arial,sans-serif;margin:20px;padding:20px}ol,ul{margin:15px 0;padding:0 20px}pre{background-color:#ecf0f1;border-left:5px solid #2980b9}@media (max-width:600px){.http-server-container{padding:10px}pre{font-size:12px}}.fs-container{font-family:Arial,sans-serif;margin:20px;padding:20px}pre{border-left:5px solid #2c3e50}button{background-color:#2980b9}button:hover{background-color:#1f618d}@media (max-width:600px){.fs-container{padding:10px}pre{font-size:12px}}.streamapi-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.streamapi-container{padding:10px}pre{font-size:12px}}.ecosystem-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.ecosystem-container{padding:10px}pre{font-size:12px}}.cluster-module-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.cluster-module-container{padding:10px}pre{font-size:12px}}.debugging-container{font-family:Arial,sans-serif;margin:20px;padding:20px}pre{border-left:5px solid #007bff}button{background-color:#007bff}button:hover{background-color:#0056b3}.quiz-result{color:#28a745}@media (max-width:600px){.debugging-container{padding:10px}pre{font-size:12px}}pre{border-left:5px solid #28a745}button{background-color:#28a745}button:hover{background-color:#218838}.quiz-result{color:#007bff}ul{list-style:none;padding-left:0}ul li{margin-bottom:10px}.realtime-app-container{font-family:Arial,sans-serif;margin:20px;padding:20px}h1,h2,h3{color:#34495e}pre{background-color:#f0f0f0;border-left:5px solid #3498db}.chat-box{border:1px solid #ddd;border-radius:5px;margin:20px 0;padding:10px}.messages{background:#f9f9f9;border:1px solid #ccc;margin-bottom:10px;max-height:200px;overflow-y:auto;padding:10px}.message{border:1px solid #ddd;border-radius:3px;margin:5px 0;padding:5px 10px}.message-input{display:flex}.message-input input{border:1px solid #ddd;border-radius:3px 0 0 3px;flex:1 1;padding:10px}.message-input button{background-color:#3498db;border:none;border-radius:0 3px 3px 0;color:#fff;cursor:pointer;padding:10px 20px}.message-input button:hover{background-color:#2980b9}@media (max-width:600px){.realtime-app-container{padding:10px}pre{font-size:12px}.message-input button,.message-input input{font-size:14px}}.optimization-container{font-family:Arial,sans-serif;margin:20px}h1,h2,h3{color:#2c3e50}pre{border-left:4px solid #3498db}code{font-family:Courier New,Courier,monospace}form{margin:20px 0}form p{font-weight:700}label{display:block;margin-bottom:10px}button:hover{background-color:#1e8449}.quiz-result{color:#2980b9;margin-top:20px}@media (max-width:600px){.optimization-container{padding:10px}pre{font-size:12px}button{font-size:16px;width:100%}}.privacy-policy{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:800px;padding:20px}.privacy-policy h1{color:#2c3e50;font-size:2.5em;margin-bottom:15px}.privacy-policy h2{color:#27ae60;font-size:1.8em;margin-bottom:10px;margin-top:20px}.privacy-policy p{font-size:1em;margin:10px 0}.privacy-policy ul{list-style-type:disc;margin:15px 0;padding-left:20px}.privacy-policy li{margin-bottom:8px}.privacy-policy a{color:#2980b9;text-decoration:none}.privacy-policy a:hover{text-decoration:underline}.about-us{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:900px;padding:20px}.about-us h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px;text-align:center}.about-us h2{color:#27ae60;font-size:1.8em;margin-bottom:15px;margin-top:20px}.about-us p{font-size:1.1em;margin:10px 0}.about-us ul{list-style-type:disc;margin:15px 0;padding-left:20px}.about-us li{margin-bottom:8px}.about-us a{color:#2980b9;text-decoration:none}.about-us a:hover{text-decoration:underline}.terms-of-service{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:900px;padding:20px}.terms-of-service h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px;text-align:center}.terms-of-service h2{color:#27ae60;font-size:1.8em;margin-bottom:15px;margin-top:20px}.terms-of-service p{font-size:1.1em;margin:10px 0}.terms-of-service ul{list-style-type:disc;margin:15px 0;padding-left:20px}.terms-of-service li{margin-bottom:8px}.terms-of-service a{color:#2980b9;text-decoration:none}.terms-of-service a:hover{text-decoration:underline}.help-center{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#333;font-family:Arial,sans-serif;line-height:1.6;margin:20px auto;max-width:900px;padding:20px}.help-center h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px;text-align:center}.help-center h2{color:#27ae60;font-size:1.8em;margin-bottom:15px;margin-top:20px}.help-center p{font-size:1.1em;margin:10px 0}.help-center ol,.help-center ul{margin:15px 0;padding-left:20px}.help-center li{margin-bottom:8px}.help-center a{color:#2980b9;text-decoration:none}.help-center a:hover{text-decoration:underline}.what-is-html{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.what-is-html h1{color:#2c3e50;font-size:2em;margin-bottom:10px}.what-is-html h2{color:#34495e;font-size:1.5em;margin-bottom:10px;margin-top:20px}.what-is-html ul{list-style-type:disc;margin-bottom:20px;margin-left:20px}.what-is-html li{margin-bottom:10px}.what-is-html pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;overflow-x:auto;padding:15px}.what-is-html a{color:#3498db;text-decoration:none}.what-is-html a:hover{text-decoration:underline}.what-is-html ol{margin-left:20px}.what-is-html ol li{margin-bottom:10px}.getting-started{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.getting-started h1{color:#2c3e50;font-size:2.5em;margin-bottom:15px}.getting-started h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.getting-started ul{list-style-type:disc;margin-bottom:20px;margin-left:20px}.getting-started li{margin-bottom:10px}.getting-started pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.getting-started a{color:#3498db;text-decoration:none}.getting-started a:hover{text-decoration:underline}.getting-started ol{margin-bottom:20px;margin-left:20px}.getting-started ol li{margin-bottom:10px}.elements{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.elements h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.elements ul{list-style-type:disc;margin-bottom:20px;margin-left:20px}.elements li{margin-bottom:10px}.elements pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.elements a{color:#3498db;text-decoration:none}.elements a:hover{text-decoration:underline}.elements ol{margin-bottom:20px;margin-left:20px}.elements ol li{margin-bottom:10px}.semantic-html{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.semantic-html h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.semantic-html ul{list-style-type:disc;margin-bottom:20px;margin-left:20px}.semantic-html li{margin-bottom:10px}.semantic-html pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.semantic-html a{color:#3498db;text-decoration:none}.semantic-html a:hover{text-decoration:underline}.semantic-html ol{margin-bottom:20px;margin-left:20px}.semantic-html ol li{margin-bottom:10px}.media-concepts{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.media-concepts h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.media-concepts h3{color:#7f8c8d;font-size:1.4em;margin-top:15px}.media-concepts ol,.media-concepts ul{margin-bottom:20px;margin-left:20px}.media-concepts li{margin-bottom:10px}.media-concepts pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.media-concepts a{color:#3498db;text-decoration:none}.media-concepts a:hover{text-decoration:underline}.html-forms{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.html-forms h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.html-forms h3{color:#7f8c8d;font-size:1.4em;margin-top:15px}.html-forms ol,.html-forms ul{margin-bottom:20px;margin-left:20px}.html-forms li{margin-bottom:10px}.html-forms pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.html-forms a{color:#3498db;text-decoration:none}.html-forms a:hover{text-decoration:underline}.html-lists{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.html-lists h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.html-lists h3{color:#7f8c8d;font-size:1.4em;margin-top:15px}.html-lists ol,.html-lists ul{margin-bottom:20px;margin-left:20px}.html-lists li{margin-bottom:10px}.html-lists pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.html-lists a{color:#3498db;text-decoration:none}.html-lists a:hover{text-decoration:underline}.html5{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.html5 h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.html5 h3{color:#7f8c8d;font-size:1.4em;margin-top:15px}.html5 ol,.html5 ul{margin-bottom:20px;margin-left:20px}.html5 li{margin-bottom:10px}.html5 pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.html5 a{color:#3498db;text-decoration:none}.html5 a:hover{text-decoration:underline}.responsive-design{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.responsive-design h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.responsive-design h3{color:#7f8c8d;font-size:1.4em;margin-top:15px}.responsive-design ol,.responsive-design ul{margin-bottom:20px;margin-left:20px}.responsive-design li{margin-bottom:10px}.responsive-design pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.responsive-design a{color:#3498db;text-decoration:none}.responsive-design a:hover{text-decoration:underline}.aria-accessibility{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.aria-accessibility h2{color:#34495e;font-size:1.8em;margin-top:20px}.aria-accessibility h3{color:#7f8c8d;font-size:1.4em;margin-bottom:10px;margin-top:15px}.aria-accessibility p{margin-bottom:15px}.aria-accessibility ol,.aria-accessibility ul{margin-bottom:20px;margin-left:20px}.aria-accessibility li{margin-bottom:10px}.aria-accessibility pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.aria-accessibility a{color:#3498db;text-decoration:none}.aria-accessibility a:hover{text-decoration:underline}.seo-best-practices{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.seo-best-practices h2{color:#34495e;font-size:1.8em;margin-top:20px}.seo-best-practices h3{color:#7f8c8d;font-size:1.4em;margin-bottom:10px;margin-top:15px}.seo-best-practices p{margin-bottom:15px}.seo-best-practices ol,.seo-best-practices ul{margin-bottom:20px;margin-left:20px}.seo-best-practices li{margin-bottom:10px}.seo-best-practices pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.seo-best-practices a{color:#3498db;text-decoration:none}.seo-best-practices a:hover{text-decoration:underline}.other-technologies{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.other-technologies h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px}.other-technologies h2{color:#34495e;font-size:1.8em;margin-top:20px}.other-technologies h3{color:#7f8c8d;font-size:1.4em;margin-bottom:10px;margin-top:15px}.other-technologies p{margin-bottom:15px}.other-technologies ol,.other-technologies ul{margin-bottom:20px;margin-left:20px}.other-technologies li{margin-bottom:10px}.other-technologies pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.other-technologies a{color:#3498db;text-decoration:none}.other-technologies a:hover{text-decoration:underline}.what-is-css{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.what-is-css h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px;text-align:center}.what-is-css h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.what-is-css p{margin-bottom:15px}.what-is-css ol,.what-is-css ul{margin-bottom:20px;margin-left:20px}.what-is-css li{margin-bottom:10px}.what-is-css pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.what-is-css a{color:#3498db;text-decoration:none}.what-is-css a:hover{text-decoration:underline}.getting-started-css{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.getting-started-css h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px;text-align:center}.getting-started-css h2{color:#34495e;font-size:1.8em;margin-bottom:10px;margin-top:20px}.getting-started-css h3{color:#2c3e50;font-size:1.5em;margin-bottom:10px;margin-top:15px}.getting-started-css p{margin-bottom:15px}.getting-started-css ol,.getting-started-css ul{margin-bottom:20px;margin-left:20px}.getting-started-css li{margin-bottom:10px}.getting-started-css pre.code-snippet{background-color:#ecf0f1;border-left:5px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.getting-started-css a{color:#3498db;text-decoration:none}.getting-started-css a:hover{text-decoration:underline}.selectors-css{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-family:Arial,sans-serif;line-height:1.6;padding:20px}.selectors-css h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px;text-align:center}.selectors-css h2{color:#34495e;font-size:2em;margin-bottom:15px;margin-top:20px}.selectors-css ol,.selectors-css ul{margin-bottom:20px;margin-left:20px}.selectors-css li{margin-bottom:10px}.selectors-css pre.code-snippet{background-color:#ecf0f1;border-left:4px solid #3498db;border-radius:5px;font-family:Courier New,Courier,monospace;margin-bottom:20px;overflow-x:auto;padding:15px}.selectors-css p{margin-bottom:15px}.selectors-css a{color:#3498db;text-decoration:none}.selectors-css a:hover{text-decoration:underline}body{background-color:#f9f9f9;color:#333;line-height:1.6}.values-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:800px;padding:20px}.values-container h1{font-size:2rem;margin-bottom:1rem}.values-container h2{font-size:1.5rem;margin-bottom:.75rem;margin-top:1.5rem}.values-container ul{list-style-type:disc;padding-left:1.5rem}.values-container ul li{margin-bottom:.5rem}.keyword-example{background-color:#f0f0f0;border:1px dashed #ccc;margin:1rem 0;padding:1rem}.keyword-example .inherit-example{color:inherit;font-size:inherit}.keyword-example .initial-example{font-style:normal}.unit-example{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.unit-example .box{border:1px solid #009688;flex-basis:calc(30% - 1rem);flex-grow:1;flex-shrink:1;padding:1rem;text-align:center}.unit-example .px-box{background-color:#e3f2fd;height:100px;width:100px}.unit-example .em-box{background-color:#c8e6c9;height:5em;width:5em}.unit-example .rem-box{background-color:#ffecb3;height:5rem;width:5rem}.unit-example .vh-box{background-color:#ffccbc;height:10vh}.unit-example .vw-box{background-color:#d1c4e9;width:10vw}.values-container ol{list-style-type:decimal;padding-left:1.5rem}.values-container ol li{margin-bottom:.5rem}.values-container a{color:#007bff;text-decoration:none}.values-container a:hover{text-decoration:underline}.flexbox-container,.specificity-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-family:Arial,sans-serif;margin:20px;padding:20px}h3{color:#003f7f;margin-top:15px}.grid-layout-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-family:Arial,sans-serif;margin:20px;padding:20px}ol{margin-left:20px;margin-top:15px}a{color:#0073e6}.animations-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-family:Arial,sans-serif;margin:20px;padding:20px}h1{color:#0073e6;margin-bottom:20px}h2{color:#005bb5;margin-top:20px}p{margin-bottom:20px}li{margin-bottom:10px}.example-section{background-color:#eef;border-left:4px solid #0073e6;font-family:monospace}pre{word-wrap:break-word;border-radius:4px;white-space:pre-wrap}.animated-box{animation:slideIn 2s ease-in-out;background-color:#0073e6;color:#fff;padding:20px;text-align:center;width:150px}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.transition-button{background-color:#0073e6;border:none;border-radius:4px;color:#fff;padding:10px 20px;transition:background-color .3s ease}.transition-button:hover{background-color:#005bb5}.transforms-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;font-family:Arial,sans-serif;margin:20px;padding:20px}.transforms-container h1{color:#2c3e50;margin-bottom:10px}.transforms-container h2{color:#34495e;margin-top:20px}.transforms-container p{color:#7f8c8d;margin:10px 0}.transforms-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.example-section .transformed-box{background-color:#ff5722;color:#fff;margin:10px 0;padding:20px;text-align:center;transition:transform .5s ease;width:150px}.example-section .transformed-box:hover{transform:rotate(45deg) scale(1.2)}.card{background-color:#ecf0f1;height:300px;margin:20px auto;perspective:1000px;width:200px}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:5px;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background-color:#3498db;color:#fff}.card-back{background-color:#2ecc71;color:#fff;transform:rotateY(180deg)}.variables-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.variables-container h1{color:#2c3e50;margin-bottom:10px}.variables-container h2{color:#34495e;margin-top:20px}.variables-container p{color:#7f8c8d;margin:10px 0}.variables-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.custom-properties-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.custom-properties-container h1{color:#2c3e50;margin-bottom:10px}.custom-properties-container h2{color:#34495e;margin-top:20px}.custom-properties-container p{color:#7f8c8d;margin:10px 0}.custom-properties-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.grid-and-flexbox-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.grid-and-flexbox-container h1{color:#2c3e50;margin-bottom:10px}.grid-and-flexbox-container h2{color:#34495e;margin-top:20px}.grid-and-flexbox-container p{color:#7f8c8d;margin:10px 0}.grid-and-flexbox-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.preprocessors-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.preprocessors-container h1{color:#2c3e50;margin-bottom:10px}.preprocessors-container h2{color:#34495e;margin-top:20px}.preprocessors-container p{color:#7f8c8d;margin:10px 0}.preprocessors-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.modules-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.modules-container h1{color:#2c3e50;margin-bottom:10px}.modules-container h2{color:#34495e;margin-top:20px}.modules-container p{color:#7f8c8d;margin:10px 0}.modules-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}.modules-container ol{color:#7f8c8d;list-style-type:decimal;margin:10px 0 20px 20px}.example-section{background-color:#ecf0f1;border:1px solid #bdc3c7;border-radius:5px;margin:20px 0;padding:15px}.example-section pre{background-color:#34495e;border-radius:5px;color:#ecf0f1;overflow-x:auto;padding:10px}.example-section code{font-family:Consolas,monospace}.css-in-js-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.css-in-js-container h1{color:#2c3e50;margin-bottom:10px}.css-in-js-container h2{color:#34495e;margin-top:20px}.css-in-js-container p{color:#7f8c8d;margin:10px 0}.css-in-js-container ul{color:#7f8c8d;list-style-type:disc;margin:10px 0 20px 20px}button{margin:10px 10px 10px 0}.shape-example .shape-circle{background-color:blue;border-radius:50%;height:100px;shape-outside:circle();width:100px}.shape-example .shape-polygon{background-color:red;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:150px;width:150px}.filter-example img{width:200px}.filter-example .filter-grayscale{filter:grayscale(100%)}.filter-example .filter-blur{filter:blur(5px)}.mask-example .mask-circle{background-color:blue;height:100px;-webkit-mask:circle(50% at 50% 50%);mask:circle(50% at 50% 50%);mask-type:alpha;-webkit-mask-type:alpha;width:100px}.mask-example .mask-polygon{background-color:red;height:150px;-webkit-mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:150px}.blend-mode-example div{height:100px;width:100px}.blend-mode-example .blend-mode-multiply{background-color:red;mix-blend-mode:multiply}.blend-mode-example .blend-mode-screen{background-color:blue;mix-blend-mode:screen}.scroll-snap-example{overflow-x:scroll;scroll-snap-type:x mandatory;white-space:nowrap}.scroll-snap-example .scroll-snap-item{background-color:#d3d3d3;display:inline-block;height:100px;margin:10px;scroll-snap-align:start;width:200px}@container (min-width: 600px){.container-query-example .container{background-color:#ff0}}.what-is-bootstrap{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.what-is-bootstrap h1{color:#007bff;font-size:2.5rem;margin-bottom:20px;text-align:center}.what-is-bootstrap h2{color:#0056b3;font-size:1.8rem;margin-top:20px}.what-is-bootstrap p{color:#333;font-size:1rem;margin-bottom:15px}.what-is-bootstrap ul{color:#555;list-style-type:disc;margin-left:20px}.what-is-bootstrap ul li{margin-bottom:10px}.what-is-bootstrap pre{background-color:#f8f9fa;border:1px solid #e1e1e1;border-radius:5px;overflow-x:auto;padding:15px}.what-is-bootstrap code{background-color:#e9ecef;border-radius:3px;font-family:Courier New,Courier,monospace;padding:2px 4px}.what-is-bootstrap a{color:#007bff;text-decoration:none}.what-is-bootstrap a:hover{text-decoration:underline}.get-started{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.get-started h1{color:#0056b3;font-size:2.5rem;margin-bottom:20px}.get-started h2{color:#28a745;font-size:2rem;margin-top:20px}.get-started p{color:#212529;font-size:1.1rem}.get-started pre{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;overflow-x:auto;padding:15px}.get-started code{color:#d63384;font-family:Courier New,Courier,monospace;font-size:1rem}.get-started ul{list-style-type:square;margin-left:20px}.get-started a{color:#17a2b8;text-decoration:none}.get-started a:hover{text-decoration:underline}@media (max-width:768px){.get-started{margin:10px}.get-started h1{font-size:2rem}.get-started h2{font-size:1.5rem}.get-started p{font-size:1rem}}.grid-system-container{font-family:Arial,sans-serif;padding:20px}h1,h2{margin-bottom:20px;text-align:center}p{font-size:1rem}.grid-example{background-color:#f9f9f9;border:1px solid #ddd;margin-bottom:20px;padding:10px}.grid-example .row{margin-bottom:15px}.grid-example .col{background-color:#e9ecef;border:1px solid #ccc;padding:10px;text-align:center}.quiz-section{background-color:#fdfdfd}.quiz-section li{font-size:1rem}@media (max-width:768px){.grid-example .col{font-size:.9rem;padding:8px}.quiz-section li{font-size:.9rem}}@media (max-width:576px){.grid-example .col{font-size:.8rem;padding:6px}.quiz-section li{font-size:.8rem}}@media (max-width:575.98px){.text-xs{font-size:12px}.margin-xs{margin:10px}}@media (min-width:576px) and (max-width:767.98px){.text-sm{font-size:14px}.margin-sm{margin:15px}}@media (min-width:768px) and (max-width:991.98px){.text-md{font-size:16px}.margin-md{margin:20px}}@media (min-width:992px) and (max-width:1199.98px){.text-lg{font-size:18px}.margin-lg{margin:25px}}@media (min-width:1200px) and (max-width:1399.98px){.text-xl{font-size:20px}.margin-xl{margin:30px}}@media (min-width:1400px){.text-xxl{font-size:22px}.margin-xxl{margin:35px}}.hidden{display:none!important}.text-center{text-align:center}.d-block{display:block}.d-flex{display:flex}h1{text-align:center}h1,h2{color:#333}h2{text-align:left}.btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:5px;padding:10px 20px;text-align:center;text-decoration:none}.btn:hover{background-color:#0056b3}.alert{border-radius:4px;color:#fff;font-size:14px;margin:10px 0;padding:15px}.alert-success{background-color:#28a745}.alert-danger{background-color:#dc3545}.alert-warning{background-color:#ffc107;color:#212529}.badge{border-radius:12px;color:#fff;display:inline-block;font-size:14px;margin:0 5px;padding:5px 10px}.badge-primary{background-color:#007bff}.badge-secondary{background-color:#6c757d}.badge-success{background-color:#28a745}.badge-danger{background-color:#dc3545}@media (max-width:768px){.btn{font-size:14px;padding:8px 16px}.alert,.badge{font-size:12px}.badge{padding:4px 8px}}@media (max-width:576px){.container{padding:10px}h1,h2{font-size:20px}.btn{font-size:12px;padding:6px 12px}.alert{padding:10px}.alert,.badge{font-size:10px}.badge{padding:3px 6px}}.typography{font-family:Arial,sans-serif;padding:20px}.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{margin-bottom:15px}.typography h1{color:#333;font-size:2.5rem}.typography h2{color:#444;font-size:2rem}.typography h3{color:#555;font-size:1.75rem}.typography h4{color:#666;font-size:1.5rem}.typography h5{color:#777;font-size:1.25rem}.typography h6{color:#888;font-size:1rem}.typography p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:15px}.typography .display-1{color:#333;font-size:4rem;font-weight:300}.typography .display-2{color:#444;font-size:3.5rem;font-weight:300}.typography .display-3{color:#555;font-size:3rem;font-weight:300}.typography .display-4{color:#666;font-size:2.5rem;font-weight:300}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}@media (max-width:768px){.typography h1{font-size:2rem}.typography h2{font-size:1.75rem}.typography h3{font-size:1.5rem}.typography h4{font-size:1.25rem}.typography h5{font-size:1rem}.typography h6{font-size:.875rem}.typography .display-1{font-size:3rem}.typography .display-2{font-size:2.5rem}.typography .display-3{font-size:2rem}.typography .display-4{font-size:1.75rem}}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}}.bg-primary{background-color:#007bff!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#28a745!important}.bg-danger{background-color:#dc3545!important}.bg-warning{background-color:#ffc107!important}.bg-info{background-color:#17a2b8!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#343a40!important}.border{border:1px solid #dee2e6!important}.border-0{border:none!important}.border-primary{border-color:#007bff!important}.shadow{box-shadow:0 .5rem 1rem #00000026!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.row{flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col{flex-basis:0;flex-grow:1;max-width:100%;padding-left:15px;padding-right:15px}.nested-row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.nested-col{padding-left:10px;padding-right:10px}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}.order-first{order:-1}.order-last{order:999}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-around{justify-content:space-around}.justify-content-between{justify-content:space-between}@media (min-width:576px){.col-sm{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl{flex:0 0 auto;width:100%}}@media (min-width:1400px){.col-xxl{flex:0 0 auto;width:100%}}.forms-and-inputs{font-family:Arial,sans-serif;line-height:1.6;padding:20px}.forms-and-inputs h1{color:#343a40;margin-bottom:20px;text-align:center}.forms-and-inputs h2{color:#495057;margin-top:30px}.forms-and-inputs h3{color:#6c757d;margin-bottom:10px}.forms-and-inputs form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;margin:0 auto;max-width:600px;padding:15px}.forms-and-inputs .form-check,.forms-and-inputs .form-control{margin-bottom:15px}.forms-and-inputs .btn-primary{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-weight:700;padding:10px;width:100%}.forms-and-inputs .btn-primary:hover{background-color:#0056b3}.forms-and-inputs .quiz{margin-top:30px}.forms-and-inputs .quiz-question{margin-bottom:20px}.forms-and-inputs .quiz-question p{font-weight:700}.forms-and-inputs ul{list-style-type:none;padding:0}.forms-and-inputs ul li{margin-bottom:10px}.forms-and-inputs ul li a{color:#007bff;text-decoration:none}.forms-and-inputs ul li a:hover{text-decoration:underline}@media (max-width:768px){.forms-and-inputs form{padding:10px}.forms-and-inputs .btn-primary{font-size:14px}}.images-and-figures{font-family:Arial,sans-serif;line-height:1.6;margin:20px}.images-and-figures h1,.images-and-figures h2,.images-and-figures h3{color:#333}.images-and-figures p{color:#555;margin-bottom:15px}.responsive-img{border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;height:auto;max-width:100%}.img-rounded{border-radius:8px}.img-circle{border-radius:50%}.img-thumbnail{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:4px}figure{display:inline-block;margin:0;padding:0;text-align:center}figure img{height:auto;max-width:100%}figure figcaption{color:#777;font-size:.9rem;margin-top:8px}.quiz-section{background-color:#f9f9f9;border-radius:4px}.quiz-section h3{color:#444;margin-bottom:15px}.quiz-section .submit-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-top:15px;padding:10px 20px;text-align:center}.quiz-section .submit-btn:hover{background-color:#0056b3}.quiz-section .correct-answer{color:#28a745;font-weight:700}.quiz-section .incorrect-answer{color:#dc3545;font-weight:700}.container{padding:15px}.modal-custom{background-color:#00000080;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;margin:10% auto;max-width:600px;padding:20px}.tooltip-custom{background-color:#000;border-radius:4px;color:#fff;font-size:.9rem;padding:5px 10px}.popover-custom{background-color:#f8f9fa;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:10px}.carousel-custom{border-radius:10px;box-shadow:0 4px 6px #00000026;max-height:500px;overflow:hidden;width:100%}.carousel-custom img{height:auto;width:100%}.collapse-custom{background-color:#e9ecef;border:1px solid #ddd;border-radius:5px;padding:15px}.scrollspy-custom ul{list-style:none;padding:0}.scrollspy-custom ul li{margin-bottom:10px}.scrollspy-custom ul li a{color:#007bff;text-decoration:none}.scrollspy-custom ul li a.active{color:#0056b3;font-weight:700}@media (max-width:768px){.modal-custom{max-width:90%;padding:15px}.popover-custom{padding:8px}}@media (max-width:576px){.carousel-custom{max-height:300px}}.btn-custom{border-radius:5px;font-size:1rem;padding:10px 20px}.btn-custom:hover{background-color:var(--dark-color);color:#fff}@media (max-width:576px){.container{padding:10px}.btn-custom{font-size:1.2rem;padding:12px;width:100%}}@media (min-width:577px) and (max-width:768px){.btn-custom{font-size:1.1rem;padding:15px 30px}}@media (min-width:769px){.btn-custom{font-size:1rem;padding:10px 20px}}.card-custom{border-radius:10px;box-shadow:0 4px 8px #0000001a}.card-custom .card-header{font-size:1.25rem;text-align:center}.card-custom .card-body{padding:20px}.modal-custom .modal-content{border-radius:10px}.modal-custom .modal-header{background-color:var(--info-color);border-bottom:none;color:#fff}.modal-custom .modal-footer{border-top:none}h1,h2,h3,h4,h5,h6{color:var(--dark-color);margin-bottom:15px}p{color:var(--secondary-color);line-height:1.5}.table-custom{border-collapse:collapse;width:100%}.table-custom td,.table-custom th{border:1px solid var(--light-color);padding:10px;text-align:left}.footer-custom,.table-custom th{background-color:var(--dark-color);color:#fff}.footer-custom{padding:20px;text-align:center}.icon{color:#6c757d;font-size:1.5rem;margin:.5rem}.icon:hover{color:#0d6efd;transition:color .3s ease-in-out}.icon-sm{font-size:1rem}.icon-lg{font-size:2rem}.icon-center{display:flex}.icon-center,.icon-container{align-items:center;justify-content:center}.icon-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;display:inline-flex;height:3rem;width:3rem}.icon-container:hover{background-color:#e9ecef;border-color:#adb5bd}.icon-primary{color:#0d6efd}.icon-success{color:#198754}.icon-danger{color:#dc3545}.icon-warning{color:#ffc107}.icon-info{color:#0dcaf0}.icon-bg-primary{background-color:#0d6efd;color:#fff}.icon-bg-success{background-color:#198754;color:#fff}.icon-bg-danger{background-color:#dc3545;color:#fff}.icon-bg-warning{background-color:#ffc107;color:#212529}.icon-bg-info{background-color:#0dcaf0;color:#212529}@media (max-width:576px){.icon{font-size:1.25rem}.icon-container{height:2.5rem;width:2.5rem}}@media (min-width:768px){.icon{font-size:1.75rem}.icon-container{height:3.5rem;width:3.5rem}}.container{margin:auto;padding:1rem}.accessible-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.accessible-button:focus{outline:2px dashed #0056b3;outline-offset:4px}.accessible-alert{border:1px solid #0000;border-radius:4px;margin:1rem 0;padding:1rem}.accessible-alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.accessible-alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.accessible-heading{color:#333;font-size:1.5rem;margin-bottom:1rem}.accessible-text{color:#555;font-size:1rem;line-height:1.5}@media (max-width:768px){.accessible-heading{font-size:1.25rem}.accessible-button{font-size:.875rem;padding:.5rem}}.btn-custom{background-color:var(--primary-color);border:none;color:#fff}.btn-custom:hover{background-color:darken(var(--primary-color),10%)}.card-custom{border:1px solid var(--secondary-color);box-shadow:0 4px 6px #0000001a}.card-custom .card-header{background-color:var(--primary-color);color:#fff}.card-custom .card-body{background-color:#fff}.text-custom-primary{color:var(--primary-color)!important}.text-custom-secondary{color:var(--secondary-color)!important}.bg-custom-primary{background-color:var(--primary-color)!important}.bg-custom-secondary{background-color:var(--secondary-color)!important}@media (max-width:576px){.btn-custom{font-size:.875rem;padding:.5rem 1rem}}@media (min-width:577px) and (max-width:768px){.btn-custom{font-size:1rem;padding:.75rem 1.25rem}}@media (min-width:769px){.btn-custom{font-size:1.125rem;padding:1rem 1.5rem}}.skip-to-content{background:var(--primary-color);color:#fff;left:0;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-to-content:focus{top:0}body{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.framework-section{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin-bottom:40px;padding:20px}.framework-section h3{color:#333;font-size:1.5rem;margin-bottom:10px}.framework-section p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:10px}.framework-section pre{background-color:#eaeaea;border-radius:5px;font-size:.9rem;overflow-x:auto;padding:15px}.framework-section code{background-color:#f7f7f7;border-radius:4px;color:#d6336c;padding:2px 4px}.quiz-section{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.quiz-section h4{color:#333;font-size:1.25rem;margin-bottom:15px}.quiz-section ul{list-style-type:none;padding:0}.quiz-section li{margin-bottom:10px}.quiz-section input[type=checkbox]{margin-right:10px}.quiz-section button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 15px}.quiz-section button:hover{background-color:#0056b3}@media (max-width:768px){.framework-section h3{font-size:1.25rem}.framework-section p{font-size:.95rem}.quiz-section h4{font-size:1.1rem}.quiz-section button{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.framework-section,.quiz-section{padding:15px}.framework-section h3{font-size:1rem}.framework-section p{font-size:.85rem}.quiz-section h4{font-size:1rem}.quiz-section button{font-size:.8rem;padding:6px 10px}}.optimization-container{margin:0 auto;max-width:1200px;padding:20px}h1,h2{color:#004085}.content{line-height:1.8;margin-top:20px}pre{border:1px solid #ddd;overflow:auto}.quiz-section{margin-top:30px}@media screen and (max-width:768px){.optimization-container{padding:10px}pre{font-size:.85rem}}.advanced-layouts-container{margin:0 auto;max-width:1200px;padding:20px}h1,h2{color:#343a40}.card-deck{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.card{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;width:18rem}.card-img-top{border-bottom:1px solid #ddd}.flex-container{display:flex;justify-content:space-around;margin:20px 0}.flex-item{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;flex:1 1;margin:5px;padding:20px;text-align:center}.row{display:flex;margin:20px 0}.col-md-4{border:1px solid #ddd;flex:1 1;margin:5px;padding:10px;text-align:center}@media screen and (max-width:768px){.card-deck{align-items:center}.card-deck,.flex-container,.row{flex-direction:column}}.spring-boot-container{margin:0 auto;max-width:1200px;padding:20px}ul{list-style-type:disc}@media screen and (max-width:768px){.spring-boot-container{padding:10px}h1{font-size:24px}h2{font-size:20px}p{font-size:14px}}.spring-boot-get-started-container{margin:0 auto;max-width:1200px;padding:20px}h1,h2,h3,h4{color:#2c3e50}code{background-color:#f8f9fa;border-radius:5px;display:block;font-size:14px;margin:10px 0;padding:10px}.quiz-section form label{display:block;margin-bottom:10px}button{border-radius:5px}.references-section ul{list-style-type:square;margin-top:10px}.references-section li{margin:5px 0}@media screen and (max-width:768px){.spring-boot-get-started-container{padding:10px}h1{font-size:24px}h2{font-size:20px}p{font-size:14px}}.spring-boot-key-features-container{margin:0 auto;max-width:1200px;padding:20px}@media screen and (max-width:768px){.spring-boot-key-features-container{padding:10px}h1{font-size:24px}h2{font-size:20px}p{font-size:14px}}.spring-boot-basic-components-container{margin:0 auto;max-width:1200px;padding:20px}button{background-color:#27ae60}button:hover{background-color:#219150}@media screen and (max-width:768px){.spring-boot-basic-components-container{padding:10px}h1{font-size:24px}h2{font-size:20px}p{font-size:14px}}.spring-boot-running-app-container{margin:0 auto;max-width:1200px;padding:20px}p{line-height:1.8;margin-bottom:10px}ol,ul{margin-left:20px}@media screen and (max-width:768px){.spring-boot-running-app-container{padding:10px}h1{font-size:24px}h2{font-size:20px}p{font-size:14px}}.container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.content{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}h1,h2{color:#333}p{color:#555}.code-block{background-color:#272822;border-radius:5px;color:#f8f8f2;overflow-x:auto;padding:15px}ul{color:#555;margin:10px 0;padding-left:20px}.quiz{background-color:#e8f5e9;border-radius:5px;padding:15px}.quiz ul{list-style-type:none;padding:0}.quiz ul li{margin:5px 0}.quiz h3{color:#2e7d32;margin-top:15px}.quiz p{color:#2e7d32;font-weight:700}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}@media screen and (max-width:768px){.container{padding:10px}.content{padding:15px}.code-block{font-size:14px;padding:10px}}.spring-boot-annotations-container{margin:0 auto;max-width:1200px;padding:20px}ul{list-style:disc;margin-left:20px}@media screen and (max-width:768px){.spring-boot-annotations-container{padding:10px}h1{font-size:24px}h2{font-size:20px}pre{font-size:14px}}.spring-boot-configuration-container{margin:0 auto;max-width:1200px;padding:20px}p{font-size:16px;line-height:1.6}pre{background-color:#f9f9f9;border-radius:5px;margin-bottom:20px}form label{display:block;font-size:16px;margin-bottom:10px}button{background-color:#3498db;border-radius:4px;padding:10px 15px}button:hover{background-color:#2980b9}.quiz-answers{background-color:#dff0d8;border-radius:4px;color:#3c763d;margin-top:20px;padding:10px}.references-section ul{list-style:square;margin-top:15px}.references-section li{margin:10px 0}@media screen and (max-width:768px){.spring-boot-configuration-container{padding:10px}h1{font-size:24px}h2{font-size:20px}pre{font-size:14px}}.restful-apis-container{font-family:Arial,sans-serif;margin:20px;padding:20px}h1,h2{color:#4caf50}pre{border-left:5px solid #4caf50}button{background-color:#4caf50}button:hover{background-color:#45a049}@media (max-width:600px){.restful-apis-container{padding:10px}pre{font-size:12px}}.data-access-container{font-family:Arial,sans-serif;margin:20px;padding:20px}h1,h2{color:#3b5998}pre{background-color:#f4f4f4;border-left:5px solid #3b5998;padding:10px}form div{margin-bottom:10px}button{background-color:#3b5998}button:hover{background-color:#2e477a}@media (max-width:600px){.data-access-container{padding:10px}pre{font-size:12px}}.testing-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.testing-container{padding:10px}pre{font-size:12px}}.actuator-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.actuator-container{padding:10px}pre{font-size:12px}}.security-container{font-family:Arial,sans-serif;margin:20px;padding:20px}@media (max-width:600px){.security-container{padding:10px}pre{font-size:12px}}.databases-container{font-family:Arial,sans-serif;margin:20px;padding:20px}h1,h2{color:#2c3e50}pre{background-color:#f8f9fa;border-left:4px solid #2c3e50}button{background-color:#2c3e50}button:hover{background-color:#34495e}@media (max-width:600px){.databases-container{padding:10px}pre{font-size:12px}}.microservices-container{font-family:Arial,sans-serif;margin:20px;padding:20px}h1,h2{color:#34495e}pre{background-color:#f4f6f7;border-left:4px solid #34495e;overflow-x:auto;padding:15px}form{margin-top:20px}form div{margin-bottom:15px}button{background-color:#34495e;border:none;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#2c3e50}.quiz-result{color:#27ae60;font-weight:700;margin-top:15px}@media (max-width:600px){.microservices-container{padding:10px}pre{font-size:12px}}
/*# sourceMappingURL=main.419d3a28.css.map*/