@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background-color:#000;box-shadow:0 4px 8px #ffffff4d;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.header:hover{background-color:#111}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#c2c2c2);-webkit-background-clip:text;background-clip:text;background-size:200%;font-size:1.8rem;font-weight:700;letter-spacing:.1rem;margin-left:1rem;overflow:hidden;position:relative;transition:background-size .3s ease;z-index:1001}.logo:hover{animation:shine 1.5s linear infinite;background-position:100% 0}@keyframes shine{0%{background-position:-100%}to{background-position:100%}}.nav{align-items:center;display:flex;margin-right:50px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:1.5rem;position:relative}.nav-links a{color:#fff;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-links a:after{background:tomato;bottom:-5px;content:"";display:block;height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:tomato}@media (max-width:1050px){.nav-links{align-items:center;background-color:#000;display:none;flex-direction:column;height:100%;justify-content:center;left:0;padding-top:70px;position:fixed;text-align:center;top:0;width:100%;z-index:999}.nav-links li{margin:1rem 0}.nav-links.show{display:flex}.nav-links a{font-size:2rem}.nav-toggle{cursor:pointer;display:block;margin-right:1rem;z-index:1001}.nav-toggle span{background-color:#fff;display:block;height:3px;margin:5px auto;transition:all .3s ease;width:30px}.nav-toggle span:first-child{transform-origin:top left}.nav-toggle span:nth-child(3){transform-origin:bottom left}.nav-toggle.open span:first-child{position:relative;top:6px;transform:rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){position:relative;top:10px;transform:rotate(-45deg)}}@media (min-width:1051px){.nav-toggle{display:none}}.home-page-container .home-page{align-items:center;background-color:#121212;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:center}.home-page-container .background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.home-page-container .floating-icons{align-items:center;animation:float 10s linear infinite;display:flex;height:100%;justify-content:space-around;position:absolute;width:100%}.home-page-container .icon{animation:move 5s infinite alternate,rotate 20s linear infinite;font-size:2rem}@keyframes move{0%{transform:translateX(0)}to{transform:translateX(20px)}}.home-page-container .matrix{display:flex;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.home-page-container .matrix-column{animation:matrix-fall 10s linear infinite;color:#0e7f0eb3;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace}.home-page-container .matrix-number{font-size:1.2rem;margin:.1rem 0}@keyframes matrix-fall{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.home-page-container .scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff1a 0,#ffffff1a 6px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.home-page-container .terminal{background-color:#000;border:2px solid #0f0;border-radius:10px;bottom:2%;box-shadow:0 0 10px #0f0;cursor:move;max-width:400px;position:absolute;right:2%;width:30%;z-index:1}.home-page-container .terminal-header{align-items:center;background-color:#0f0;border-bottom:2px solid #0f0;cursor:grab;display:flex;justify-content:space-between;padding:.5rem}.home-page-container .terminal-title{color:#000;font-family:Courier New,Courier,monospace}.home-page-container .terminal-body{color:#0f0;font-family:Courier New,Courier,monospace;height:300px;overflow-y:auto;padding:1rem}.home-page-container .code-line{margin:.5rem 0;overflow:hidden;white-space:nowrap;width:100%}@keyframes typing{0%,to{width:0}50%{width:100%}}@keyframes lightning{0%{box-shadow:0 0 10px #ffffff1a}50%{box-shadow:0 0 20px #ffffff4d,0 0 30px #fff3}to{box-shadow:0 0 10px #ffffff1a}}.home-page-container .intro-text,.home-page-container .message,.home-page-container .trap{animation:lightning 5s infinite;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 8px #0000004d;margin:2rem auto;max-width:600px;padding:2rem;transition:box-shadow .3s ease;z-index:1}.home-page-container .intro-text h2{color:tomato;margin-bottom:1rem;text-shadow:0 0 10px #ff6347b3}.home-page-container .intro-text p{color:#ccc;font-size:1.2rem}.home-page-container .message:hover,.home-page-container .trap:hover{box-shadow:0 10px 20px #00000080,0 6px 6px #0003}.home-page-container .trap input{background:#2a2a2a;border:none;border-radius:5px;color:#fff;margin:1rem 0;padding:.5rem;transition:.3s ease;width:100%}.home-page-container .trap input:focus{background:#333}.home-page-container .message button,.home-page-container .trap button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.home-page-container .message button:hover,.home-page-container .trap button:hover{background-color:#ff4500;box-shadow:0 5px 10px #ff45004d,0 2px 2px #ff450033;transform:translateY(-5px)}.home-page-container .message h1{color:tomato;text-shadow:0 0 10px #ff6347b3}.home-page-container .popup{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.home-page-container .popup-content{background:#1e1e1e;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;padding:2rem;text-align:center}.home-page-container .popup-content h1{color:tomato;font-size:1.5rem;margin-bottom:1rem}.home-page-container .popup-content button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.home-page-container .popup-content button:hover{background-color:#ff4500;box-shadow:0 5px 10px #ff45004d,0 2px 2px #ff450033;transform:translateY(-5px)}@media (max-width:768px){.home-page-container .home-page{padding:1rem}.home-page-container .floating-icons,.home-page-container .matrix,.home-page-container .terminal{display:none}.home-page-container .intro-text,.home-page-container .message,.home-page-container .trap{animation:none;background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 8px #ffffff4d;max-width:none;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;width:70%;z-index:1}.home-page-container .intro-text{margin-top:4.5rem}.home-page-container .intro-text h2{font-size:1.5rem}.home-page-container .intro-text p,.home-page-container .trap input{font-size:1rem}.home-page-container .message button,.home-page-container .trap button{font-size:1rem;padding:.5rem 1rem}.home-page-container .message h1{font-size:1.5rem}.home-page-container .mobile-message{max-width:90%;width:100%}}.toc-page{background-color:#121212;box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;height:100vh;margin:0;overflow:hidden;padding:2rem;position:relative;width:100%}@keyframes bg-animation{0%{background-position:0 0}to{background-position:100% 100%}}.toc-page .background{animation:bg-animation 15s infinite alternate;background:radial-gradient(circle at center,#ff634733,#000c);background-size:400% 400%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.toc-page .particles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.toc-page .particle{animation:particle 10s linear infinite;background:tomato;border-radius:50%;height:3px;opacity:.7;position:absolute;width:3px}.toc-page .particle:nth-child(odd){animation-duration:12s}.toc-page .particle:nth-child(2n){animation-duration:8s}.toc-page .container{background-color:#000000e6;border-radius:10px;box-shadow:0 0 20px #ff63474d;height:calc(100vh - 4rem);margin:10px auto 0;max-width:800px;overflow-y:auto;padding:2rem;position:relative;z-index:200}.toc-page .container::-webkit-scrollbar{width:12px}.toc-page .container::-webkit-scrollbar-track{background:#1e1e1e}.toc-page .container::-webkit-scrollbar-thumb{background-color:tomato;border:3px solid #1e1e1e;border-radius:20px}.toc-page .toc-title{animation:fadeIn 1s ease-in-out;color:tomato;font-size:2.5rem;margin-bottom:2rem;margin-top:2rem;text-align:center;text-shadow:0 0 10px #ff6347b3}.toc-page .toc-section{animation:fadeInUp 1s ease-in-out;margin-bottom:1.5rem}.toc-page .toc-section-title{color:tomato;font-size:2rem;margin-bottom:1rem;text-shadow:0 0 5px #ff6347b3}.toc-page ul{list-style:none;margin:0;padding-left:1rem}.toc-page ul ul{padding-left:1.5rem}.toc-page li{margin-bottom:.5rem;position:relative;transition:transform .3s ease,color .3s ease}.toc-page li:before{color:tomato;content:"•";display:inline-block;margin-left:-1em;width:1em}.toc-page li:hover{color:tomato;transform:translateX(5px)}.toc-page li:hover:before{transform:rotate(45deg);transition:transform .3s ease}.toc-page ul li ul li{color:#a5a5a5}.toc-page ul li ul li:hover{color:#ffa07a}.toc-page .cyber-icons-left,.toc-page .cyber-icons-right{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;opacity:.4;pointer-events:none;position:absolute;top:0;z-index:100}.toc-page .cyber-icons-left{left:10px;margin-top:50px}.toc-page .cyber-icons-right{margin-top:50px;right:10px}.toc-page .cyber-icon{animation:float 10s ease-in-out infinite;color:tomato;font-size:3rem;margin:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.toc-page .next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:2rem auto;padding:10px 20px;text-align:center;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:150px}.toc-page .next-button:hover{background-color:#ff4500;box-shadow:0 5px 10px #ff45004d,0 2px 2px #ff450033;transform:translateY(-2px)}@media (max-width:768px){.toc-page{height:auto;padding:1rem}.toc-page .cyber-icons-left,.toc-page .cyber-icons-right{display:none}.toc-page .toc-title{font-size:1.5rem}.toc-page .toc-section-title{font-size:1.2rem}.toc-page ul{padding-left:.5rem}.toc-page ul ul{padding-left:1rem}.toc-page li{font-size:.9rem}}.robot-explanation{align-items:flex-start;animation:fadeIn 1s ease-in-out;flex-wrap:wrap;justify-content:center;margin-top:2rem;text-align:left}.robot-image{margin-bottom:1rem;margin-right:1rem;width:100px}.speech-bubble{background:#ffdc00;border-radius:15px;box-shadow:0 5px 15px #0003;color:#121212;max-width:400px;padding:1rem 1.5rem;text-align:left}.speech-bubble:after{border:10px solid #0000;border-right-color:#ffdc00;content:"";left:-15px;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:768px){.robot-explanation{align-items:center;flex-direction:column-reverse}.robot-image{margin-right:0;margin-top:1rem}.speech-bubble{max-width:90%;text-align:center}.speech-bubble:after{border-color:#ffdc00 #0000 #0000;border-width:10px;left:50%;top:100%;transform:translateX(-50%)}}.cybersecurity-page{background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.cybersecurity-page,.cybersecurity-page .content{align-items:center;display:flex;flex-direction:column}.cybersecurity-page .content{width:100%}.section{animation:slideIn 1s ease-in-out}.section p{color:#e0e0e0;margin-bottom:1.2rem}.section-title{font-size:2.5rem;margin-bottom:2rem}.cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.card{align-items:center;animation:zoomIn .5s ease;background-color:#1e1e1e;border-radius:10px;box-shadow:0 10px 20px #0003;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:350px;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:250px}.card:hover{box-shadow:0 20px 30px #00000080;transform:translateY(-10px)}.card-image{border-radius:10px;height:150px;margin-bottom:1.5rem;object-fit:cover;width:100%}.card-title{color:#ffdc00;font-size:1.5rem;margin-bottom:.5rem}.card-description{color:#ccc;font-size:1rem;text-align:center}.next-button{font-family:Lexend,sans-serif;width:200px}.quiz{animation:slideIn 1s ease-in-out;margin-top:3rem;text-align:left;width:80%}.quiz-title{color:#ffdc00;font-size:1.8rem;margin-bottom:1.5rem}.quiz-options{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.quiz-option{background-color:#1e1e1e;border:2px solid #ffdc00;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;text-align:center;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:120px}.quiz-option:hover{background-color:#ffdc00;box-shadow:0 5px 10px #ffdc004d,0 2px 2px #ffdc0033;color:#121212;transform:translateY(-2px)}.quiz-result{color:tomato;font-size:1.2rem;margin-top:1.5rem}.quiz-toggle-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-bottom:3rem;margin-top:2rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.quiz-toggle-button:hover{background-color:#0056b3;box-shadow:0 5px 10px #007bff4d,0 2px 2px #007bff33;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes particle{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.particles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.particle{animation:particle 10s linear infinite;background:tomato;border-radius:50%;height:3px;opacity:.7;position:absolute;width:3px}.particle:nth-child(odd){animation-duration:12s}.particle:nth-child(2n){animation-duration:8s}@media (max-width:768px){.main-title,.title{font-size:2rem}.section-title{font-size:1.5rem}.cards{align-items:center;flex-direction:column}.card{width:80%}.next-button{font-size:1rem;width:100%}}@media (max-width:480px){.main-title{font-size:1.5rem;margin-top:5rem}.title{font-size:1.4rem;margin-bottom:1rem;margin-top:0}.title-icon{height:30px;width:30px}.section-title{font-size:1.2rem;margin-bottom:1rem}.section{margin-bottom:2rem;padding:0 1rem;width:100%}.section p{font-size:1rem;margin-bottom:1rem;text-align:center}.card{margin-bottom:1.5rem}.card-image{height:150px;margin-bottom:1rem}.card-icon{height:30px;width:30px}.card-title{font-size:1.2rem}.card-description{font-size:.9rem}.quiz{padding:0 1rem;width:100%}.quiz-title{font-size:1.5rem}.quiz-options{flex-direction:column;gap:.5rem}.quiz-option{padding:10px 15px;width:100%}.quiz-result{font-size:1rem}.next-button,.quiz-toggle-button{font-size:1rem;padding:10px 15px;width:100%}.next-button{margin-top:2rem}}.drag-and-drop-game{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:15px;box-shadow:0 10px 20px #00000080;margin-top:2rem;padding:2rem;text-align:center}.concepts,.definitions{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:1rem}.draggable-card{background-color:#292929;border-radius:10px;box-shadow:0 10px 20px #0000004d;color:#fff;cursor:pointer;margin:.5rem;padding:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:150px}.draggable-card:hover{box-shadow:0 15px 30px #00000080;transform:scale(1.05)}.draggable-card.selected{background-color:#007bff}.droppable-area{align-items:center;background-color:#3a3a3a;border-radius:10px;display:flex;justify-content:center;margin:.5rem;min-height:100px;padding:1rem;transition:background-color .3s ease;width:200px}.droppable-area:hover{background-color:#444}.definition{color:#fff;font-weight:700;text-align:center}.matched{background-color:#28a745!important}.incorrect,.matched{border-radius:10px;color:#fff;padding:1rem;transition:background-color .3s ease}.incorrect{background-color:#dc3545!important}.incorrect .definition,.matched .definition{color:#fff}.win-message{animation:fadeIn 1s ease-in-out;color:#28a745;font-size:1.5rem;font-weight:700;margin-top:2rem}@media (max-width:768px){.drag-and-drop-game{padding:1rem}.concepts,.definitions{align-items:center;flex-direction:column}.draggable-card,.droppable-area{margin:.5rem 0;width:100%}.draggable-card{font-size:1rem;padding:.75rem}.droppable-area{min-height:80px;padding:.75rem}.definition{font-size:.9rem}}@media (max-width:480px){.drag-and-drop-game{padding:.5rem}.draggable-card,.droppable-area{margin:.25rem 0;width:90%}.draggable-card{font-size:.9rem;padding:.5rem}.droppable-area{min-height:60px;padding:.5rem}.definition{font-size:.8rem}}.basic-concepts-page{background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.basic-concepts-page,.basic-concepts-page .content{align-items:center;display:flex;flex-direction:column}.basic-concepts-page .content{animation:fadeIn 1s ease-in-out;width:100%}.main-title{color:red;font-size:2.7rem;margin-top:5rem}.main-title,.title{animation:fadeIn 1s ease-in-out;margin-bottom:2rem}.title{align-items:center;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center}.title-icon{height:50px;width:50px}.section{animation:fadeIn 1s ease-in-out;margin-bottom:4rem;width:80%}.section p{color:#ccc;font-size:1.2rem;margin-bottom:2rem}.section-title{animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;font-size:2rem;margin-bottom:1rem;padding-bottom:1rem}.intro-text{animation:fadeIn 1s ease-in-out;color:#ccc;font-size:1.2rem;margin-bottom:2rem}.concepts{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.concept-card{align-items:center;animation:zoomIn .5s ease;background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 20px #ffdc0080;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:450px;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:250px}.concept-card:hover{box-shadow:0 0 30px #ffdc00cc;transform:translateY(-10px)}.concept-card .concept-title{color:#ffdc00;font-size:1.5rem;margin-top:1rem}.concept-card .concept-description{color:#ccc;font-size:1rem;margin-top:1rem;text-align:center}.concept-card .concept-image{border-radius:10px;box-shadow:0 5px 10px #0003;height:150px;margin-top:1rem;object-fit:cover;width:100%}.card-icon{height:40px;position:absolute;right:10px;top:10px;width:40px}.interactive-section{animation:fadeInUp 1s ease-in-out;background:#ffffff1a;border-radius:15px;box-shadow:0 10px 20px #0003;margin-top:4rem;padding:2rem}.interactive-title{color:#ffdc00;font-size:2rem;margin-bottom:1rem}.next-button{display:inline-block;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}@media (max-width:768px){.main-title,.title{font-size:2rem}.section-title{font-size:1.5rem}.cards{align-items:center;flex-direction:column}.concept-card{width:80%}.next-button{font-size:1rem;width:100%}}@media (max-width:480px){.main-title{font-size:1.5rem;margin-top:5rem}.concept-card{height:380px}.title{font-size:1.3rem;margin-bottom:1rem;margin-top:0}.title-icon{height:30px;margin-bottom:2rem;width:30px}.section-title{font-size:1.2rem;margin-bottom:1rem}.section{margin-bottom:2rem;padding:0 1rem;width:100%}.section p{font-size:1rem;text-align:center}.concept-card{margin-bottom:1.5rem}.concept-card .concept-description{font-size:.9rem}.concept-card .concept-image{height:200px}.concept-card .concept-title{font-size:1.2rem}.card-icon{height:30px;width:30px}.interactive-section{padding:1rem}.interactive-title{font-size:1.5rem}.next-button{font-size:1rem;margin-top:2rem;padding:10px 15px;width:100%}}.virus-simulation{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:15px;box-shadow:0 10px 20px #00000080;margin-top:2rem;padding:2rem;text-align:center}.description{font-size:1.1rem;margin-bottom:1rem}.description strong{color:#d9534f;font-size:1.2em}.add-file-button,.start-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;font-size:1rem;margin-bottom:1rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.add-file-button:hover,.start-button:hover{background-color:#ff4500;box-shadow:0 5px 10px #ff45004d,0 2px 2px #ff450033;transform:translateY(-5px)}.files{flex-wrap:wrap;margin-bottom:1rem}.file,.files{align-items:center;display:flex;justify-content:center}.file{background-color:#8e8e8e;border-radius:10px;height:100px;margin:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100px}.file:hover{box-shadow:0 10px 20px #0000004d;transform:scale(1.05)}.infected{background-color:red;color:#fff}.virus-icon{font-size:1.5rem;position:absolute;right:5px;top:5px}.line{background-color:grey;height:10px;position:relative;top:0;transform:translateY(50%);width:50px}.line.active{background-color:red}.steps{margin-top:1rem;text-align:left}@media (max-width:768px){.virus-simulation{padding:1.5rem}.description{font-size:1rem}.add-file-button,.start-button{font-size:.9rem;padding:8px 16px}.file{height:80px;margin:8px;width:80px}.line{height:8px;width:40px}}@media (max-width:480px){.virus-simulation{padding:1rem}.description{font-size:.9rem}.add-file-button,.start-button{font-size:.8rem;padding:6px 12px}.file{height:70px;margin:5px;width:70px}.line{height:6px;width:30px}}.tooltip-container{display:inline-block;position:relative}.tooltip-container .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip-container:hover .tooltiptext{opacity:1;visibility:visible}.common-threats-page{background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.common-threats-content,.common-threats-page{align-items:center;display:flex;flex-direction:column}.common-threats-content{animation:fadeIn 1s ease-in-out;max-width:90%;width:100%}.common-threats-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:3rem;margin-top:5rem}.common-threats-section{animation:fadeIn 1s ease-in-out;margin-bottom:4rem;width:100%}.common-threats-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.common-threats-intro-text{font-size:1.1rem;margin-bottom:1.5rem}.common-threats-types-of-malware{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.common-threats-malware-type{align-items:center;animation:zoomIn .5s ease;background-color:#1e1e1e;border-radius:10px;box-shadow:0 10px 20px #0003;color:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:250px}.common-threats-malware-type:hover{box-shadow:0 20px 30px #00000080;transform:translateY(-10px)}.common-threats-real-example{color:#ff5ff4;font-size:.9rem;margin-top:1rem}.common-threats-impact-list,.common-threats-prevention-tips,.common-threats-propagation-methods{list-style-type:disc;margin-right:2rem;text-align:left}.common-threats-impact-list li,.common-threats-prevention-tips li,.common-threats-propagation-methods li{margin-bottom:.5rem}.common-threats-virus-simulation{margin-top:2rem}.common-threats-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.common-threats-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.malware-icon{height:50px;width:50px}.trojan-icon,.virus-icon,.worm-icon{height:40px;width:40px}.demo-icon,.impact-icon,.prevention-icon,.propagation-icon{height:50px;width:50px}@media (max-width:768px){.common-threats-title{font-size:2rem;margin-bottom:2rem;margin-top:2rem}.common-threats-section-title{font-size:1.8rem;margin-bottom:1.5rem}.common-threats-intro-text{font-size:1rem;margin-bottom:1rem}.common-threats-types-of-malware{align-items:center;flex-direction:column;gap:1rem}.common-threats-malware-type{margin:.5rem 0;width:90%}.common-threats-next-button{font-size:1rem;width:100%}}@media (max-width:480px){.common-threats-title{font-size:1.5rem;margin-bottom:1.5rem;margin-top:5rem}.title-icon{height:30px;margin:0;width:30px}.common-threats-section-title{font-size:1.2rem;margin-bottom:1rem}.common-threats-intro-text{font-size:.9rem;margin-bottom:.8rem}.common-threats-malware-type{padding:1rem;width:90%}.common-threats-next-button{width:100%}}.phishing-game{color:#fff;font-family:Lexend,sans-serif;text-align:center}.email-card{background-color:#1e1e1e;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;margin:1rem auto;padding:1rem;text-align:left;width:80%}.email-header{border-bottom:1px solid #ddd;margin-bottom:.5rem;padding-bottom:.5rem}.email-header p{margin:.5rem 0}.email-body{padding:.5rem 0}.email-body p{margin:0}.buttons{display:flex;justify-content:space-around;margin-top:1rem}.buttons button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;padding:.5rem 1rem;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.buttons button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.explanation{background-color:#2e2e2e;border:1px solid #ddd;border-radius:10px;color:#fff;margin-top:1rem;padding:1rem}.explanation p{margin:0}.explanation button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.explanation button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.score{color:#ffdc00;font-size:1.5rem}.score span{font-size:2rem;font-weight:700}.phishing-page{background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.phishing-content,.phishing-page{align-items:center;display:flex;flex-direction:column}.phishing-content{animation:fadeIn 1s ease-in-out;max-width:90%;width:100%}.phishing-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:3rem;margin-top:5rem}.phishing-section{animation:fadeIn 1s ease-in-out;margin-bottom:4rem;width:100%}.phishing-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.title-icon{height:40px;margin:0 10px;width:40px}.subtitle-icon{height:30px;margin-bottom:-5px;margin-left:10px;margin-right:10px;width:30px}.phishing-icon-left,.phishing-icon-right{height:60px;margin:0 10px;width:60px}.phishing-subtitle{color:#ffdc00;font-size:1.8rem;margin-top:1.5rem}.phishing-intro-text{font-size:1.1rem;margin-bottom:1.5rem}.phishing-checklist,.phishing-example,.phishing-stats,.phishing-tips{list-style-type:disc;margin-left:2rem;margin-right:2rem;text-align:left}.phishing-checklist li,.phishing-example li,.phishing-stats p,.phishing-tips li{margin-bottom:.5rem}.phishing-stats{align-items:center;background-color:#1e1e1e;border-radius:10px;display:flex;flex-direction:column;margin:1rem 0;padding:1.5rem;text-align:left}.phishing-stats p{margin-bottom:1rem}.phishing-stats-image{border-radius:10px;display:block;height:auto;margin-top:1rem;width:300px}.phishing-example{background-color:#1e1e1e;border:1px solid #ddd;border-radius:10px;color:#fff;margin:1rem 0;padding:1.5rem;position:relative}.example-body p,.example-header p{margin:.5rem 0}.example-body a{color:tomato;text-decoration:none}.example-body a:hover{text-decoration:underline}.example-icon{height:50px;width:50px}.alert-icon,.example-icon{margin-right:10px;vertical-align:middle}.alert-icon{height:30px;margin-bottom:5px;width:30px}.phishing-video iframe{border:none;height:315px;margin:1rem 0;max-width:560px;width:100%}.phishing-game{margin-top:2rem}.phishing-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.phishing-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.phone-scam-alert{animation:fadeIn 1.5s ease-in-out;background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 20px #ffffff80;color:#fff;margin:1rem 0;padding:1.5rem}.phone-scam-tips-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.phone-scam-tip{align-items:center;background-color:#2a2a2a;border-radius:8px;box-shadow:0 0 10px #ffffff4d;display:flex;padding:1rem}.phone-scam-icon{font-size:2rem;margin-right:1rem}.phone-scam-text{color:#ffdc00;font-size:1rem}.phone-scam-text strong{color:tomato}@media (max-width:768px){.phishing-title{font-size:2rem}.phishing-section-title{font-size:1.5rem}.phishing-checklist,.phishing-example,.phishing-stats,.phishing-tips{margin-left:1rem;margin-right:1rem}.phishing-next-button{font-family:Lexend,sans-serif;font-size:1rem;width:100%}.phishing-stats-image{width:200px}.phishing-icon-left,.phishing-icon-right{height:50px;width:50px}.title-icon{height:30px;width:30px}.subtitle-icon{height:25px;width:25px}.phone-scam-alert{padding:1rem}.phone-scam-tip{padding:.8rem}.phone-scam-icon{font-size:1.5rem;margin-right:.5rem}.phone-scam-text{font-size:1rem}}@media (max-width:480px){.phishing-title{font-size:1.8rem}.phishing-section-title{font-size:1.5rem}.phishing-subtitle{font-size:1.3rem}.phishing-checklist,.phishing-example,.phishing-stats,.phishing-tips{margin-left:.5rem;margin-right:.5rem}.phishing-next-button{font-family:Lexend,sans-serif;font-size:1rem}.phishing-stats-image{width:150px}.phishing-icon-left,.phishing-icon-right,.title-icon{height:40px;width:40px}.subtitle-icon{height:25px;width:25px}.phone-scam-alert,.phone-scam-tip{padding:.5rem}.phone-scam-icon{font-size:1.2rem;margin-right:.5rem}.phone-scam-alert p,.phone-scam-text{font-size:.9rem;text-align:left}.phone-scam-text{padding:.5rem}}.bruteforce-game-container{align-items:center;background:#121212;display:flex;height:50vh;justify-content:center;padding:1rem}.bruteforce-game{background:#0009;border-radius:15px;box-shadow:0 0 15px #fff3;max-width:600px;overflow:hidden;padding:2rem;position:relative;text-align:center;width:80%}.bruteforce-game:before{background:linear-gradient(45deg,#ff009666,#00e5ff66)}.bruteforce-game:after,.bruteforce-game:before{animation:rotate 5s linear infinite;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.bruteforce-game:after{animation-delay:2.5s;background:linear-gradient(45deg,#00e5ff66,#ff009666)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bruteforce-game h3{color:#ffdc00;font-size:1.8rem}.bruteforce-game h3,.instructions{margin-bottom:1rem;position:relative;z-index:1}.instructions{color:#fff;font-size:1rem}.bruteforce-game form{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.bruteforce-game input{border:1px solid #ddd;border-radius:5px;margin-bottom:1rem;max-width:300px;padding:.5rem}.bruteforce-game button,.bruteforce-game input{font-size:1rem;position:relative;width:100%;z-index:1}.bruteforce-game button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;max-width:150px;padding:.5rem 1rem;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.bruteforce-game button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.bruteforce-game p{color:#fff;font-size:1rem;margin-top:1rem;position:relative;z-index:1}@media (max-width:768px){.bruteforce-game{padding:1rem;width:90%}.bruteforce-game h3{font-size:1.5rem}.bruteforce-game input{font-size:.9rem;padding:.4rem}.bruteforce-game button{font-size:.9rem;padding:.4rem .8rem}.bruteforce-game p{font-size:.9rem}}@media (max-width:480px){.bruteforce-game h3{font-size:1.2rem}.bruteforce-game input{font-size:.8rem;padding:.3rem}.bruteforce-game button{font-size:.8rem;padding:.3rem .6rem}.bruteforce-game p{font-size:.8rem}}.bruteforce-page{background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.bruteforce-content,.bruteforce-page{align-items:center;display:flex;flex-direction:column}.bruteforce-content{animation:fadeIn 1s ease-in-out;max-width:90%;width:100%}.bruteforce-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:2rem;margin-top:5rem}.bruteforce-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.bruteforce-icon-left,.bruteforce-icon-right{height:90px;margin:0 10px;width:90px}.bruteforce-icon-inline{height:30px;margin-bottom:5px;margin-right:10px;vertical-align:middle;width:30px}.bruteforce-subtitle{align-self:center;color:#ffdc00;font-size:1.8rem;margin-top:1.5rem;text-align:center}.bruteforce-intro-text{font-size:1.1rem;margin-bottom:1.5rem}.bruteforce-demo,.bruteforce-prevention,.bruteforce-stats,.bruteforce-video{animation:zoomIn .5s ease;background-color:#1e1e1e;border-radius:10px;margin:1rem 0 2rem;padding:1.5rem;text-align:left}.bruteforce-video{align-items:center;display:flex;flex-direction:column}.bruteforce-demo p,.bruteforce-prevention p,.bruteforce-stats p{margin-bottom:.5rem}.bruteforce-prevention{margin-top:4rem}.bruteforce-video iframe{border:none;height:315px;margin:1rem 0;max-width:560px;width:100%}.bruteforce-game{margin-top:2rem}.prevention-list{list-style:none;padding:0}.prevention-list li{align-items:center;background:#ffffff1a;border-radius:5px;display:flex;margin-bottom:.5rem;padding:.5rem}.prevention-list li:before{color:#ffdc00;content:"✔";font-weight:700;margin-right:10px}.bruteforce-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.bruteforce-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.bruteforce-next-button:focus{outline:2px solid #ffdc00;outline-offset:4px}@media (max-width:768px){.bruteforce-title{font-size:2rem;margin-bottom:1.5rem}.bruteforce-section-title{font-size:1.5rem;margin-bottom:1.5rem}.bruteforce-icon-left,.bruteforce-icon-right{height:60px;margin:0 5px;width:60px}.bruteforce-icon-inline{height:20px;margin-right:5px;width:20px}.bruteforce-subtitle{font-size:1.5rem;margin-top:1rem}.bruteforce-intro-text{font-size:1rem}.bruteforce-demo,.bruteforce-prevention,.bruteforce-stats,.bruteforce-video{margin-left:1rem;margin-right:1rem;padding:1rem}.bruteforce-video iframe{height:auto;max-width:100%}.bruteforce-next-button{font-size:1rem;width:100%}.bruteforce-game{margin-top:1rem}.prevention-list li{padding:.4rem}}@media (max-width:480px){.bruteforce-title{font-size:1.5rem;margin-bottom:1rem}.bruteforce-section-title{font-size:1.2rem;margin-bottom:1rem}.bruteforce-icon-left,.bruteforce-icon-right{height:50px;margin:0 5px;width:50px}.bruteforce-icon-inline{height:18px;margin-right:5px;width:18px}.bruteforce-subtitle{font-size:1.2rem;margin-top:.8rem}.bruteforce-intro-text{font-size:.9rem}.bruteforce-demo,.bruteforce-prevention,.bruteforce-stats,.bruteforce-video{margin-left:.5rem;margin-right:.5rem;padding:.8rem}.bruteforce-video iframe{height:auto;max-width:100%}.bruteforce-next-button{font-size:1rem;width:100%}.bruteforce-game{margin-top:1rem}.prevention-list li{padding:.3rem}}.password-generator-game{background:#000c;border-radius:15px;box-shadow:0 0 20px #fff3;margin:2rem auto;max-width:800px;overflow:hidden;padding:2rem;position:relative;text-align:center}.password-generator-game h4{color:#ffdc00;font-size:1.8rem;margin-bottom:1.5rem;position:relative;z-index:1}.password-generator-game label{color:#fff;display:block;font-size:1.2rem;margin:0 auto 1rem;position:relative;width:70%;z-index:1}.password-generator-game input{background:#333;border:1px solid #ddd;border-radius:5px;color:#fff;font-size:1.1rem;margin-bottom:1rem;margin-top:.5rem;padding:.5rem;position:relative;text-align:center;width:100%;z-index:1}.password-generator-game button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;font-size:1.1rem;padding:.7rem 1.5rem;position:relative;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;z-index:1}.password-generator-game button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.password-display{margin-top:1.5rem}.password-display p{color:#fff;font-size:1.1rem;position:relative;z-index:1}.generated-password{color:#ffdc00;font-size:1.5rem;font-weight:700;margin-top:.5rem;word-break:break-all}@media (max-width:768px){.password-generator-game{padding:1.5rem}.password-generator-game h4{font-size:1.5rem}.password-generator-game label{font-size:1rem}.password-generator-game input{font-size:.9rem}.password-generator-game button{font-size:.9rem;padding:.4rem .8rem}.generated-password{font-size:1.2rem}}@media (max-width:480px){.password-generator-game{padding:1rem}.password-generator-game h4{font-size:1.2rem}.password-generator-game label{font-size:.9rem}.password-generator-game input{font-size:.8rem}.password-generator-game button{font-size:.8rem;padding:.3rem .6rem}.generated-password{font-size:1rem}}.secure-passwords-page{background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.secure-passwords-content,.secure-passwords-page{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column}.secure-passwords-content{max-width:90%;width:100%}.secure-passwords-title{animation:slideInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:2rem;margin-top:5rem}.secure-passwords-section-title{align-items:center;animation:slideInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.secure-passwords-icon-left,.secure-passwords-icon-right{animation:slideInLeft 1s ease-in-out;height:60px;margin:0 10px;width:60px}.secure-passwords-icon-inline{animation:fadeIn 1s ease-in-out;height:30px;margin-bottom:5px;margin-right:10px;vertical-align:middle;width:30px}.secure-passwords-subtitle{align-self:center;animation:slideInRight 1s ease-in-out;color:#ffdc00;font-size:1.8rem;margin-top:1.5rem;text-align:center}.secure-passwords-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.secure-passwords-prevention,.secure-passwords-tips{animation:zoomIn .5s ease;background-color:#1e1e1e;border-radius:10px;margin:1rem 0 2rem;padding:1.5rem;text-align:left}.secure-passwords-prevention p,.secure-passwords-tips p{margin-bottom:.5rem;margin-top:.5rem}.secure-passwords-game{margin-top:2rem}.tips-list{list-style:none;padding:0}.tips-list li{animation:fadeIn 1s ease-in-out;background:#ffffff1a;border-radius:5px;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem;position:relative}.tip-header{align-items:center;display:flex;margin-bottom:.5rem}.check-icon{color:#ffdc00;font-size:1.5rem;margin-right:10px}.tips-list li strong{color:#ffdc00;display:inline-block}.tips-list p{margin-top:.5rem}.secure-passwords-next-button{animation:slideInUp 1s ease-in-out;background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.secure-passwords-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.secure-passwords-next-button:focus{outline:2px solid #ffdc00;outline-offset:4px}@media (max-width:768px){.secure-passwords-title{font-size:2rem;margin-bottom:1.5rem;margin-top:5rem}.secure-passwords-section-title{font-size:1.5rem;margin-bottom:1.5rem}.secure-passwords-icon-left,.secure-passwords-icon-right{height:60px;margin:0 5px;width:60px}.secure-passwords-icon-inline{height:20px;margin-right:5px;width:20px}.secure-passwords-subtitle{font-size:1.5rem;margin-top:1rem}.secure-passwords-intro-text{font-size:1rem}.secure-passwords-prevention,.secure-passwords-tips{margin-left:1rem;margin-right:1rem;padding:1rem}.secure-passwords-prevention p,.secure-passwords-tips p{margin-bottom:.5rem}.secure-passwords-next-button{font-size:1rem;width:100%}.secure-passwords-game{margin-top:1rem}}@media (max-width:480px){.secure-passwords-title{font-size:1.5rem;margin-bottom:1rem;margin-top:5rem}.secure-passwords-section-title{font-size:1.2rem;margin-bottom:1rem}.secure-passwords-icon-left,.secure-passwords-icon-right{height:40px;margin:0 5px;width:40px}.secure-passwords-icon-inline{height:18px;margin-right:5px;width:18px}.secure-passwords-subtitle{font-size:1.2rem;margin-top:.8rem}.secure-passwords-intro-text{font-size:.9rem}.secure-passwords-prevention,.secure-passwords-tips{margin-left:.5rem;margin-right:.5rem;padding:.8rem}.secure-passwords-next-button{width:100%}.secure-passwords-game{margin-top:1rem}}.security-software-page{animation:fadeIn 1s ease-in-out;background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.security-software-content,.security-software-page{align-items:center;display:flex;flex-direction:column}.security-software-content{max-width:90%;width:100%}.security-software-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:2rem;margin-top:5rem}.security-software-section-title{align-items:center;animation:slideInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.security-software-icon-left,.security-software-icon-right{animation:slideInLeft 1s ease-in-out;height:70px;margin:0 10px;width:70px}.security-software-icon-inline{animation:fadeIn 1s ease-in-out;height:30px;margin-bottom:5px;margin-right:10px;vertical-align:middle;width:30px}.security-software-subtitle{align-self:center;animation:slideInRight 1s ease-in-out;color:#ffdc00;font-size:1.8rem;margin-top:1.5rem;text-align:center}.security-software-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.security-software-cards{animation:slideInUp 1s ease-in-out;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin-bottom:2rem;margin-top:3.5rem}.security-software-card{background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 20px #ffffff1a;display:flex;flex-direction:column;height:700px;justify-content:space-between;padding:1.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:300px}.security-software-card:hover{box-shadow:0 0 30px #fff3;transform:translateY(-10px)}.security-software-image{border-radius:10px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.security-software-demo{animation:slideInUp 1s ease-in-out;margin-top:2rem}.security-software-demo iframe{border-radius:10px;max-width:100%}.security-software-next-button{animation:fadeIn 1s ease-in-out;background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.security-software-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.security-software-next-button:focus{outline:2px solid #ffdc00;outline-offset:4px}@media (max-width:768px){.security-software-title{font-size:2rem;margin-bottom:1.5rem}.security-software-section-title{font-size:1.5rem;margin-bottom:1.5rem}.security-software-icon-left,.security-software-icon-right{height:40px;margin:0 5px;width:40px}.security-software-icon-inline{height:20px;margin-right:5px;width:20px}.security-software-subtitle{font-size:1.5rem;margin-top:1rem}.security-software-intro-text{font-size:1rem}.security-software-cards{justify-content:center}.security-software-card{height:auto;width:90%}.security-software-image{height:auto}.security-software-next-button{font-size:1rem;width:100%}}@media (max-width:480px){.security-software-title{font-size:1.5rem;margin-bottom:1rem}.security-software-section-title{font-size:1.2rem;margin-bottom:1rem}.security-software-icon-left,.security-software-icon-right{height:40px;margin:0 5px;width:40px}.security-software-icon-inline{height:18px;margin-right:5px;width:18px}.security-software-subtitle{font-size:1.2rem;margin-top:.8rem}.security-software-intro-text{font-size:1rem}.security-software-card{height:auto;width:85%}.security-software-image{height:auto}.security-software-cards{justify-content:center}.security-software-next-button{font-size:1rem;width:100%}}.security-update-page{animation:fadeIn 1s ease-in-out;background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.security-update-content,.security-update-page{align-items:center;display:flex;flex-direction:column}.security-update-content{max-width:90%;width:100%}.security-update-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:2rem;margin-top:5rem}.security-update-section-title{align-items:center;animation:slideInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.security-update-icon-inline{animation:fadeIn 1s ease-in-out;height:30px;margin:0 10px;width:30px}.security-update-icon-left{animation:fadeIn 1s ease-in-out;height:50px;margin-right:10px;width:50px}.security-update-icon-right{animation:fadeIn 1s ease-in-out;height:50px;margin-left:10px;width:50px}.security-update-icon-inline{vertical-align:middle}.security-update-subtitle{align-self:center;animation:slideInRight 1s ease-in-out;color:#ffdc00;font-size:1.5rem;margin-top:1.5rem;text-align:center}.security-update-intro-text{animation:fadeIn 1s ease-in-out;font-size:1rem;margin-bottom:1.5rem}.security-update-importance{align-items:flex-start;display:flex;margin-bottom:2rem}.security-update-image-container{flex:1 1;margin-right:2rem;max-width:50%}.security-update-image{border-radius:10px;object-fit:cover;width:100%}.security-update-text{flex:1 1;text-align:left}.security-update-text h3{color:#ffdc00;font-size:1.2rem;margin-bottom:1rem}.security-update-tutorial{align-items:flex-start;display:flex;flex-direction:column;margin-top:2rem;text-align:left}.security-update-tutorial h3{align-items:center;color:#ffdc00;display:flex;font-size:1.5rem;margin-bottom:1rem}.security-update-tutorial img{height:30px;margin-right:10px;width:30px}.security-update-tutorial ol,.security-update-tutorial p{font-size:1rem;margin-bottom:1rem;text-align:left}.security-update-tutorial ol{padding-left:1.5rem}.security-update-tutorial li{margin-bottom:.5rem}.highlighted-text{display:block;text-align:center}.interactive-game{margin-top:2rem;text-align:center}.interactive-game h3{color:#ffdc00;font-size:1.2rem;margin-bottom:1rem}.game-image-container{display:inline-block;position:relative}.game-image{border-radius:10px;max-width:500px;object-fit:cover;width:auto}.hidden-item{cursor:pointer;height:30px;position:absolute;width:30px}.hidden-item-1{left:30%;top:20%}.hidden-item-2{left:70%;top:40%}.hidden-item-3{left:50%;top:60%}.hidden-item-4{left:20%;top:80%}.hidden-item-5{left:10%;top:50%}.game-complete-message{color:#08ff08;font-size:1.2rem;margin-top:1rem}.security-update-next-button{animation:fadeIn 1s ease-in-out;background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.security-update-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.security-update-next-button:focus{outline:2px solid #ffdc00;outline-offset:4px}@media (max-width:768px){.security-update-title{font-size:1.8rem;margin-bottom:1.5rem}.security-update-section-title{font-size:1.4rem;margin-bottom:1.5rem}.security-update-icon,.security-update-icon-inline{height:25px;width:25px}.security-update-subtitle{font-size:1.3rem;margin-top:1rem}.security-update-intro-text{font-size:.9rem}.security-update-importance{flex-direction:column}.security-update-image-container{margin-bottom:1rem;margin-right:0;max-width:100%}.security-update-image{max-width:100%;width:100%}.security-update-text,.security-update-tutorial{font-size:.9rem;max-width:100%}.security-update-tutorial{align-items:center;text-align:center}.security-update-tutorial h3{font-size:1.2rem;justify-content:center;margin-bottom:1rem;text-align:center}.security-update-tutorial img{height:25px;width:25px}.security-update-tutorial ol,.security-update-tutorial p{font-size:1rem;text-align:center}.security-update-tutorial ol{padding-left:1rem}.security-update-tutorial li{margin-bottom:.5rem}.game-image,.interactive-game{max-width:100%}.game-image{width:100%}.hidden-item{height:15px;width:15px}.security-update-next-button{font-size:1rem;width:100%}.security-update-video iframe{height:auto;width:100%}}@media (max-width:480px){.security-update-title{font-size:1.5rem;margin-bottom:1rem}.security-update-icon-left{height:25px;margin-right:10px;width:25px}.security-update-icon-right{height:25px;margin-left:10px;width:25px}.security-update-section-title{font-size:1.3rem;margin-bottom:1rem}.security-update-subtitle{font-size:1rem;margin-top:.8rem}.security-update-intro-text{font-size:.8rem}.security-update-importance{flex-direction:column}.security-update-image-container{margin-bottom:1rem;margin-right:0;max-width:100%}.security-update-text h3{font-size:1.2rem;justify-content:center;margin-bottom:.8rem;text-align:center}.security-update-image{max-width:100%;width:100%}.security-update-text,.security-update-tutorial{font-size:.8rem;max-width:100%}.security-update-tutorial{align-items:center;text-align:center}.security-update-tutorial h3{font-size:1.2rem;justify-content:center;margin-bottom:.5rem;text-align:center}.security-update-tutorial img{height:25px;width:25px}.security-update-tutorial ol,.security-update-tutorial p{font-size:.9rem;text-align:center}.security-update-tutorial ol{padding-left:.8rem}.security-update-tutorial li{margin-bottom:.5rem}.game-image,.interactive-game{max-width:100%}.game-image{width:100%}.hidden-item{height:15px;width:15px}.security-update-next-button{font-size:1rem;width:100%}.security-update-video iframe{height:auto;width:100%}}.best-practices-page{animation:fadeIn 1s ease-in-out;background:#121212;box-sizing:border-box;color:#fff;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.best-practices-content,.best-practices-page{align-items:center;display:flex;flex-direction:column}.best-practices-content{max-width:90%;width:100%}.best-practices-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-top:5rem}.best-practices-section-title{align-items:center;animation:slideInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.best-practices-icon-left,.best-practices-icon-right{animation:fadeIn 1s ease-in-out;height:50px;margin:0 10px;width:50px}.best-practices-subtitle{align-self:center;animation:slideInRight 1s ease-in-out;color:#ffdc00;font-size:1.5rem;margin-top:1.5rem;text-align:center}.best-practices-intro-text{animation:fadeIn 1s ease-in-out;font-size:1rem;margin-bottom:1.5rem}.highlight-box{animation:fadeIn 1.5s ease-in-out,slideInUp 1s ease-in-out;background:#000000b3;border-left:5px solid #ffdc00;border-radius:10px;box-shadow:0 0 15px #fff3;padding:1.5rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.highlight-box p{font-size:1rem;margin-bottom:1rem}.highlight-box strong{color:#ffdc00}.highlight-box ul{list-style-type:disc;margin-left:1.5rem}.best-practices-importance{align-items:flex-start;display:flex;margin-bottom:2rem}.best-practices-image-container{flex:1 1;margin-right:2rem;max-width:50%}.best-practices-image{border-radius:10px;object-fit:cover;width:100%}.best-practices-text{flex:1 1;text-align:left}.best-practices-text h3{color:#ffdc00;font-size:1.2rem;margin-bottom:1rem}.best-practices-game{margin-top:2rem;text-align:center}.game-container{align-items:center;display:flex;justify-content:center;margin-top:1rem}.best-practices-tips{margin:0 auto;max-width:1000px;text-align:left}.best-practices-tips h3{color:#ffdc00;margin-bottom:1rem}.best-practices-tips ul{list-style-type:disc}.best-practices-tips li{margin-bottom:.5rem}.best-practices-next-button{animation:fadeIn 1s ease-in-out}.best-practices-next-button:focus{outline:2px solid #ffdc00;outline-offset:4px}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.best-practices-title{font-size:1.8rem;margin-bottom:1.5rem}.best-practices-section-title{font-size:1.4rem;margin-bottom:1.5rem}.best-practices-icon-left,.best-practices-icon-right{height:25px;width:25px}.best-practices-subtitle{font-size:1.3rem;margin-top:1rem}.best-practices-intro-text{font-size:.9rem}.best-practices-importance{flex-direction:column}.best-practices-image-container{margin-bottom:1rem;margin-right:0;max-width:100%}.best-practices-image{max-width:100%;width:100%}.best-practices-text{font-size:.9rem;max-width:100%}.best-practices-tips{max-width:100%}.best-practices-next-button{font-size:.9rem;padding:10px 15px;width:100%}.best-practices-video iframe{height:auto;width:100%}}@media (max-width:480px){.best-practices-title{font-size:1.5rem;margin-bottom:0}.highlighted-text{font-size:1.2rem;margin-bottom:3rem}.best-practices-section-title{font-size:1.3rem;margin-bottom:1rem}.best-practices-icon-left,.best-practices-icon-right{height:30px;width:auto}.best-practices-subtitle{font-size:1rem;margin-top:.8rem}.best-practices-intro-text{font-size:1rem}.best-practices-importance{flex-direction:column}.best-practices-image-container{margin-bottom:1rem;margin-right:0;max-width:100%}.best-practices-image{max-width:100%;width:100%}.best-practices-text,.best-practices-tips{font-size:.8rem;max-width:100%}.best-practices-next-button{font-size:.8rem;padding:8px 10px;width:100%}.best-practices-video iframe{height:auto;width:100%}}.maze-game,body.no-scroll{overflow:hidden}.maze-game{align-items:center;animation:backgroundAnimation 15s ease infinite;background:linear-gradient(135deg,#000,#343434);background-size:400% 400%;border-radius:10px;box-shadow:0 0 20px #ffffff80,0 0 30px #ffffff80,0 0 40px #ffffff80;display:flex;flex-direction:column;font-family:Lexend,sans-serif;height:50vh;justify-content:center;position:relative;width:60%}.maze-game:before{animation:holoEffect 4s linear infinite;background:radial-gradient(circle,#fff3 10%,#0000 10.01%) 50%;background-size:2rem 2rem;content:"";height:200%;left:-50%;mix-blend-mode:overlay;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes holoEffect{0%{transform:translate(0)}to{transform:translate(50%,50%)}}@keyframes backgroundAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.explanation-screen{align-items:center;animation:fadeIn 2s;background:#000000b3;border-radius:10px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;padding:2rem;text-align:center}.start-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.start-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}canvas{animation:zoomIn 1s;border:2px solid #fff;box-shadow:0 0 10px #00000080}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.robot-explanation{align-items:center;animation:bounceIn 1s;display:flex;margin-top:1rem}@keyframes bounceIn{0%,20%,40%,60%,80%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.speech-bubble{border-radius:10px;color:#000;padding:1rem;position:relative}@media (max-width:768px){.maze-game{height:40vh;width:80%}.start-button{font-size:1rem;padding:.5rem 1rem}.explanation-screen{padding:1.5rem}.speech-bubble{font-size:.6rem;padding:.8rem}}@media (max-width:480px){.maze-game{height:40vh;width:100%}.start-button{font-size:.8rem;padding:.5rem 1rem}.explanation-screen{padding:1rem}.speech-bubble{font-size:.7rem;padding:.5rem}}.secure-profile-game{align-items:center;background:linear-gradient(135deg,#000,#343434);border-radius:10px;box-shadow:0 0 20px #ffffff80,0 0 30px #ffffff80,0 0 40px #ffffff80;color:#fff;display:flex;flex-direction:column;font-family:Lexend,sans-serif;justify-content:center;padding:2rem;text-align:center}.step-section{margin-bottom:1rem}.step-count{font-size:1.2rem;margin-bottom:.5rem}.step-text{font-size:1.5rem;margin-bottom:1rem}.option-section button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.option-section button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.explanation-section{color:#ffdc00;font-size:1rem;margin-top:1rem}.correct-answer{color:#ffdc00;font-size:1.2rem;margin-top:1rem}.score-section{font-size:1.5rem;font-weight:700}.next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease,transform .3s ease}.next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}@media (max-width:768px){.step-text{font-size:1.2rem}.option-section button{font-size:.9rem;margin:.25rem;padding:.5rem 1rem}.explanation-section{font-size:.9rem}.correct-answer{font-size:1rem}.score-section{font-size:1.2rem}.next-button{font-size:1rem;padding:.5rem 1rem}}@media (max-width:480px){.step-text{font-size:1rem}.option-section button{font-size:.8rem;margin:.2rem;padding:.4rem .8rem}.explanation-section{font-size:.8rem}.correct-answer{font-size:.9rem}.score-section{font-size:1rem}}.email-security-page{background:#121212;border-radius:10px;box-shadow:0 0 20px #ffffff80,0 0 30px #ffffff80,0 0 40px #ffffff80;color:#fff;font-family:Lexend,sans-serif;padding:2rem;text-align:center}.email-security-chapter{color:red;font-size:2.7rem;margin-bottom:1rem;margin-top:5rem}.email-security-title{animation:fadeInDown 1s ease-in-out;color:#ffdc00;font-size:2.5rem;margin-bottom:2rem;margin-top:1.5rem}.email-security-section-title{align-items:center;animation:slideInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:1.8rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.highlighted-text{color:#ffdc00;font-size:1.5rem;margin-bottom:3rem}.email-security-icon-left,.email-security-icon-right{animation:fadeIn 1s ease-in-out;height:40px;margin:0 10px;width:40px}.email-security-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.email-security-list{animation:fadeIn 1s ease-in-out;font-size:1rem;margin:0 auto 1.5rem;max-width:600px;text-align:left}.email-security-list li{margin-bottom:.5rem}.secure-email-image{animation:fadeIn 1s ease-in-out;border-radius:10px;height:auto;margin-top:1rem;max-width:150px}.email-security-tips{animation:fadeIn 1s ease-in-out;display:flex;flex-wrap:wrap;font-size:1rem;justify-content:space-between;margin:0 auto;max-width:100%;text-align:left}.tip{align-items:center;background:#1e1e1e;border-radius:10px;box-shadow:0 0 10px #00000080;display:flex;margin-bottom:1rem;padding:1rem;width:45%}.tip-image{height:50px;margin-right:1rem;width:50px}.tip-text{flex:1 1}.tip-text strong{color:#ffdc00;display:block;margin-bottom:.5rem}.tip-text p{margin:0}.best-practices-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.best-practices-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.email-security-title{font-size:1.8rem;margin-bottom:1.5rem;margin-top:3rem}.email-security-section-title{font-size:1.4rem;margin-bottom:1.5rem}.email-security-icon-left,.email-security-icon-right{height:25px;width:25px}.highlighted-text{font-size:1.3rem}.email-security-intro-text{font-size:.9rem}.tip{margin:1rem 0;width:100%}.tip-image{height:40px;margin-right:.5rem;width:40px}.tip-content h3{font-size:1rem}.tip-content p{font-size:.9rem}}@media (max-width:480px){.email-security-chapter{font-size:1.5rem}.email-security-section-title,.email-security-title{font-size:1.1rem;margin-bottom:1rem}.email-security-section-title{margin-top:2rem}.email-security-icon-left,.email-security-icon-right{height:20px;width:20px}.email-security-intro-text,.highlighted-text{font-size:1.1rem}.tip-image{height:30px;margin-right:.3rem;width:30px}.tip-content h3{font-size:.9rem}.tip-content p{font-size:.8rem}}.usb-security-page{align-items:center;background:#121212;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Lexend,sans-serif;margin:0;min-height:100vh;overflow-y:auto;padding:2rem;position:relative;text-align:center}.usb-security-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:3rem;margin-top:5rem}.usb-security-section{animation:fadeIn 1s ease-in-out;margin-bottom:4rem;width:100%}.usb-security-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.usb-security-icon-left,.usb-security-icon-right{height:40px;margin:0 10px;width:40px}.usb-security-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.usb-security-content{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;width:100%}.usb-security-prevention,.usb-security-risks{margin-bottom:2rem;text-align:left;width:80%}.usb-security-prevention h3,.usb-security-risks h3{color:#ffdc00;margin-bottom:1rem}.usb-security-prevention ul,.usb-security-risks ul{list-style-type:none;padding:0}.usb-security-prevention li,.usb-security-risks li{align-items:center;display:flex;margin-bottom:1rem}.usb-security-demo{margin-top:2rem;text-align:center}.usb-security-demo h3{color:#ffdc00;margin-bottom:1rem}.usb-simulation-step{margin-top:1rem}.usb-simulation-step .description{font-size:1.1rem;margin-bottom:1rem}.usb-simulation-step .choices{display:flex;gap:1rem;justify-content:center}.usb-simulation-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.usb-simulation-button:hover{background-color:#e55337;transform:translateY(-2px)}.usb-simulation-step .outcome{margin-top:2rem;text-align:center}.usb-security-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.usb-security-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}@media (max-width:1024px){.usb-security-title{font-size:2.5rem}.usb-security-section-title{font-size:2rem}.usb-security-icon-left,.usb-security-icon-right{height:35px;width:35px}.usb-security-intro-text{font-size:1rem}.usb-security-prevention,.usb-security-risks{width:90%}.prevention-icon,.risk-icon{height:25px;width:25px}.usb-simulation-step .description{font-size:1rem}.usb-simulation-step .choices button{font-size:1rem;padding:.5rem 1rem}.usb-security-next-button{font-size:1rem}}@media (max-width:768px){.usb-security-title{font-size:2rem}.usb-security-section-title{font-size:1.5rem}.usb-security-icon-left,.usb-security-icon-right{height:30px;width:30px}.usb-security-intro-text{font-size:.9rem}.usb-security-prevention,.usb-security-risks{width:95%}.prevention-icon,.risk-icon{height:20px;width:20px}.usb-simulation-step .description{font-size:.9rem}.usb-simulation-step .choices button{font-size:1rem}.usb-security-next-button{font-size:1rem;width:100%}}@media (max-width:480px){.usb-security-title{font-size:1.5rem}.usb-security-section-title{font-size:1.2rem}.usb-security-icon-left,.usb-security-icon-right{height:25px;width:25px}.usb-security-prevention h3,.usb-security-risks h3{color:#ffdc00;font-size:1.3rem;margin-bottom:2rem}.usb-security-intro-text{font-size:1rem}.usb-security-prevention,.usb-security-risks{width:100%}.prevention-icon,.risk-icon{height:25px;margin-bottom:4.5rem;width:25px}.usb-simulation-step .description{font-size:1rem}.usb-simulation-step .choices button{font-family:Lexend,sans-serif;font-size:1rem;width:50%}.usb-security-next-button{width:100%}}.wifi-security-page{align-items:center;background:#121212;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.wifi-security-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:3rem;margin-top:5rem}.wifi-security-section{animation:fadeIn 1s ease-in-out;margin-bottom:4rem;width:100%}.wifi-security-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.wifi-security-icon-left,.wifi-security-icon-right{height:40px;margin:0 10px;width:40px}.wifi-security-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.wifi-security-content{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;width:100%}.wifi-security-prevention,.wifi-security-risks{margin-bottom:2rem;text-align:left;width:80%}.prevention-icon,.risk-icon{height:30px;margin-right:10px;vertical-align:middle;width:30px}.wifi-security-prevention h3,.wifi-security-risks h3{color:#ffdc00;margin-bottom:1rem}.wifi-security-prevention ul,.wifi-security-risks ul{list-style-type:none;padding:0}.wifi-security-prevention li,.wifi-security-risks li{align-items:center;display:flex;margin-bottom:1rem}.prevention-text,.risk-text{font-size:1rem}.wifi-security-demo{margin-top:2rem;text-align:center}.wifi-security-demo h3{color:#ffdc00;margin-bottom:1rem}.wifi-simulation-step{margin-top:1rem}.wifi-simulation-step .description{font-size:1.1rem;margin-bottom:1rem}.wifi-simulation-step .choices{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.wifi-simulation-button{background-color:#ffe713;border:none;border-radius:5px;box-shadow:0 5px 10px #ffffff4d,0 2px 2px #ffffff4d;color:#000;cursor:pointer;font-family:Lexend,sans-serif;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,transform .3s ease;width:300px}.wifi-simulation-button:hover{background-color:#f5ac00;transform:translateY(-2px)}.wifi-simulation-step .outcome{margin-top:2rem;text-align:center}.wifi-security-next-button{background-color:tomato;color:#fff;font-size:1.2rem;margin-bottom:3rem}.wifi-security-next-button,.wifi-security-restart-button{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.wifi-security-restart-button{background-color:#51ff00;color:#000;font-size:1rem;width:200px}.wifi-security-restart-button:hover{background-color:#0f0;box-shadow:0 5px 10px #00ff004d,0 2px 2px #0f03;transform:translateY(-2px)}.wifi-security-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}@media (max-width:768px){.wifi-security-title{font-size:2rem}.wifi-security-section-title{font-size:1.5rem}.wifi-security-icon-left,.wifi-security-icon-right{height:30px;width:30px}.wifi-security-intro-text{font-size:1rem}.wifi-security-prevention,.wifi-security-risks{width:100%}.wifi-simulation-step .description{font-size:1rem}.wifi-simulation-step .choices{flex-direction:column}.wifi-simulation-button{padding:10px}.wifi-security-next-button,.wifi-simulation-button{font-size:1rem;width:100%}.wifi-security-restart-button{font-size:1rem}}@media (max-width:480px){.wifi-security-title{font-size:1.5rem}.wifi-security-section-title{font-size:1.2rem}.wifi-security-icon-left,.wifi-security-icon-right{height:25px;width:25px}.wifi-security-intro-text,.wifi-simulation-step .description{font-size:1rem}.wifi-simulation-step .choices{flex-direction:column;gap:.5rem}.wifi-simulation-button{padding:8px}.wifi-security-next-button,.wifi-simulation-button{font-size:1rem;width:100%}.wifi-security-restart-button{font-size:1rem}}.device-security-page{align-items:center;background:#121212;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.device-security-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:3rem;margin-top:5rem}.device-security-section{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;margin-bottom:4rem;width:100%}.device-security-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem}.device-security-h3{color:#ffdc00;margin-bottom:1rem;text-align:center}.device-security-icon-left,.device-security-icon-right{height:40px;margin:0 10px;width:40px}.device-security-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.device-security-content{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;max-width:90%;width:100%}.device-security-locking,.device-security-prevention{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:left;width:100%}.device-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.device-card{align-items:center;background-color:#292929;border-radius:10px;box-shadow:0 10px 20px #0000004d;color:#fff;display:flex;flex-direction:column;height:360px;margin:.5rem;padding:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:200px}.device-card-image{height:50px;width:50px}.device-card-text{flex-grow:1;font-size:.9rem;margin-top:.5rem}.device-card-stat{color:#ffdc00;font-size:.8rem;margin-top:auto}.device-card strong{color:tomato}.device-security-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.device-security-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}@media (max-width:768px){.device-security-title{font-size:2rem}.device-security-section-title{font-size:1.5rem}.device-security-icon-left,.device-security-icon-right{height:30px;width:30px}.device-security-intro-text{font-size:1rem}.device-security-content{padding:0 1rem;width:100%}.device-card{height:auto;margin:1rem 0;width:90%}.device-card-image{height:40px;width:40px}.device-card-text{font-size:.8rem;margin-top:.5rem}.device-card-stat{font-size:.7rem;margin-top:.5rem}.device-security-next-button{font-size:1rem;width:100%}}@media (max-width:480px){.device-security-title{font-size:1.5rem}.device-security-section-title{font-size:1.2rem}.device-security-icon-left,.device-security-icon-right{height:25px;width:25px}.device-security-intro-text{font-size:1rem}.device-security-content{padding:0 .5rem}.device-card{margin:.5rem 0;width:100%}.device-card-image{height:35px;width:35px}.device-card-text{font-size:.9rem}.device-card-stat{font-size:.8rem}.device-security-next-button{font-family:Lexend,sans-serif;font-size:1rem;width:100%}}.tip-icon{align-items:flex-start;display:flex;margin-right:10px}.tip-icon img{height:30px;width:30px}.tip-content{display:inline-block;vertical-align:middle}.malware-response-page{align-items:center;background:#121212;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.malware-response-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:3rem;margin-top:5rem}.malware-response-section{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;margin-bottom:4rem;width:100%}.malware-response-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem;width:100%}.malware-response-h3{color:#ffdc00;margin-bottom:1rem;text-align:center}.malware-response-icon-left,.malware-response-icon-right{height:40px;margin:0 10px;width:40px}.malware-response-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.malware-response-timeline{margin:0 auto;max-width:1000px;padding:1rem 0;position:relative}.timeline-line{background:#ffdc00;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{background:#292929;border-radius:10px;box-shadow:0 10px 20px #0000004d;color:#fff;margin:10px 0;padding:20px;position:relative;text-align:left;transition:transform .5s ease-in-out;width:45%}.timeline-item.left{clear:both;float:left}.timeline-item.right{clear:both;float:right}.timeline-item.left:before,.timeline-item.right:before{background-color:#ffdc00;border-radius:50%;content:"";height:12px;position:absolute;top:15px;width:12px}.timeline-item.left:before{left:-15px}.timeline-item.right:before{right:-15px}.timeline-icon img{height:30px;width:30px}.timeline-content{display:inline-block}.malware-response-bonus-button,.malware-response-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.malware-response-bonus-button:hover,.malware-response-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.malware-response-bonus-button{background-color:#1e90ff}.malware-response-bonus-button:hover{background-color:#1c86ee}.malware-response-extra-info{margin:0 auto;max-width:800px;text-align:left}.malware-response-tip{align-items:flex-start;background:#292929;border-radius:10px;box-shadow:0 10px 20px #0000004d;display:flex;margin:10px 0;padding:20px}.malware-response-tip h3{color:#ffdc00;margin-bottom:10px}.malware-response-tip p{color:#fff}@media (max-width:768px){.malware-response-title{font-size:2rem}.malware-response-section-title{font-size:1.5rem}.malware-response-icon-left,.malware-response-icon-right{height:30px;width:30px}.malware-response-intro-text{font-size:1rem}.timeline-line{display:none}.timeline-item{float:none;margin:20px auto;text-align:center;width:90%}.timeline-item.left,.timeline-item.right{clear:both;float:none}.timeline-item.left:before,.timeline-item.right:before{display:none}.timeline-icon img{height:30px;width:30px}.malware-response-bonus-button,.malware-response-next-button{font-size:1rem;width:100%}.malware-response-extra-info{padding:0 1rem}}@media (max-width:480px){.malware-response-title{font-size:1.5rem}.malware-response-section-title{font-size:1.2rem}.malware-response-icon-left,.malware-response-icon-right{height:25px;width:25px}.malware-response-intro-text{font-size:1rem}.timeline-item{float:none;margin:15px auto;text-align:center;width:90%}.timeline-icon img{height:25px;width:25px}.malware-response-bonus-button,.malware-response-next-button{font-size:1rem;width:100%}.malware-response-extra-info{padding:0 .5rem}}@media (max-width:320px){.malware-response-title{font-size:1.2rem}.malware-response-section-title{font-size:1rem}.malware-response-icon-left,.malware-response-icon-right{height:20px;width:20px}.malware-response-intro-text{font-size:.8rem}.timeline-item{float:none;margin:10px auto;text-align:center;width:95%}.timeline-icon img{height:20px;width:20px}.malware-response-bonus-button,.malware-response-next-button{font-size:.9rem;width:100%}.malware-response-extra-info{padding:0 .25rem}}.contact-authorities-page{align-items:center;background:#121212;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.contact-authorities-title{animation:fadeInDown 1s ease-in-out;color:red;font-size:2.7rem;margin-bottom:3rem;margin-top:5rem}.contact-authorities-section{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;margin-bottom:4rem;width:100%}.contact-authorities-section-title{align-items:center;animation:fadeInLeft 1s ease-in-out;border-bottom:2px solid #ffdc00;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;padding-bottom:1rem;width:100%}.contact-authorities-h3{color:#ffdc00;font-size:1.5rem;margin-bottom:1rem;text-align:center}.contact-authorities-icon-left,.contact-authorities-icon-right{height:40px;margin:0 10px;width:40px}.contact-authorities-intro-text{animation:fadeIn 1s ease-in-out;font-size:1.1rem;margin-bottom:1.5rem}.contact-authorities-content{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;max-width:90%;width:100%}.contact-authorities-step-content h4,.contact-authorities-threat-content h4{color:#ffdc00}.contact-authorities-steps,.contact-authorities-threats{margin-bottom:2rem;text-align:left;width:100%}.contact-authorities-step,.contact-authorities-threat{align-items:center;background-color:#292929;border-radius:10px;box-shadow:0 10px 20px #0000004d;color:#fff;display:flex;margin:.5rem;padding:1rem}.contact-authorities-step-icon,.contact-authorities-threat-icon{height:50px;margin-right:1rem;width:50px}.contact-authorities-step-content,.contact-authorities-threat-content{flex-grow:1}.contact-authorities-next-button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.contact-authorities-next-button:hover{background-color:#e55337;box-shadow:0 5px 10px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.contact-authorities-step-content a{color:#ffdc00;margin-left:5px;text-decoration:none}.contact-authorities-step-content a:visited{color:#ffdc00}.contact-authorities-step-content a:hover{text-decoration:underline}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.contact-authorities-title{font-size:2rem}.contact-authorities-section-title{font-size:1.5rem}.contact-authorities-icon-left,.contact-authorities-icon-right{height:30px;width:30px}.contact-authorities-intro-text{font-size:1rem}.contact-authorities-step,.contact-authorities-threat{align-items:center;flex-direction:column;text-align:center}.contact-authorities-step-icon,.contact-authorities-threat-icon{margin-bottom:.5rem}.contact-authorities-next-button{font-size:1rem;width:100%}}@media (max-width:480px){.contact-authorities-title{font-size:1.8rem;margin-top:5rem}.contact-authorities-section-title{font-size:1.2rem}.contact-authorities-icon-left,.contact-authorities-icon-right{height:25px;width:25px}.contact-authorities-intro-text{font-size:.9rem}.contact-authorities-step,.contact-authorities-threat{margin-top:1rem;padding:.8rem}.contact-authorities-step-icon,.contact-authorities-threat-icon{height:40px;margin-right:0;padding-top:.5rem;width:40px}.contact-authorities-next-button{font-size:1rem;width:100%}.contact-authorities-h3{font-size:1.1rem}.contact-authorities-step-content h4,.contact-authorities-threat-content h4{font-size:1rem}.contact-authorities-step-content p,.contact-authorities-threat-content p{font-size:.8rem}.contact-authorities-step ul{list-style-position:inside;padding-left:0}.contact-authorities-step-content{margin-bottom:1rem}.contact-authorities-step-content ul{margin-bottom:1rem;margin-top:.5rem;padding-left:0}.contact-authorities-step-content li{margin-bottom:.5rem}.contact-authorities-step-content a{display:block;font-size:.8rem;margin-top:.3rem}}.thank-you-page{align-items:center;animation:fadeIn 1s ease-in-out;background:linear-gradient(135deg,#1f1c2c,#928dab);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Lexend,sans-serif;height:100vh;margin:0;overflow-y:auto;padding:2rem;position:relative;text-align:center}.thank-you-title{align-items:center;animation:slideInDown 1s ease-in-out;color:#ffdc00;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:2rem;margin-top:5rem}.thank-you-icon{animation:bounce 2s infinite;height:50px;margin-left:10px;width:50px}.thank-you-message{animation:fadeIn 1.5s ease-in-out;background:#000000b3;border-radius:10px;box-shadow:0 0 20px #ffffff80;font-size:1.2rem;margin-bottom:2rem;padding:1.5rem;width:800px}.highlight{color:red;font-weight:700}.thank-you-section{align-items:center;animation:fadeInUp 1s ease-in-out;background:#000000b3;border-radius:10px;box-shadow:0 0 20px #ffffff80;display:flex;margin-bottom:1.5rem;padding:1rem;width:800px}.section-icon{height:40px;margin-right:10px;width:40px}.section-text{color:#fff;font-size:1.1rem}.thank-you-button{animation:fadeIn 1.5s ease-in-out;background-color:tomato;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;font-size:1.2rem;margin-top:3rem;padding:15px 30px;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.thank-you-button:hover{background-color:#e55337;box-shadow:0 5px 15px #e553374d,0 2px 2px #e5533733;transform:translateY(-2px)}.thank-you-button:focus{outline:none}.thank-you-music{animation:fadeIn 2s ease-in-out;margin-top:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@media (max-width:768px){.thank-you-title{font-size:2rem}.thank-you-message{font-size:1rem;width:90%}.thank-you-section{width:90%}.section-icon{height:30px;width:30px}.section-text{font-size:1rem}.thank-you-button{font-size:1rem;width:90%}}@media (max-width:480px){.thank-you-title{font-size:1.5rem}.thank-you-message{font-size:1rem;text-align:left;width:90%}.thank-you-section{width:90%}.section-icon{height:25px;width:25px}.section-text{font-size:.9rem}.thank-you-button{font-size:1rem;width:100%}}
/*# sourceMappingURL=main.a8803aea.css.map*/