.input-field-container{display:flex;flex-direction:column;margin-bottom:16px;width:40%}.input-field{font-family:Arial,sans-serif;width:100%;min-height:250px;padding:12px 16px;font-size:1.1rem;color:#222;background-color:#f5f5f5;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;resize:none;margin-top:8px;transition:border-color .2s;box-shadow:0 0 20px #000}.input-field:focus{border-color:#0078d4;outline:none}@media(max-width:1024px){.input-field-container{width:100%}.input-field{min-height:200px}}@media(max-width:768px){.input-field{min-height:150px;font-size:16px;padding:10px 12px}}@media(max-width:480px){.input-field{min-height:120px;font-size:16px;padding:8px 10px}}.output-field-container{display:flex;flex-direction:column;margin-bottom:16px;width:40%}.output-field{font-family:Arial,sans-serif;width:100%;min-height:250px;padding:12px 16px;font-size:1.1rem;color:#222;background-color:#f5f5f5;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;resize:none;margin-top:8px;transition:border-color .2s;box-shadow:0 0 20px #000}.output-field:focus{border-color:#0078d4;outline:none}@media(max-width:1024px){.output-field-container{width:100%}.output-field{min-height:200px}}@media(max-width:768px){.output-field{min-height:150px;font-size:16px;padding:10px 12px}}@media(max-width:480px){.output-field{min-height:120px;font-size:16px;padding:8px 10px}}.encode-decode-container{display:flex;justify-content:center;padding:1rem}.encode-decode-options{display:flex;gap:.5rem;background-color:#f0f0f0;padding:.25rem;border-radius:8px;flex-wrap:wrap}.encode-decode-label{position:relative;cursor:pointer;padding:.6rem 1.5rem;border-radius:6px;font-weight:600;font-size:1rem;color:#1b3c53;transition:all .3s ease;-webkit-user-select:none;user-select:none}@media(max-width:768px){.encode-decode-container{padding:.75rem}.encode-decode-label{padding:.5rem 1.2rem;font-size:.95rem}}@media(max-width:480px){.encode-decode-container{padding:.5rem}.encode-decode-options{gap:.3rem;padding:.2rem}.encode-decode-label{padding:.5rem 1rem;font-size:.85rem}}.encode-decode-label input[type=radio]{position:absolute;opacity:0;width:0;height:0}.encode-decode-label input[type=radio]:checked~span:before{opacity:1}.encode-decode-label:has(input[type=radio]:checked){background-color:#1b3c53;color:#fff;box-shadow:0 2px 8px #234c6a33}.encode-decode-label:hover{background-color:#1b3c531a}.encode-decode-label:has(input[type=radio]:checked):hover{background-color:#234c6a}.encode-decode-label span{display:block;transition:color .3s ease}.dropdown{color:#fff;background-color:#1b3c53;border:1px solid #234C6A;border-radius:6px;padding:.6em 1.4em;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;box-shadow:0 2px 8px #234c6a14;outline:none;max-width:100%}.dropdown:focus{border-color:#3a6a8a;box-shadow:0 0 0 3px #234c6a33}.dropdown option{color:#fff;background-color:#1b3c53}:focus{outline:0;border-color:#2260ff;box-shadow:0 0 0 4px #b5c9fc}.dropdown-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:600;color:#d2c1b6}@media(max-width:768px){.dropdown{padding:.5em 1.2em;font-size:.95rem}}@media(max-width:480px){.dropdown{padding:.5em 1em;font-size:.9rem;width:100%}.dropdown-container{width:100%}}.vigenere-options{display:flex;align-items:center;gap:1rem;padding:1rem;flex-wrap:wrap;justify-content:center}.vigenere-options label{font-weight:600}.key-input{background-color:#fff;color:#1b3c53;border:2px solid #1B3C53;border-radius:6px;padding:.6rem 1rem;min-width:12rem;font-size:1rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.key-input::placeholder{color:#1b3c5380;font-weight:400}.key-input:focus{outline:none;border-color:#234c6a;box-shadow:0 0 0 3px #234c6a33}.key-input:hover{border-color:#234c6a}@media(max-width:768px){.vigenere-options{gap:.75rem;padding:.75rem}.key-input{min-width:10rem;font-size:.95rem}}@media(max-width:480px){.vigenere-options{gap:.5rem;padding:.5rem}.key-input{min-width:8rem;width:100%;font-size:.9rem;padding:.5rem .8rem}}.caesar-options{display:flex;align-items:center;justify-content:center;padding:1rem;flex-wrap:wrap;gap:.5rem}.caesar-options label{font-weight:600}.shift-control{display:flex;align-items:center;gap:.5rem}.shift-button{background-color:#1b3c53;color:#fff;border:none;border-radius:6px;width:2.5rem;height:2.5rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px #234c6a14;display:flex;align-items:center;justify-content:center}.shift-button:hover{background-color:#234c6a}.shift-button:active{transform:scale(.95)}.shift-input{background-color:#fff;border:2px solid #1B3C53;border-radius:6px;padding:.5rem;width:4rem;font-size:1rem;font-weight:600;text-align:center;transition:border-color .2s}.shift-input:focus{outline:none;border-color:#234c6a;box-shadow:0 0 0 3px #234c6a33}.shift-input::-webkit-outer-spin-button,.shift-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shift-input[type=number]{-moz-appearance:textfield;appearance:textfield}.cipher-tool{background-color:#00002c;display:flex;flex-direction:row;gap:20px;padding:20px;border-radius:8px;box-shadow:0 0 100px #000;align-items:center;justify-content:center}.options-section{border:2px solid rgba(0,0,0,.1);box-shadow:0 0 100px #000000b3;padding:10px;border-radius:8px;min-width:400px;min-height:380px}@media(max-width:1024px){.cipher-tool{flex-direction:column;gap:15px;padding:15px}.options-section{min-width:300px;width:100%;max-width:500px}}@media(max-width:768px){.cipher-tool{padding:10px;gap:10px}.options-section{min-width:250px;min-height:300px}}@media(max-width:480px){.cipher-tool{padding:8px;border-radius:4px}.options-section{min-width:auto;width:100%;min-height:auto}}.information-card{background-color:#00002c;border:2px solid #0000;border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 0 100px #000;max-width:600px;width:100%;box-sizing:border-box}.information-card h2{font-size:1.5rem;margin-top:0;margin-bottom:.75rem;border-bottom:2px solid #0000;padding-bottom:.5rem}.information-card h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.5rem}.information-card p{line-height:1.6;margin-bottom:1rem}.information-card ul{list-style:none;padding-left:0}.information-card li{line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.information-card li:before{content:"→";font-weight:700;position:absolute;left:0}.information-card strong{color:#505050;font-weight:600}@media(max-width:768px){.information-card{padding:1rem;margin:.5rem 0}.information-card h2{font-size:1.3rem}.information-card h3{font-size:1rem}.information-card li{padding-left:1.2rem}}@media(max-width:480px){.information-card{padding:.75rem;border-radius:6px}.information-card h2{font-size:1.2rem}.information-card h3{font-size:.95rem}.information-card p,.information-card li{font-size:.9rem}}div{margin:20px;font-family:Arial,sans-serif;text-align:center;height:auto;align-items:center;justify-content:center;color:#f0f8ff}.information-card-container{display:flex;justify-content:center;font-size:1.1rem}@media(max-width:768px){div{margin:10px}.information-card-container{font-size:1rem;padding:0 10px}}@media(max-width:480px){div{margin:5px}.information-card-container{font-size:.9rem}}