@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root{--primary-color:#008b8b;--secondary-color:#20b2aa;--accent-color:#00ced1;--text-color:#2c3e50;--highlight-color:#48d1cc;--muted-color:#5f9ea0;color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-color);background:linear-gradient(135deg,#e0e0e0,#fff);overflow-x:hidden}.main-container{text-align:center;background:radial-gradient(circle,#ffffffe6,#fff9);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.nav-button:active{transform:translateY(0)}.nav-button.secondary{color:var(--primary-color);background-color:#0000}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tool-container{width:calc(100% - 2rem)!important;margin:1rem!important;padding:1rem!important}.step{padding:.75rem}.char-box{min-width:30px;height:35px;margin-bottom:1.5rem;font-size:.9rem}.visualization-steps{padding:.5rem}.step-content{gap:.5rem;font-size:.9rem}.toggle-switch{width:180px;height:36px}.toggle-slider:before{width:85px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(87px)}.nav-button{min-width:140px;margin:.25rem;padding:.6rem 1rem}}.nav-button{background-color:var(--primary-color);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border:2px solid var(--primary-color);border-radius:4px;min-width:200px;margin:.5rem;padding:.8rem 2rem;font-weight:500;transition:all .3s}.cipher-nav-container{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;margin-bottom:2rem;display:flex}.back-nav{justify-content:flex-start;width:100%;margin-bottom:1rem;display:flex;position:relative}@media (min-width:641px) and (max-width:1024px){.main-container{padding:1.5rem}.nav-button{min-width:130px;padding:.7rem 1.2rem;font-size:.9rem}.main-title{font-size:3rem}.button-container{gap:.75rem}.cipher-nav-container{flex-wrap:wrap;justify-content:center}}.nav-button:hover,.nav-button.secondary{color:var(--primary-color);background-color:#0000}.nav-button.secondary:hover{background-color:var(--primary-color);color:#fff}.speaker-button{cursor:pointer;color:var(--primary-color);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.speaker-button:hover{background-color:#008b8b1a;transform:scale(1.1)}.speaker-button:active{transform:scale(.95)}.speaker-button svg{width:24px;height:24px}.speaker-button.active{color:var(--highlight-color);background-color:#008b8b1a}.title-container{margin-bottom:3rem}.main-title{color:var(--primary-color);text-shadow:2px 2px 4px #0000001a;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.subtitle{color:var(--text-color);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.button-container{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.tool-container{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:90%!important;max-width:1000px!important;margin:2rem auto!important;padding:2.5rem!important}.tool-title{color:var(--primary-color);text-align:center;margin-bottom:1rem;font-size:2rem}.input-group label{color:var(--text-color);margin-bottom:.5rem;font-weight:500;display:block}input,textarea,select{width:100%;color:var(--text-color);background:#fff;border:2px solid #e2e8f0;border-radius:4px;padding:.75rem;transition:all .3s}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #00ced11a}.result-box{border:2px solid var(--accent-color);background:#f8fafc;border-radius:4px;margin-top:1rem;padding:1rem;font-family:Courier New,monospace}@media (max-width:768px){.step{padding:.75rem}.char-box{min-width:30px;height:35px;margin-bottom:1.5rem;font-size:.9rem}.visualization-steps{padding:.5rem}.step-content{gap:.5rem;font-size:.9rem}.toggle-switch{width:180px;height:36px}.toggle-slider:before{width:85px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(87px)}.nav-button{min-width:140px;margin:.25rem;padding:.6rem 1rem}.main-container{padding:1rem}.tool-container{width:95%!important;margin:3rem auto 1rem!important;padding:1.5rem!important}.back-nav{justify-content:flex-start;width:100%;margin-bottom:1rem;display:flex;position:relative;top:0;left:0}.cipher-nav-container{flex-direction:column;align-items:center}.cipher-nav-container button{width:100%;max-width:250px}.nav-button{min-width:150px;margin:.25rem}}@media (max-width:640px){.main-title{font-size:2.5rem}.nav-button{min-width:120px;margin:.25rem;padding:.6rem 1rem;font-size:.85rem}.cipher-nav-container{flex-wrap:wrap}.tool-container{margin:1rem;padding:1rem}h1{font-size:2.5rem!important}.crypto-container{padding:1rem!important}button,.btn{width:100%}}@media (max-width:768px){.step{padding:.75rem}.char-box{min-width:30px;height:35px;margin-bottom:1.5rem;font-size:.9rem}.visualization-steps{padding:.5rem}.step-content{gap:.5rem}.toggle-switch{width:180px;height:36px}.toggle-slider:before{width:85px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(87px)}.nav-button{min-width:140px;margin:.25rem;padding:.6rem 1rem}.main-container{padding:1rem}.tool-container{width:95%!important;margin:3rem auto 1rem!important;padding:1.5rem!important}.back-nav{justify-content:flex-start;width:100%;margin-bottom:1rem;display:flex;position:relative;top:0;left:0}.cipher-nav-container{flex-direction:column;align-items:center}.cipher-nav-container button{width:100%;max-width:250px}.nav-button{min-width:150px;margin:.25rem}}@media (max-width:640px){.main-title{font-size:2.5rem}.nav-button{min-width:120px;margin:.25rem;padding:.6rem 1rem;font-size:.85rem}.cipher-nav-container{flex-wrap:wrap}.tool-container{margin:1rem;padding:1rem}}.canvas-bg{z-index:-1;opacity:.4;pointer-events:none;background-image:linear-gradient(90deg,#10b9810d 1px,#0000 1px),linear-gradient(#10b9810d 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}a{color:var(--accent-color);text-decoration:none;transition:all .3s}a:hover{color:var(--highlight-color)}button,.btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:.25rem;padding:.6rem 1.2rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}button:hover,.btn:hover{background-color:var(--highlight-color);transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}button:active,.btn:active{transform:translateY(0)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:700;line-height:1.2}@media (max-width:640px){h1{font-size:2.5rem!important}.crypto-container{padding:1rem!important}button,.btn{width:100%}}.fade-in{animation:.5s ease-in-out fadeIn}::-moz-selection{color:var(--text-color);background-color:#10b98133}::selection{color:var(--text-color);background-color:#10b98133}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.section-title{color:var(--primary-color);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.about-content{text-align:left;line-height:1.6}.about-content p{color:var(--text-color);margin-bottom:1rem}.about-content section{margin-bottom:2rem}.about-content ul{margin-bottom:1rem;margin-left:1.5rem}.about-content ul li{color:var(--text-color);margin-bottom:.5rem}.toggle-switch{width:200px;height:40px;margin:1rem 0;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;padding:0 15px;transition:all .4s;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.toggle-slider:before{content:"";z-index:1;background-color:#fff;border-radius:16px;width:95px;height:32px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(97px)}.toggle-label{color:var(--text-color);z-index:2;font-weight:500;transition:color .3s;position:relative}.toggle-label.active{color:#fff}.visualization-steps{background:#fff;border-radius:8px;max-width:100%;margin:1rem 0;padding:1rem;overflow-x:auto;box-shadow:0 2px 4px #0000001a}.step{border-left:3px solid var(--primary-color);background:#f8fafc;margin-bottom:1.5rem;padding:1rem}.step:last-child{margin-bottom:0}.step-title{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.step-content{flex-wrap:wrap;justify-content:flex-start;gap:1rem;max-width:100%;padding-bottom:.5rem;font-family:monospace;display:flex;overflow-x:auto}.char-box{border:2px solid var(--primary-color);word-break:break-all;background:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:40px;height:40px;margin-bottom:1.5rem;padding:0 .5rem;font-weight:500;display:inline-flex;position:relative}.char-box:after{content:attr(data-index);color:var(--text-color);white-space:nowrap;font-size:.8rem;position:absolute;top:-20px}.arrow-down{width:40px;height:20px;color:var(--primary-color);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.tool-container{width:calc(100% - 2rem)!important;margin:1rem!important;padding:1rem!important}.step{padding:.75rem}.char-box{min-width:30px;height:35px;margin-bottom:1.5rem;font-size:.9rem}.visualization-steps{padding:.5rem}.step-content{gap:.5rem}.toggle-switch{width:180px;height:36px}.toggle-slider:before{width:85px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(87px)}.nav-button{min-width:140px;margin:.25rem;padding:.6rem 1rem}}.result-box.key-example{display:none}.back-nav{z-index:10;position:absolute;top:20px;left:20px}.cipher-nav-container{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}@media (max-width:768px){.main-container{padding:1rem}.tool-container{width:95%!important;margin:3rem auto 1rem!important;padding:1.5rem!important}.back-nav{justify-content:flex-start;width:100%;margin-bottom:1rem;display:flex;position:relative;top:0;left:0}.cipher-nav-container{flex-direction:column;align-items:center}.cipher-nav-container button{width:100%;max-width:250px}.nav-button{min-width:150px;margin:.25rem}}@media (min-width:769px) and (max-width:1024px){.tool-container{width:90%!important;padding:2rem!important}.cipher-nav-container{flex-wrap:wrap}}.floating-chat-button{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);color:#fff;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 4px 12px #008b8b4d}.floating-chat-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #008b8b66}.floating-chat-button:active{transform:scale(.95)}.floating-chat-button .icon-wrapper{justify-content:center;align-items:center;font-size:1.5rem;transition:transform .3s;display:flex}.floating-chat-button .icon-wrapper.rotate-out{animation:.3s forwards rotateOut}.floating-chat-button .icon-wrapper.rotate-in{animation:.3s forwards rotateIn}@keyframes rotateOut{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:.8;transform:rotate(90deg)scale(.8)}}@keyframes rotateIn{0%{opacity:.8;transform:rotate(-90deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}@media (max-width:768px){.floating-chat-button{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.floating-chat-button .icon-wrapper{font-size:1.25rem}}@media (max-width:480px){.floating-chat-button{width:45px;height:45px;bottom:1rem;right:1rem}.floating-chat-button .icon-wrapper{font-size:1.1rem}}@media (max-width:360px){.floating-chat-button{width:40px;height:40px;bottom:.75rem;right:.75rem}.floating-chat-button .icon-wrapper{font-size:1rem}}.operation-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;gap:.5rem;max-width:300px;margin:.5rem auto;padding:.25rem;display:flex}.operation-mode-option{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.operation-mode-option.active{background-color:var(--primary-color);color:#fff;font-weight:600;box-shadow:0 2px 4px #008b8b33}.operation-mode-option:hover:not(.active){color:var(--primary-color);background-color:#008b8b1a}.operation-mode-option input{display:none}.tool-container input,.tool-container textarea,.tool-container select,input[type=text],input[type=number],textarea{max-width:100%!important;box-sizing:border-box!important;overflow-wrap:break-word!important;word-break:break-word!important}.cipher-input,.cipher-textarea{max-width:calc(100vw - 40px)!important;width:100%!important;box-sizing:border-box!important}@media (max-width: 768px){input,textarea,select{max-width:calc(100vw - 20px)!important;font-size:16px!important}}.tool-container,.cipher-container,.challenge-container{max-width:100%;overflow-x:hidden;box-sizing:border-box}.challenge-container{max-width:800px;width:100%;margin:0 auto;padding:1.5rem;background:radial-gradient(circle at center,#ffffffe6,#fff9);border-radius:8px;box-shadow:0 4px 20px #0000001a}.challenge-title{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;text-align:center;position:relative}.challenge-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,var(--primary-color),var(--accent-color))}.timer-container{text-align:center;margin-bottom:1rem;font-size:1.2rem;color:var(--primary-color);font-weight:700;max-width:100%;width:100%;box-sizing:border-box;padding:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timer-progress-container{width:100%;max-width:100%;height:8px;background:#e9ecef;border-radius:4px;margin:8px 0;overflow:hidden;box-sizing:border-box}.timer-progress-bar{height:100%;background:linear-gradient(to right,#4caf50,#8bc34a);border-radius:4px;transition:width 1s linear;max-width:100%}.puzzle-display{background-color:#ffffffe6;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;text-align:center}.feedback-message{padding:.75rem;margin:.5rem 0;border-radius:4px;text-align:center;font-weight:700}.feedback-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.feedback-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.score-display{text-align:center;margin-top:1rem;font-size:1.2rem;font-weight:700;color:var(--accent-color)}.difficulty-buttons{display:flex;justify-content:center;margin:1rem 0;gap:.5rem}.difficulty-button{padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;background-color:var(--primary-color);color:#fff;border:none;transition:all .3s ease}.difficulty-button:hover{background-color:var(--accent-color);transform:translateY(-2px)}.challenge-input{width:100%;padding:.75rem;border-radius:4px;border:1px solid #ccc;margin-bottom:1rem;font-size:1rem;text-align:center}.challenge-submit{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.challenge-submit:hover{background-color:var(--accent-color)}.all-questions-container{max-height:70vh;overflow-y:auto;padding:.5rem;border-radius:8px;background:#ffffff80}.question-container{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 10px #0000000d;border:2px solid transparent;transition:all .3s ease}.question-container:hover{border-color:var(--primary-color);box-shadow:0 4px 15px #00ced11a}.question-number{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem;padding:.5rem;background:#00ced11a;border-radius:6px;display:inline-block}.options-container{display:flex;flex-direction:column;gap:.75rem}.options-container .option-button{min-height:80px;padding:1.25rem 1.5rem;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:left;line-height:1.6;display:flex;align-items:flex-start;height:auto;max-width:100%;box-sizing:border-box}.option-button{width:100%;max-width:100%;text-align:left;padding:1rem 1.25rem;border:2px solid transparent;border-radius:6px;background-color:#fff;transition:all .3s ease;font-size:1rem;cursor:pointer;min-height:60px;white-space:normal;word-break:break-word;line-height:1.5;display:flex;align-items:flex-start;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box;overflow:visible;height:auto}.box{border-color:var(--primary-color)}.quiz-container{max-width:800px;width:100%;margin:0 auto;padding:1.5rem;background:radial-gradient(circle at center,#ffffffe6,#fff9);border-radius:8px;box-shadow:0 4px 20px #0000001a}.quiz-title{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;text-align:center;position:relative}.quiz-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,var(--primary-color),var(--accent-color))}.quiz-nav{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.quiz-nav .nav-button{min-width:120px;flex:1}.arrow-nav{display:flex;justify-content:space-between;margin:1.5rem 0;width:100%}.arrow-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0003}.arrow-button:hover:not(:disabled){background-color:var(--accent-color);transform:scale(1.05)}.arrow-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.arrow-button svg{width:24px;height:24px}.question-container{border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 10px #0000000d}.question-text{font-weight:700;font-size:1.2rem;margin-bottom:1rem;color:var(--text-color)}.options-container{display:flex;flex-direction:column;gap:.75rem;color:#000}.option-button{width:100%;text-align:left;padding:.8rem 1rem;border:2px solid transparent;border-radius:6px;background-color:#fff;transition:all .3s ease;font-size:1rem;cursor:pointer;min-height:60px;white-space:normal;word-break:break-word}.option-button:hover:not(:disabled){background-color:#008b8b0d;border-color:var(--primary-color)}.option-button.selected{background-color:#008b8b1a;border-color:var(--primary-color)}.option-button.correct{background-color:#28a7451a;border-color:#28a745;color:#28a745}.option-button.incorrect{background-color:#dc35451a;border-color:#dc3545;color:#dc3545}.explanation{margin-top:.5rem;font-style:italic;padding:.5rem;border-radius:4px;font-size:.9rem}.explanation.correct{color:#28a745;background-color:#28a7450d}.explanation.incorrect{color:#dc3545;background-color:#dc35450d}.action-button{width:100%;padding:.8rem;border-radius:6px;background-color:var(--primary-color);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid var(--primary-color);margin-top:1rem}.action-button:hover:not(:disabled){background-color:transparent;color:var(--primary-color)}.action-button:disabled{opacity:.6;cursor:not-allowed}.result-container{text-align:center;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}.score-display{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-color)}.timer-container{margin-bottom:1rem}.timer-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-top:.5rem}.timer-progress{height:100%;background-color:var(--primary-color);transition:width 1s linear}.challenge-prompt{background-color:#008b8b1a;border-left:4px solid var(--primary-color);padding:1rem;margin-bottom:1rem;border-radius:0 4px 4px 0}.feedback{margin-top:1rem;padding:.75rem;border-radius:4px;font-weight:500}.feedback.success{background-color:#28a7451a;color:#28a745}.feedback.error{background-color:#dc35451a;color:#dc3545}.feedback.info{background-color:#008b8b1a;color:var(--primary-color)}@media (max-width: 768px){.quiz-container{padding:1rem;margin-top:3rem}.quiz-title{font-size:1.5rem}.back-button{top:10px;left:10px;padding:.4rem .8rem;font-size:.8rem}.question-text{font-size:1rem}.option-button{padding:.6rem .8rem;font-size:.9rem}}@media (max-width: 480px){.quiz-nav{flex-direction:column}.quiz-nav .nav-button{width:100%;margin:.25rem 0}.quiz-title:after{width:60px}}.quiz-title,.challenge-title,.tool-title,.section-title{font-size:clamp(1.5rem,5vw,2rem);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.nav-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(.75rem,2vw,.875rem);padding:clamp(.5rem,2vw,.8rem) clamp(1rem,3vw,2rem);min-width:clamp(120px,30vw,200px)}.back-home{position:fixed;top:clamp(.75rem,2vw,1.25rem);left:clamp(.75rem,2vw,1.25rem);z-index:10;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1.25rem);font-size:clamp(.75rem,2vw,.875rem)}@media (max-width: 768px){.quiz-nav,.button-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;gap:.5rem}.quiz-nav .nav-button,.button-container .nav-button{margin:.25rem 0;min-width:0;width:100%}.difficulty-buttons{flex-wrap:wrap}}@media (max-width: 480px){.quiz-container,.challenge-container,.tool-container{padding:1rem;margin:1rem auto;width:calc(100% - 1rem)}.quiz-nav,.button-container{grid-template-columns:1fr}.difficulty-buttons{flex-direction:column;width:100%}.difficulty-button{width:100%;margin:.25rem 0}}.quiz-progress{margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease}.progress-text{text-align:center;margin-top:.5rem;font-size:.9rem;color:#64748b}.question-container{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.question-text{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.options-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-button{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:6px;background-color:#fff;text-align:left;font-size:1rem;cursor:pointer;transition:all .2s ease}.option-button:hover:not(:disabled){border-color:#cbd5e1;background-color:#f8fafc}.option-button.selected{border-color:var(--primary-color);background-color:#e6f7ff}.option-button.correct{border-color:#10b981;background-color:#d1fae5;color:#065f46}.option-button.incorrect{border-color:#ef4444;background-color:#fee2e2;color:#b91c1c}.option-button.correct-answer{border-color:#10b981;background-color:#d1fae5;color:#065f46;opacity:.7}.explanation{margin-top:1rem;padding:1rem;border-radius:6px;background-color:#f8fafc;margin-bottom:1.5rem}.correct-message{color:#10b981;font-weight:600;margin-bottom:.5rem}.incorrect-message{color:#ef4444;font-weight:600;margin-bottom:.5rem}.explanation-text{font-style:italic;color:#64748b}.navigation-buttons{display:flex;justify-content:space-between}.results-container{text-align:center;padding:2rem}.score-display{font-size:1.5rem;margin:2rem 0;padding:1rem;background-color:#f8fafc;border-radius:8px}.result-actions{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.quiz-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,#20b2aa 100%);border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 15px #008b8b4d;gap:2rem}.quiz-progress{flex:1;color:#fff}.progress-text{font-size:.9rem;margin-bottom:.5rem;display:block;opacity:.9}.progress-bar{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fff,#e0ffff);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #ffffff80}.quiz-actions-header{display:flex;align-items:center;gap:1rem}.current-score{color:#fff;font-weight:700;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.download-questions-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.download-questions-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003;color:#fff;text-decoration:none}.download-questions-button svg{flex-shrink:0}@media (max-width: 768px){.quiz-header-bar{flex-direction:column;gap:1rem;text-align:center}.quiz-actions-header{flex-direction:column;gap:.75rem}.download-button{padding:.6rem 1.2rem;font-size:.85rem}}.message{display:flex;margin-bottom:1rem;animation:messageSlide .3s ease-out}.message-content{display:flex;align-items:flex-end;gap:.5rem;max-width:80%}.user-message .message-content{flex-direction:row-reverse}.user-message .message-bubble{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.ai-message{justify-content:flex-start}.ai-message .message-bubble{background:#fff;color:var(--text-color);border:1px solid #e2e8f0;border-bottom-left-radius:4px}.ai-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.message-bubble{padding:.75rem 1rem;border-radius:16px;animation:bubblePop .3s ease-out;word-wrap:break-word;max-width:100%}.message-text{margin:0;line-height:1.5;font-size:.875rem}.markdown-content{font-size:.875rem;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1rem;margin-bottom:.5rem;font-weight:600;line-height:1.25}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.25rem}.markdown-content h3{font-size:1.1rem}.markdown-content h4{font-size:1rem}.markdown-content h5{font-size:.875rem}.markdown-content h6{font-size:.75rem}.markdown-content p{margin-bottom:.75rem}.markdown-content ul,.markdown-content ol{margin-bottom:.75rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-content pre{background:#f6f8fa;border-radius:6px;padding:.75rem;margin:.75rem 0;overflow-x:auto}.markdown-content code{background:#f3f4f6;padding:.125rem .25rem;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:4px solid var(--primary-color);margin:.75rem 0;padding-left:1rem;color:#64748b}.markdown-content a{color:var(--accent-color);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;width:100%;margin:.75rem 0}.markdown-content table th,.markdown-content table td{border:1px solid #e2e8f0;padding:.5rem;text-align:left}.markdown-content table th{background:#f8fafc;font-weight:600}.message-metadata{display:flex;align-items:center;margin-top:.25rem;flex-direction:column}.message-time{font-size:.625rem;color:#94a3b8;white-space:nowrap}.typing-indicator{display:flex;align-items:center;gap:4px;padding:.75rem 1rem}.error-message .message-bubble{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.error-icon{width:32px;height:32px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.error-header h4{margin:0;font-size:.875rem;font-weight:600}.error-text{margin:.5rem 0;font-size:.875rem}.retry-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#dc2626;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-spinner{position:relative;width:40px;height:40px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){animation-delay:.1s;width:80%;height:80%;top:10%;left:10%;border-top-color:var(--secondary-color)}.spinner-ring:nth-child(3){animation-delay:.2s;width:60%;height:60%;top:20%;left:20%;border-top-color:var(--accent-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:.875rem;color:#64748b;margin:0}.screenshot-message .message-bubble{padding:.5rem}.screenshot-container{position:relative;width:200px;border-radius:8px;overflow:hidden;margin-bottom:.5rem}.screenshot-thumbnail{width:100%;height:auto;display:block;cursor:pointer;transition:transform .2s ease}.screenshot-thumbnail:hover{transform:scale(1.02)}.screenshot-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.screenshot-container:hover .screenshot-actions{opacity:1}.screenshot-action-btn{width:28px;height:28px;background:#000000b3;color:#fff;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.75rem}.screenshot-action-btn:hover{background:#000000e6;transform:scale(1.1)}.screenshot-fullscreen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.screenshot-fullscreen{max-width:100%;max-height:calc(90vh - 60px);-o-object-fit:contain;object-fit:contain;border-radius:8px}.fullscreen-close-btn{position:absolute;top:-40px;right:0;width:36px;height:36px;background:#ffffff1a;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.fullscreen-close-btn:hover{background:#fff3;transform:scale(1.1)}.fullscreen-actions{display:flex;gap:1rem}.fullscreen-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.fullscreen-action-btn:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 768px){.message-content{max-width:90%}.markdown-content{font-size:.8125rem}.screenshot-container{width:150px}}@media (max-width: 480px){.message-bubble{padding:.625rem .875rem}.message-text{font-size:.8125rem}.screenshot-container{width:120px}}.chat-interface{position:fixed;bottom:5rem;right:2rem;width:400px;height:600px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #008b8b33;display:flex;flex-direction:column;opacity:0;transform:scale(.8) translateY(20px);pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:999;border:1px solid rgba(0,139,139,.1);overflow:hidden;max-height:calc(100vh - 8rem)}.chat-interface.open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.chat-interface.minimized{height:60px;overflow:hidden}.chat-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0;min-height:60px;position:relative;z-index:10}.chat-header-title h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.chat-status{font-size:.75rem;opacity:.9;display:flex;align-items:center;gap:.25rem}.chat-status:before{content:"";width:6px;height:6px;background:#4ade80;border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}.chat-header-controls{display:flex;gap:.5rem;position:relative;z-index:11}.chat-control-btn{background:#ffffff4d;border:1px solid rgba(255,255,255,.4);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;font-family:system-ui,-apple-system,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}.chat-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-control-btn:active{transform:scale(.95)}.chat-control-btn span{display:flex;align-items:center;justify-content:center;line-height:1;font-size:16px;font-weight:700;width:100%;height:100%}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;background:#f8fafc;display:flex;flex-direction:column;gap:1rem;min-height:0}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message{display:flex;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-bubble{max-width:90%;padding:.75rem 1rem;border-radius:16px;font-size:.875rem;line-height:1.5;position:relative;animation:bubblePop .3s ease-out}@keyframes bubblePop{0%{transform:scale(.8)}80%{transform:scale(1.05)}to{transform:scale(1)}}.user-message .message-bubble{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.bot-message .message-bubble{background:#fff;color:var(--text-color);border:1px solid #e2e8f0;border-bottom-left-radius:4px}.typing-indicator{display:flex;align-items:center;gap:4px;padding:1rem}.typing-indicator span{width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-input-container{background:#fff;border-top:1px solid #e2e8f0;padding:1rem;border-radius:0 0 16px 16px;position:relative;z-index:10}.chat-input-options{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.option-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#64748b;font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.option-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.option-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #008b8b33}.option-button svg{width:14px;height:14px;display:block;flex-shrink:0}.option-button.screenshot-btn:empty:before{content:"📷";font-size:14px}.option-label{font-size:.75rem;font-weight:500}.chat-input-area{display:flex;gap:.75rem;align-items:flex-end}.chat-input{flex:1;resize:none;border:2px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:.875rem;font-family:inherit;transition:all .2s ease;min-height:40px;max-height:120px;overflow-y:auto;background:#f8fafc;line-height:1.4}.chat-input:focus{outline:none;border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 3px #00ced11a}.chat-input::-moz-placeholder{color:#94a3b8}.chat-input::placeholder{color:#94a3b8}.send-button{width:40px;height:40px;border-radius:12px;background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #008b8b33;position:relative;z-index:10;font-family:system-ui,-apple-system,sans-serif}.send-button:hover:not(:disabled){background:var(--secondary-color);transform:scale(1.05);box-shadow:0 4px 12px #008b8b4d}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.send-button span{display:flex;align-items:center;justify-content:center;line-height:1;font-size:16px;font-weight:700;width:100%;height:100%}.chat-error{margin-top:.5rem;padding:.5rem .75rem;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:.75rem;border:1px solid #fecaca}@media (max-width: 768px){.chat-interface{width:calc(100vw - 2rem);height:calc(100vh - 6rem);right:1rem;bottom:4rem;max-width:500px;max-height:calc(100vh - 6rem);border-radius:12px}.chat-header{padding:.875rem 1rem}.chat-header-title h3{font-size:1rem}.chat-messages{padding:1rem;gap:.75rem}.message-bubble{max-width:85%;padding:.625rem .875rem;font-size:.8rem}.chat-input-container{padding:.625rem}.chat-input-options{margin-bottom:.5rem}.option-button{padding:.375rem .5rem;font-size:.7rem}.chat-input{padding:.625rem;font-size:.8rem;min-height:36px;max-height:100px}.send-button{width:36px;height:36px;font-size:.875rem}.chat-control-btn{width:28px;height:28px;font-size:.75rem}}@media (max-width: 480px){.chat-interface{width:calc(100vw - 1rem);right:.5rem;bottom:3.5rem;height:calc(100vh - 5rem);max-height:calc(100vh - 5rem)}.chat-header{padding:.75rem .875rem;min-height:52px}.chat-header-title h3{font-size:.9rem}.chat-status{font-size:.7rem}.chat-messages{padding:.75rem;gap:.5rem}.message-bubble{max-width:90%;padding:.5rem .75rem;font-size:.75rem;border-radius:12px}.chat-input-container{padding:.5rem}.chat-input-options{flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.option-button{padding:.25rem .5rem;font-size:.65rem}.option-label{display:none}.chat-input{padding:.5rem;font-size:.75rem;min-height:32px;max-height:80px}.send-button{width:32px;height:32px;font-size:.75rem}.chat-control-btn{width:24px;height:24px;font-size:.7rem}.chat-header-controls{gap:.25rem}}@media (max-width: 360px){.chat-interface{width:calc(100vw - .5rem);right:.25rem;bottom:3rem;height:calc(100vh - 4rem);max-height:calc(100vh - 4rem)}.chat-header{padding:.625rem .75rem}.chat-messages{padding:.5rem}.message-bubble{padding:.375rem .625rem;font-size:.7rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-interface.open{animation:slideInUp .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100px) scale(.9)}}.chat-interface:not(.open){animation:slideOutDown .3s ease-in}.chat-interface.minimized .chat-messages,.chat-interface.minimized .chat-input-container{opacity:0;height:0;overflow:hidden;transition:all .3s ease}.chat-interface:not(.minimized) .chat-messages,.chat-interface:not(.minimized) .chat-input-container{opacity:1;transition:all .3s ease}/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.w-auto{width:auto}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.crypto-container{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:2rem}.cipher-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1e1e1eb3;border:1px solid #ffffff14;border-radius:.75rem;margin-bottom:1.75rem;padding:1.75rem;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.cipher-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#6ee7b71a,#0000 60%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.cipher-card:hover{border-color:#6ee7b74d;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.cipher-card:hover:before{opacity:1}.nav-button{color:var(--accent-color);border:1px solid var(--accent-color);background-color:#0000;margin:.25rem;font-size:.875rem;transition:all .3s;position:relative}.nav-button:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:all .3s;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.nav-button:hover:after{width:80%}.nav-button:hover{background-color:#6ee7b71a;transform:translateY(-2px)}.nav-button.active{background-color:var(--accent-color);color:var(--primary-color)}.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;display:grid}.algo-title{color:var(--accent-color);margin-bottom:1rem;font-size:2rem;display:inline-block;position:relative}.algo-title:after{content:"";background:linear-gradient(to right,var(--accent-color),transparent);width:40%;height:3px;position:absolute;bottom:-8px;left:0}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--accent-color);letter-spacing:.02em;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.result-box{border-left:3px solid var(--accent-color);overflow-wrap:break-word;background-color:#ffffff0d;border-radius:.5rem;margin-top:1.25rem;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.6;position:relative}.result-box:before{content:"Output";background-color:var(--secondary-color);color:var(--accent-color);border-radius:4px;padding:0 8px;font-size:.75rem;position:absolute;top:-10px;left:10px}.back-home{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#121212cc;border:1px solid #ffffff14;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s;display:flex;position:fixed;top:1.25rem;left:1.25rem;box-shadow:0 4px 12px #0003}.back-home:hover{background-color:#1e1e1ee6;border-color:#6ee7b74d}@media (max-width:768px){.back-home{padding:.5rem .75rem;top:.75rem;left:.75rem}.crypto-container{padding-top:4.5rem}.algo-title{font-size:1.5rem}.nav-button{padding:.4rem .75rem;font-size:.75rem}}.form-control{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-range{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.input-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-color);cursor:pointer;border:2px solid var(--secondary-color);border-radius:50%;width:18px;height:18px;-webkit-transition:all .3s;transition:all .3s}.input-range::-webkit-slider-thumb:hover{background:var(--highlight-color);transform:scale(1.1)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-gradient{color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--accent-color),#60a5fa)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}