@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap);:root{background:var(--background-color)}.update-banner{background-color:#28a745;bottom:0;color:#fff;font-weight:700;left:0;padding:10px;position:fixed;text-align:center;width:100%;z-index:1000}html{background-color:var(--background-color)}main{width:100%}#tab-sections{word-wrap:break-word}#tab-content{text-wrap:wrap;color:#fff}#tab-content .topic-tab-image{width:6rem}li{text-Align:left}body[data-theme=light]{--text-color:#fefeff;--border:#efebf1;background:radial-gradient(#6c15ca,#46127e)}body[data-theme=dark]{--background-color:#000;--text-color:#fff;--border:indigo}body[data-theme=default]{--border:#efebf1;--text-color:#fefeff}body[data-theme=default],html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:radial-gradient(#280a48,#20043d);color:#ebe7ef;font-family:Quicksand,sans-serif;font-synthesis:none;line-height:1.5;min-height:80rem;text-rendering:optimizeLegibility}main{margin:auto;max-width:50rem;width:90%}main h2{color:#a18aba;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;text-align:center}#core-concepts ul{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}#core-concepts li{text-align:center;width:10rem}#core-concepts li img{height:4rem;object-fit:cover;width:6rem}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#tab-sections{margin:3rem auto}#tab-sections h2{text-align:left}#tab-sections menu{display:flex;gap:.5rem;list-style:none;margin:1rem 0;padding:0}#tab-sections menu button{background-color:initial;border:none;border-radius:6px;color:#a18aba;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out}#tab-sections menu button:hover{background-color:#1b082f;color:#ebe7ef}#tab-sections menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{background-color:#2f1d43;border-radius:6px;box-shadow:0 2px 8px #0000004d;overflow-wrap:break-word;padding:1rem;width:auto}#tab-content h2{margin:0;text-align:left}#tab-content h3{margin:0}#tab-content code{font-size:1rem}#tab-content .topic-tab-image{animation:fadeIn 3s ease-in-out;height:4rem;margin:0 auto;object-fit:cover;width:3rem}#tab-learn button{background-color:#000;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease;z-index:1}#tab-learn button:before{animation:gradientLoop 5s ease infinite;background:linear-gradient(45deg,purple,pink,purple,pink);background-size:400% 400%;content:"";filter:blur(8px);height:200%;left:0;position:absolute;top:0;width:200%;z-index:-1}@keyframes gradientLoop{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#tab-learn button:hover{transform:scale(1.05)}.custom-route-button{background-color:#000;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease;z-index:1}.custom-route-button:before{animation:gradientLoop 5s ease infinite;background:linear-gradient(45deg,purple,#ea00ff,purple,#ea00ff);background-size:400% 400%;content:"";filter:blur(8px);height:200%;left:0;position:absolute;top:0;width:200%;z-index:-1}.custom-route-button:hover{transform:scale(1.05)}li{line-height:2;text-align:left;-webkit-text-decoration:wavy;text-decoration:wavy}@media (max-width:480px){*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:radial-gradient(#280a48,#20043d);color:#ebe7ef;font-family:Quicksand,sans-serif;font-synthesis:none;line-height:1.5;min-height:auto;text-rendering:optimizeLegibility}main{margin:auto;max-width:auto;width:auto}main h2{color:#a18aba;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;margin:0 0 1rem;text-align:center}#core-concepts ul{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}#core-concepts li{text-align:center;width:100%}#core-concepts li img{height:3rem;width:4rem}#core-concepts li h3{font-size:1rem;margin:.5rem 0}#core-concepts li p{font-size:.8rem}#tab-sections{margin:0 auto;overflow:visible}#tab-sections h2{font-size:1.2rem;text-align:left}#tab-sections menu{display:flex;flex-direction:row;gap:.5rem;margin:.5rem 0}#tab-sections menu button{border-radius:4px;font-size:.9rem;padding:.5rem}#tab-sections menu button:hover{background-color:#1b082f;color:#ebe7ef}#tab-sections menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{background-color:#2f1d43;border-radius:4px;box-shadow:0 1px 4px #0000004d;color:#fff;margin:0 auto;max-width:auto;overflow-wrap:break-word;padding:.5rem;width:auto}#tab-content h2{font-size:1.2rem;margin:0;text-align:left}#tab-content h3{font-size:1rem}#tab-content code{font-size:.9rem}#tab-content .topic-tab-image{height:3rem;width:4rem}}@media (max-width:400px){*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:radial-gradient(#280a48,#20043d);color:#ebe7ef;font-family:Quicksand,sans-serif;font-synthesis:none;line-height:1.5;min-height:auto;text-rendering:optimizeLegibility}main{margin:auto;max-width:155%;width:155%}main h2{color:#a18aba;font-family:Roboto Condensed,sans-serif;font-size:1.5rem;margin:0 0 1rem;text-align:center}#core-concepts ul{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}#core-concepts li{text-align:center;width:100%}#core-concepts li img{height:3rem;width:4rem}#core-concepts li h3{font-size:1rem;margin:.5rem 0}#core-concepts li p{font-size:.8rem}#tab-sections{margin:0 auto;overflow:visible}#tab-sections h2{font-size:1.2rem;text-align:left}#tab-sections menu{display:flex;flex-direction:row;gap:.5rem;margin:.5rem 0}#tab-sections menu button{border-radius:4px;font-size:.9rem;padding:.5rem}#tab-sections menu button:hover{background-color:#1b082f;color:#ebe7ef}#tab-sections menu button.active{background-color:#7925d3;color:#ebe7ef;width:100%}#tab-content{background-color:#2f1d43;border-radius:4px;box-shadow:0 1px 4px #0000004d;margin:0 auto;max-width:auto;padding:.5rem;width:auto}#tab-content h2{font-size:1.2rem;margin:0;text-align:left}#tab-content h3{font-size:1rem}#tab-content code{font-size:.9rem}#tab-content .topic-tab-image{height:3rem;width:4rem}}body{transition:background-color .3s ease,color .3s ease}.question-card,body,input{background-color:var(--background-color);color:var(--text-color)}.question-card,input{border:1px solid var(--text-color)}.popup-message{align-items:center;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:#00000026;border:1px solid #ffffff2e;border-radius:8px;bottom:0;box-shadow:0 8px 32px 0 #1f26875e;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:#fff;border-radius:8px;padding:20px;text-align:center}.popup-content p{margin-bottom:20px}.popup-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 20px}.popup-content button:hover{background-color:#0056b3}.icon{color:#000!important}.code-concept-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:0}.code-concept-card{word-wrap:break-word;align-items:center;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#0003;border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;width:calc(33.333% - 40px)}.ccna-table{border-collapse:collapse;width:100%}.ccna-table td,.ccna-table th{padding:10px;text-align:left}.ccna-table th{background-color:#5a3e6f;color:#fff;cursor:pointer}.ccna-table tr:nth-child(2n){background-color:#e6daf1;color:#000}.ccna-table tr:nth-child(odd){background-color:#5a3e6f;color:#fff}.ccna-table td{background-color:inherit;color:inherit}.ccna-table th:hover{background-color:#7f528a}input{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:8px;width:300px}header{margin:3rem 0;text-align:center}header img{height:7rem;object-fit:cover;width:10rem}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-background-clip:text;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-size:5rem}header h1,header p{font-display:swap;font-family:Roboto Condensed,sans-serif;margin:0}header p{color:#8964b0;font-size:1.25rem}@media (max-width:600px) and (orientation:portrait){header img{height:5 rem;object-fit:cover;width:8 rem}header h1{font-size:3rem;margin:0}header h1,header p{font-family:sans-serif}header p{font-size:1 rem}}#core-concepts{background-color:#140524;border-radius:6px;box-shadow:0 2px 8px #0006;padding:2rem;width:auto}#core-concepts li .active{opacity:1}.course-card{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:rgba(255,255,255 .1);border:1px solid #ffffff2e;border-radius:8px;box-shadow:0 8px 32px 0 #1f26875e;cursor:pointer;margin:16px;padding:16px;transition:transform .3s ease,box-shadow .3s ease;width:300px}.course-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-10px)}.course-card-image{border-radius:8px;width:100%}.course-card-content{justify-items:center;padding:8px 0;text-align:center}.course-card-actions button{background:none;border:none;cursor:pointer;font-size:16px;margin:4px;padding:4px 8px}.course-card-actions button:hover{color:#007bff}.popular-courses{margin:20px 0;padding:20px}.courses-container{display:flex;gap:20px}.tracking-component{border:#fff;border-radius:10px}body,html{position:relative}.update-notification{background-color:#4caf50;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:15px;position:fixed;right:20px;top:20px;z-index:9999}.notification-actions{display:flex;justify-content:flex-end;margin-top:10px}.notification-actions button{border:none;border-radius:3px;cursor:pointer;margin-left:10px;padding:5px 10px}.notification-actions button:first-child{background-color:#fff;color:#4caf50}.notification-actions button:last-child{background-color:initial;border:1px solid #fff;color:#fff}.sitemap{margin-top:20px}.sitemap a{color:inherit;text-decoration:none}.sitemap ul{list-style:none;padding-left:0}.sitemap li{margin:10px 0}.sitemap button{margin-top:8px}.footer-glossy{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background:#000c;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem;padding:2rem}.footer-glossy h3{color:#6a0dad;margin-bottom:.5rem}.footer-glossy ul{list-style:none;margin:0;padding:0;text-align:center}.footer-glossy a{color:#9b59b6;text-decoration:none}.footer-glossy a:hover{color:#8e44ad}.email-input{border:2px solid #dcdcdc;border-radius:9999px;height:48px;padding:0 1rem;width:auto}.subscribe-button{background-color:#6a0dad;background:linear-gradient(45deg,purple,#ea00ff,purple,#ea00ff);border:none;border-radius:25px;color:#fff;cursor:pointer;height:48px;margin-left:1%;width:140px}.subscribe-button:hover{background-color:#8e44ad}.social-icons{display:flex;gap:15px;justify-content:center;margin-top:1rem}.copyright{padding-top:2rem;text-align:center}.social-icons .icon{background-color:#9b59b6;background-size:cover;border-radius:50%;display:inline-block;height:40px;transition:background-color .3s;width:40px}#hr{color:#f0f8ff}.main-area{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:2rem;max-width:130%;padding:2rem;text-align:left;width:100%}.social-icons .icon:hover{background-color:#8e44ad}.twitter-icon{background-image:url(/static/media/x.cc6ab1e6baecc93f941c.jpg)}@media (max-width:500px){.container-footer{padding-left:8px}.footer-glossy{margin:0;padding:1rem;width:145vw}.footer-glossy h3{font-size:1.5rem}.footer-glossy li,.footer-glossy ul{text-align:center}.email-input{margin-bottom:1rem;width:100%}.subscribe-button{margin-left:0;width:100%}.social-icons{flex-direction:row;justify-content:space-around}.main-area{align-items:left;flex-direction:row;max-width:100%;padding:1rem;width:100%}.copyright{font-size:.9rem}}.robot{animation:float 2s infinite;bottom:20px;cursor:pointer;font-size:2rem;position:fixed;right:20px;transition:all .5s ease;z-index:1000}.robot.top-card{bottom:50%;right:22%;transform:translateX(50%) rotate(1turn)}.robot-speech{background-color:#000c;border-radius:8px;color:#fff;margin-top:10px;padding:10px;text-align:center}.hidden{display:none}body[data-theme=default] .card{background-color:#fff;color:#000;transition:background-color .3s ease-out}body[data-theme=default] .reason{background:#fffc}body[data-theme=default] .reason,body[data-theme=light] .reason{backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e}body[data-theme=light] .reason{background:#6c15cacc}body[data-theme=dark] .reason{backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);background:#3a0172b3;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e}body[data-theme=dark] .card.highlighted,body[data-theme=default] .card.highlighted,body[data-theme=light] .card.highlighted{animation:heartBeat 6s ease-in-out,neonBorder 2s infinite alternate}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes neonBorder{0%{border:2px solid #fffc;box-shadow:0 0 1px 0 #fff,0 0 4px 0 #fffc,0 0 6px 0 #fff9}25%{border:2px solid #00fc;box-shadow:0 0 1px 0 #00f,0 0 4px 0 #00fc,0 0 6px 0 #00f9}50%{border:2px solid #ff0c;box-shadow:0 0 1px 0 #ff0,0 0 4px 0 #ff0c,0 0 6px 0 #ff09}75%{border:2px solid #40e0d0cc;box-shadow:0 0 1px 0 #40e0d0,0 0 4px 0 #40e0d0cc,0 0 6px 0 #40e0d099}to{border:2px solid #f0fc;box-shadow:0 0 1px 0 #f0f,0 0 4px 0 #f0fc,0 0 6px 0 #f0f9}}.matching-question{margin-top:15px}.matching-container{margin-bottom:20px}.matching-items,.matching-options{width:48%}.matched-option{background:#3a0172b3}.matching-item,.matching-option{background-color:var(--background-color);border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}.correct-matches{margin-top:20px;max-width:100%}.correct-match-item{margin-bottom:20px;position:relative;width:100%}.match-content{align-items:flex-start;display:flex;margin-bottom:5px;width:100%}.item-content{word-wrap:break-word;flex-shrink:0;font-weight:700;margin-right:10px;max-width:40%;overflow-wrap:break-word}.match-arrow{flex-shrink:0;font-size:1.2em;margin:0 10px}.matched-options{display:flex;flex-direction:column;flex-grow:1;max-width:55%}.match-line{background-color:red;height:2px;margin-top:5px;width:100%}.correct-option{word-wrap:break-word;color:green;margin:2px 0;overflow-wrap:break-word;text-align:left}.card{background-color:var(--background-color);border:1px solid var(--border);border-radius:8px;color:var(--text-color);margin:16px 0;max-width:600px;min-height:200px;padding:16px;position:relative;transition:background-color .3s ease-out;width:100%}.reason{font-weight:700}.card-container{padding:16px;width:100%}.canvas,.card img{height:auto;max-width:100%}.loader{animation:spin 1.5s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:purple;height:30px;margin:auto;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.correct{border-radius:4px;color:#155724;font-weight:700;padding:0}.checkmark{color:#007bff;font-size:18px;margin-left:8px}.reason{border-radius:5px;margin-top:10px;padding:12px}img{border-radius:1px;margin-top:8px;max-width:100%}ol{list-style-type:lower-alpha;padding:5px}li.correct{margin-top:5px}mark{background-color:#ff0;color:#000}.study-robot{animation:float 2s infinite;bottom:10px;cursor:pointer;font-size:24px;position:fixed;right:10px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:20px}.hamburger-menu,.navbar{background-color:#000000b3}.hamburger-menu{color:#fff;font-size:24px}ol{list-style-type:lower-alpha;padding:10px}.search-input{margin-top:10px;width:100%}.card,ul li{margin:0}ul li{list-style-type:none}.match-content{flex-direction:column}.item-content,.matched-options{max-width:100%}.match-arrow{color:#fff0;margin:5px 0}}@media (max-width:540px) and (orientation:portrait){.card ul{margin:0;padding:0}.card{margin:16px}.reason,.reason p{margin:0;padding:0;text-align:left}.card-container{max-width:100%;padding:0;width:100%}.current-chapter{padding-left:100px}ul li{list-style-type:none;margin:0}il.correct{margin:0;padding:0;text-align:left}}.chapter-navigation{margin:20px 0}.nav-button,.nav-button-Back{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin:4px 2px;padding:10px 15px;text-align:center;text-decoration:none}.nav-button-Back:disabled,.nav-button:disabled{background-color:#ccc;cursor:not-allowed}.chapter-dropdown{margin:0 15px}.chapter-dropdown select{font-size:16px;padding:10px}@media(orientation:portrait) and (max-width:540px){.chapter-navigation{align-items:center;display:flex;justify-content:space-around;margin:20px 0;max-width:110%;padding-left:100px;width:110%}.chapter-dropdown{margin:0 15px;width:300px}}.image-container{cursor:pointer;height:auto;overflow:hidden;position:relative;width:100%}.watermark{color:purple;font-size:30px;left:50%;opacity:.7;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.thumbnail{height:auto;width:100%}.watermark-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.watermark.visible{opacity:.7}.modal{align-items:center;animation:fadeIn .5s;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{animation:popIn .5s;background:#fff;border-radius:8px;padding:20px;position:relative}.close-button{position:absolute;right:10px;top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.5)}to{transform:scale(1)}}select{background-color:purple;color:#fff;font-weight:700}table{border-collapse:collapse;width:100%};@media (max-width:600px){h2,h3,h4{font-size:1.5rem}.nav-button,.nav-button-Back{font-size:10px;width:48%}#tab-content{padding:5px}table{font-size:9px;width:100%}td{padding:6px}ul{padding-left:10px}pre{word-wrap:break-word;white-space:pre-wrap}}menu{direction:row;display:fixed;margin:0}.tab-button{border:1px solid #4a90e2;border-radius:5px;cursor:pointer;flex:1 1;margin:0 5px;padding:10px;text-align:center}.tab-button.selected{background-color:#4a90e2;color:#fff}@media(max-width:400px){#tab-content{padding:5px}table{border-collapse:collapse;font-size:9px;width:100%}td{padding:6px}ul{padding-left:10px}pre{word-wrap:break-word;white-space:pre-wrap}menu{direction:row;display:fixed;margin:0}}.no-bottom-border td{border-bottom:none!important}.num-list{list-style-type:decimal;padding-left:50px}.skills-list{color:#fff;font-size:16px;list-style-type:circle;padding-left:50px;padding-top:0}.skills-list li{margin-bottom:2px}.skills-list-note{color:red;font-size:16px;list-style-type:circle;padding-left:50px;padding-top:0}.line-spacing{line-height:2}.intro{font-size:16px;font-style:oblique;font-weight:bolder}.insturtion{text-align:left}.ITN-skills-list{list-style-type:lower-alpha}.ITN-skills-list,.ITN-skills-list li,ol.custom-list{padding-left:32px}ol.custom-list{counter-reset:custom-counter 1}ol.custom-list li{counter-increment:custom-counter;list-style:none;position:relative}ol.custom-list li:before{content:counter(custom-counter,lower-alpha) ". ";left:-1.5em;position:absolute}.colored-image{filter:hue-rotate(540deg) saturate(3.9) brightness(.7)}ol.custom-list-letters{counter-reset:custom-counter;padding-left:32px}ol.custom-list-letters li{counter-increment:custom-counter 5;list-style-type:none;padding:0}ol.custom-list-letters li:before{content:counter(custom-counter,lower-alpha) ". "}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-50px)}to{transform:translateY(0)}}.bounce-on-click:active{animation:bounce 1s}@media(max-width:600px){.no-bottom-border td{border-bottom:none!important}.num-list{list-style-type:decimal;padding-left:50px}.skills-list{color:#fff;font-size:16px;list-style-type:circle;padding-left:50px;padding-top:0}.skills-list li{margin-bottom:0}.skills-list-note{color:red;font-size:16px;list-style-type:circle;padding-left:50px;padding-top:0}.line-spacing{line-height:2}.intro{font-size:16px;font-style:oblique;font-weight:bolder}.insturtion{text-align:left}.ITN-skills-list{list-style-type:lower-alpha;padding-left:32px}ol.ITN-skills-list li{position:relative}ol.custom-list{counter-reset:custom-counter 1;padding-left:32px}ol.custom-list li{counter-increment:custom-counter;list-style:none;position:relative}ol.custom-list li:before{content:counter(custom-counter,lower-alpha) ". ";left:-1.5em;position:absolute}.colored-image{filter:hue-rotate(540deg) saturate(3.9) brightness(.7)}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-50px)}to{transform:translateY(0)}}.bounce-on-click:active{animation:bounce 1s}}.ITN-table{display:flex;height:100%;overflow:hidden;width:100%}.ITN-table table{border-collapse:collapse;height:100%;width:100%}.ITN-table td,.ITN-table th{text-wrap:wrap;border:1px solid #ccc;height:50%;padding:8px;text-align:left;width:50%}.no-bottom-cell-border{border-bottom:none}.addressing-table{border-collapse:collapse;margin:20px 0;width:100%}.addressing-table td,.addressing-table th{border:1px solid #ddd;padding:8px;text-align:center}.addressing-table th{font-weight:700}.matching-container{display:flex;justify-content:space-between}.matching-items,.matching-options{width:45%}.matching-item{border:1px solid #665cf6;margin-bottom:10px;min-height:50px;padding:10px}.matching-option{background:#3a0172b3;cursor:move;margin:5px;padding:5px}.dragging-over{background-color:#ff0}.dragging{opacity:.5}.navbar{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#333,0,0,.7;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:10px;position:sticky;top:0;z-index:1000}.matching-result{margin-top:10px}.matching-item-result{display:flex;justify-content:space-between;margin-bottom:5px}.matching-options-result{display:flex;flex-direction:column}.matching-options-result span{margin-left:10px}.matching-options-result .correct{color:green}.matching-options-result .incorrect{color:red}.matching-options-result .unanswered{color:orange}.dropdown{display:inline-block;position:relative}.hamburger-menu{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:24px}.dropdown-content{border-radius:4px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.search-container{position:relative}.search-icon{color:#fff;cursor:pointer;font-size:24px}.search-input{border:1px solid #ddd;border-radius:4px;opacity:0;padding:8px;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;width:0}.search-container:hover .search-input{opacity:1;visibility:visible;width:150px}.chapter-navigation{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.nav-button{background-color:#07f90f}.nav-button,.nav-button-Back{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.nav-button-Back{background-color:#430202}.chapter-dropdown{margin:0 10px}.quiz-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:20px}.result-container{position:relative}.animation-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}#fireworks-container{height:100%;overflow-y:10000;position:absolute;width:100%}.content{position:relative;z-index:1}.result-stats p{font-weight:700;text-align:left}.result-container{align-items:center;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:#8000ff26;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;color:#000;display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:20px}.question-points{font-size:12px;font-style:italic;font-weight:700;margin-left:88%;padding:0;text-align:right}.question-card,.question-card-result{background-color:var(--background-color);border:1px solid var(--border);border-radius:8px;color:var(--text-color);margin:16px 0;max-width:600px;min-height:200px;padding:16px;position:relative;width:100%}.question-list{border:none;display:flex;flex-wrap:wrap;justify-content:center}.quiz-navigation{display:flex;gap:10px;margin-top:20px}.chapter-name{display:inline-block;font-size:24px;margin-bottom:10px;text-align:center}.progress-bar-container{background-color:#eee;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden;width:100%}.progress-bar{background-color:#4caf50;height:100%;transition:width .5s}.progress-info{margin-bottom:1rem;margin-top:0;max-width:800px;text-align:right;width:100%}.timer-progress{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.timer-bar{border-radius:5px;height:10px;margin-right:10px;transition:width 1s linear}.timer-bar.green{background-color:#4caf50}.timer-bar.yellow{background-color:#ffc107}.timer-bar.red{background-color:#ff5252}.timer{font-size:16px;font-weight:700}ol .answer-option{list-style-type:lower-alpha;padding:2px}.answer-option{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #ffffff2e;border-radius:10px;cursor:pointer;font-weight:400;margin-top:5px;transition:background-color .3s ease}.answer-option:hover{background-color:#5be0f5}.answer-option.selected{background-color:#c906c9}.line{background-color:#07f90f;height:2px;margin-bottom:5px}.chapter-card-title:first-letter,.chapter-name:first-letter{text-transform:capitalize}@media screen and (max-width:768px){.question-card,.quiz-container{max-width:100%}}.result-overview{margin-bottom:2rem}.question-result{margin-bottom:1rem}.result-image{height:auto;max-width:100%}.chart-container{height:300px;margin-bottom:2rem;width:100%}@media (max-width:768px){.chart-container{height:200px}}.answer-result{border-radius:4px;margin-bottom:.5rem;padding:.5rem}.answer-result.correct{background-color:#d4edda}.answer-result.user-correct{background-color:#c3e6cb}.answer-result.user-wrong{background-color:#f8d7da}.check-mark,.cross-mark{margin-left:.5rem}.correct{background-color:#d4edda}.user-correct{color:green;font-weight:700}.user-wrong{color:red;font-weight:700}.check-mark{color:green;margin-left:5px}.cross-mark{color:red;margin-left:5px}.header-card{background-color:#bebdbd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1rem;width:100%}.next-button{background-color:#4caf50}.back-button,.next-button{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.back-button{background-color:#410404}.submit{background-color:#03013d}.filter,.submit{border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.filter{background-color:#a8ba06}button:disabled{background-color:grey;cursor:not-allowed}select{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:10px 0;padding:10px}.dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.dialog-box{background:#fff;box-shadow:0 2px 4px #0003;color:#000;padding:2rem;text-align:center}.dialog-button{border:none;border-radius:4px;cursor:pointer;margin:.5rem;padding:.5rem 1rem}.dialog-button:hover{background-color:#ddd}.dialog-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#000;padding:20px;text-align:center}.dialog-content button{border:none;border-radius:4px;cursor:pointer;margin:10px;padding:8px 16px}.dialog-content button:first-child{background-color:#4caf50;color:#fff}.dialog-content button:last-child{background-color:#f44336;color:#fff}.sticky-top{background:#00000073;border:1px solid #ffffff2e;border-bottom-color:#ddd;border-radius:8px;top:0}.sticky-bottom,.sticky-top{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);box-shadow:0 8px 32px 0 #1f26875e;padding:10px 0;width:70%;z-index:1000}.sticky-bottom{background:#00000026;border:1px solid #ffffff2e;border-radius:8px;border-top-color:#ddd;bottom:0;justify-content:space-evenly;position:sticky}.submit-dialog{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:#00000026;border:1px solid #ffffff2e;border-radius:8px;bottom:0;box-shadow:0 8px 32px 0 #1f26875e;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quiz-app,.submit-dialog{align-items:center;display:flex}.quiz-app{flex-direction:column;padding:20px;text-align:center}.mode-selection{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:800px}.quiz-concept-card{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background-color:#fff;background:#fff0;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #0000001a;box-shadow:0 8px 32px 0 #1f26875e;color:#fff;cursor:pointer;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s;width:200px}.quiz-concept-card:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.card-title{color:#fff;font-size:18px;margin:10px 0 5px}.card-description{color:#fff;font-size:14px}.chapter-card-container{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:#fff0;border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;display:flex;flex-wrap:wrap;gap:16px;height:fit-content;justify-content:center;padding:10px}.chapter-card{border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:200px}.chapter-card:hover{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);border:1px solid #ffffff2e;border-radius:10px;box-shadow:0 8px 32px 0 #1f26875e;transform:translateY(-5px)}.chapter-card-title{font-size:1.2em;margin:0}@media (max-width:768px){.quiz-container,.result-container{max-width:100%;padding:10px}.quiz-container{flex-direction:column;padding:10px}.result-container{max-width:100%;padding:10px}#fireworks-container,.animation-overlay{height:100%;width:100%}.question-points{margin-left:0;text-align:center}.question-card,.question-card-result{margin:5px 0;max-width:100%;padding:15px}.question-list,.quiz-navigation{flex-direction:column}.quiz-navigation{gap:5px;margin-top:10px}.chapter-name{font-size:20px}.progress-bar-container{height:8px}.progress-info{margin-top:10px;max-width:100%;text-align:center}.timer-progress{align-items:center;flex-direction:column}.timer{font-size:14px}.back-button,.filter,.next-button,.submit{font-size:10px;margin:2px;padding:10px 20px}.chapter-card,.quiz-concept-card{padding:15px;width:150px}.chapter-card-title{font-size:1em}.sticky-bottom,.sticky-top{padding:5px 0;width:100%}.dialog-content,.submit-dialog{padding:10px}.chapter-card-title:first-letter,.chapter-name:first-letter{text-transform:capitalize}}@media (max-width:480px){.quiz-container,.result-container{max-width:100%;padding:8px}.quiz-container{flex-direction:column;padding:8px}.result-container{max-width:100%;padding:8px}#fireworks-container,.animation-overlay{height:100%;width:100%}.question-points{margin-left:0;text-align:center}.question-card,.question-card-result{margin:4px 0;max-width:100%;padding:12px}.question-list,.quiz-navigation{flex-direction:column}.quiz-navigation{gap:4px;margin-top:8px}.chapter-name{font-size:18px}.progress-bar-container{height:6px}.progress-info{margin-top:8px;max-width:100%;text-align:center}.timer-progress{align-items:center;flex-direction:column}.timer{font-size:12px}.back-button,.filter,.next-button,.submit{font-size:9px;margin:1px;padding:8px 16px}.chapter-card,.quiz-concept-card{padding:12px;width:120px}.chapter-card-title{font-size:.9em}.sticky-bottom,.sticky-top{padding:4px 0;width:100%}.dialog-content,.submit-dialog{padding:8px}.chapter-card-title:first-letter,.chapter-name:first-letter{text-transform:capitalize}}.concept-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:0}.concept-card{word-wrap:break-word;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#0003;border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;padding:20px;text-align:center;width:calc(33.333% - 40px)}.card-container,.card-link,.concept-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.card-link{color:inherit;height:100%;text-decoration:none;width:100%}.card-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.card-image{border-radius:8px;height:auto;margin-bottom:10px;max-width:100%}.card-title{font-size:1.5rem;margin:10px 0}.card-description{color:255,255,255,255;font-size:1rem}body{font-family:sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}.container{background-color:blue;margin:auto;max-width:1170px}.row{display:flex;flex-wrap:wrap}ul{list-style:none}.footer{background-color:var(--background-color);border:1px solid indigo;border-radius:8px;padding:70px 0;position:relative}.footer-col{padding:0 15px;width:25%}.footer-col h4{color:#fff;font-size:18px;font-weight:500;margin-bottom:35px;position:relative;text-transform:capitalize}.footer-col h4:before{background-color:#e91e63;bottom:-10px;box-sizing:border-box;content:"";height:2px;left:0;position:absolute;width:50px}.footer-col ul li:not(:last-child){margin-bottom:10px}.footer-col ul li a{color:#fff;color:#bbb;display:block;font-size:16px;font-weight:300;text-decoration:none;text-transform:capitalize;transition:all .3s ease}.footer-col ul li a:hover{color:#fff;margin-left:8px}.footer-col .social-links a{background-color:#fff3;border-radius:50%;color:#fff;display:inline-block;height:40px;line-height:40px;margin:0 10px 10px 0;text-align:center;transition:all .4s ease;width:40px}.footer-col .social-links a:hover{background-color:#fff;color:#24262b}@media(max-width:767px){.footer-col{margin-bottom:30px;width:50%}}@media(max-width:574px){.footer-col{width:100%}.footer{padding:30px 0}}
/*# sourceMappingURL=main.c26381cb.css.map*/