@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400;500;600;700&display=swap";.placeholder-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000;color:#c3b1e1;font-family:Kode Mono,monospace;font-size:2rem;text-align:center;background:radial-gradient(ellipse at center,#c3b1e14d,#000 70%)}.placeholder-container{display:flex;flex-direction:column;min-height:100vh}.placeholder-page{flex:1;display:flex;justify-content:center;align-items:center;font-size:1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Kode Mono,monospace;background-color:#000;color:#fff;overflow-x:hidden}html{image-rendering:pixelated;image-rendering:crisp-edges}button{font-family:Kode Mono,monospace}h1,h2,h3,p,button,a{letter-spacing:1px}.footer{font-family:Kode Mono,monospace;position:fixed;bottom:20px;right:20px;z-index:50}.credit{display:flex;align-items:center;background-color:#00000080;border-radius:9999px;padding:8px 16px;color:#fff;font-size:.8rem}.github-link{margin-left:8px}.github-avatar{width:32px;height:32px;border-radius:100%}.github-avatar:hover{opacity:.8}.landing-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;position:relative;overflow:hidden}.landing-page:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#c3b1e14d,#000 70%);z-index:1}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-align:center}.landing-title{display:flex;flex-direction:column;margin-bottom:3rem;font-family:Kode Mono,monospace;color:#fff;text-shadow:0 0 5px #C3B1E1,0 0 10px rgba(195,177,225,.5)}.landing-title-line{font-size:4rem;line-height:1.2;font-weight:700;letter-spacing:2px;text-transform:uppercase;position:relative;text-shadow:2px 0 0 #C3B1E1,-2px 0 0 #C3B1E1,0 2px 0 #C3B1E1,0 -2px 0 #C3B1E1}.pixel-button{background-color:#c3b1e1;color:#000;font-family:Kode Mono,monospace;font-size:1.2rem;font-weight:600;padding:.8rem 1.5rem;border:none;cursor:pointer;position:relative;text-transform:none;letter-spacing:.5px;border-radius:4px;transition:all .2s ease}.pixel-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 1px 0 #fff,inset -1px 0 #fff,inset 0 1px #fff,inset 0 -1px #fff;pointer-events:none;border-radius:4px}.pixel-button:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #C3B1E1;border-radius:6px;pointer-events:none;box-shadow:0 0 5px #c3b1e1cc}.pixel-button:hover{background-color:#d1c2ea;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.pixel-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000004d}.navbar{background-color:transparent;color:#fff;padding:15px 20px;position:fixed;top:0;left:0;width:100%;z-index:100;box-sizing:border-box}.navbar-container{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.navbar-logo{font-size:1.8rem;text-decoration:none;color:#c3b1e1;text-shadow:0 0 10px #C3B1E1,0 0 10px rgba(195,177,225,.5);display:flex;align-items:center;transform:translate(-10px);transition:transform .3s ease;margin-right:auto}.navbar-logo:hover{transform:translate(-10px)}.navbar-logo:before{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background-color:#c3b1e1;transition:width .3s ease}.navbar-logo:hover:before{width:100%}.wavy-icon{font-size:3.4rem;margin-right:8px;color:#c3b1e1;text-shadow:0 0 10px #C3B1E1,0 0 10px rgba(195,177,225,.5);margin-left:-5px}.navbar-title{font-size:3.4rem;font-weight:700;color:#c3b1e1;text-shadow:0 0 10px #C3B1E1,0 0 10px rgba(195,177,225,.5)}.algorithm-card{background-color:#c3b1e199;border-radius:12px;padding:1.5rem;height:250px;display:flex;align-items:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c3b1e1,0 0 10px #c3b1e180}.algorithm-card:hover{background-color:#c3b1e1b3;box-shadow:0 0 0 2px #c3b1e1,0 0 15px #c3b1e1b3}.card-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.algorithm-title{font-family:Kode Mono,monospace;font-size:1.8rem;font-weight:700;color:#000;margin:0;padding-right:15px;text-align:right;letter-spacing:1px;position:relative;z-index:2;flex:1}.illustration-container{display:flex;align-items:center;justify-content:flex-start;width:40%;height:100%;position:relative;z-index:1;padding-left:10px}.phone-illustration{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.hand-holding-phone{position:relative;width:80px;height:120px}.phone{width:40px;height:70px;background-color:#f5f5f5;border-radius:5px;position:relative;border:2px solid #333}.message-bubble{position:absolute;top:10px;right:-20px;background-color:#6fee7e;color:#333;padding:5px;border-radius:10px;font-size:12px;font-weight:700}.key-illustration{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.hand-with-bracelet{position:relative;width:100px;height:70px;background-color:#ffccbc;border-radius:20px}.key-object{position:absolute;top:20px;right:20px;width:60px;height:30px;border-radius:50%;border:2px solid #ffd700}.teacher-illustration{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.teacher-frame{width:100px;height:100px;background-color:#a5d6a7;border-radius:5px;display:flex;justify-content:center;align-items:center;border:2px solid #333}.teacher-figure{width:50px;height:70px;background-color:#b39ddb;position:relative}.teacher-hair{position:absolute;top:-10px;left:0;width:100%;height:20px;background-color:#ff80ab;border-radius:50% 50% 0 0}.computer-illustration{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.people-at-computer{position:relative;width:120px;height:100px}.person-one{position:absolute;left:10px;bottom:10px;width:30px;height:50px;background-color:#ffeb3b;border-radius:10px 10px 0 0}.person-two{position:absolute;right:30px;bottom:10px;width:30px;height:50px;background-color:#aed581;border-radius:10px 10px 0 0}.computer-screen{position:absolute;right:0;top:10px;width:60px;height:40px;background-color:#64b5f6;border:2px solid #333;border-radius:5px}.home-container{width:100%;min-height:100vh;background-color:#000;position:relative;color:#fff;font-family:Kode Mono,monospace}.home-container:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,#c3b1e14d,#000 70%);z-index:1;pointer-events:none}.home-content{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:2rem;position:relative;z-index:2}.algorithms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;width:100%}.card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s ease}.card-link:hover{transform:translateY(-5px)}.aes-process-container{padding:20px;color:#fff}.aes-process-container h2{color:#c3b1e1;text-shadow:0 0 10px #C3B1E1,0 0 10px rgba(195,177,225,.5);margin-bottom:20px;text-align:center}.error-message{color:#ff4d4d;margin-bottom:10px}.input-section{margin-bottom:15px}.input-section label{display:block;margin-bottom:5px;color:#c3b1e1;text-shadow:0 0 5px #C3B1E1,0 0 5px rgba(195,177,225,.5)}.input-section input[type=text]{width:100%;padding:8px;border:1px solid #555;background-color:#222;color:#fff;box-sizing:border-box}.button-section{margin-bottom:20px}.glow-button{padding:10px 20px;font-size:1rem;background-color:#333;color:#c3b1e1;border:none;border-radius:5px;cursor:pointer;text-shadow:0 0 5px #C3B1E1,0 0 5px rgba(195,177,225,.5);transition:background-color .3s ease;margin-right:10px}.glow-button:hover{background-color:#555}.output-section{margin-bottom:20px;padding:15px;border:1px solid #444;background-color:#1e1e1e;border-radius:5px}.output-section h3{color:#c3b1e1;text-shadow:0 0 8px #C3B1E1,0 0 8px rgba(195,177,225,.5);margin-top:0;margin-bottom:10px}.output-section pre{font-family:monospace;white-space:pre-wrap;color:#ddd;margin:0}.logs-section h3{color:#c3b1e1;text-shadow:0 0 8px #C3B1E1,0 0 8px rgba(195,177,225,.5);margin-top:20px;margin-bottom:10px;text-align:center}.log-container{max-height:300px;overflow-y:auto;padding:10px;border:1px solid #444;background-color:#1e1e1e;border-radius:5px}.input-field{width:100%;padding:8px;border:1px solid #555;background-color:#222;color:#fff;box-sizing:border-box}.rsa-process-container{padding:20px;color:#fff}.rsa-process-container h2,.rsa-process-container h3{color:#c3b1e1;text-shadow:0 0 10px #C3B1E1,0 0 10px rgba(195,177,225,.5);text-align:center;margin-bottom:20px}.error-message{color:#ff4d4d;margin-bottom:10px;text-align:center}.keys-section,.encryption-section,.decryption-section{background-color:#1e1e1e;padding:15px;margin-bottom:20px;border-radius:5px;border:1px solid #444}.input-pair{display:flex;align-items:center;margin-bottom:10px}.input-pair label{flex-basis:150px;margin-right:10px;color:#ddd}.input-field{flex-grow:1;padding:8px;border:1px solid #555;background-color:#222;color:#fff;box-sizing:border-box;border-radius:3px}.generate-button,.encrypt-button,.decrypt-button{padding:10px 20px;font-size:1rem;background-color:#333;color:#c3b1e1;border:none;border-radius:5px;cursor:pointer;text-shadow:0 0 5px #C3B1E1,0 0 5px rgba(195,177,225,.5);transition:background-color .3s ease;margin-top:10px}.generate-button:hover,.encrypt-button:hover,.decrypt-button:hover{background-color:#555}.modulus,.totient,.public-exponent,.private-exponent,.ciphertext,.decrypted{margin-top:10px;color:#ddd}.value{font-weight:700;color:#0ff}.logs-section{margin-top:30px;text-align:center}.log-container{max-height:300px;overflow-y:auto;padding:10px;border:1px solid #444;background-color:#1e1e1e;border-radius:5px;margin-top:10px}.log-container p{margin-bottom:5px;color:#ddd}.log-emphasis{color:#0ff;font-weight:700}.glow-text{color:#c3b1e1;text-shadow:0 0 5px #C3B1E1,0 0 5px rgba(195,177,225,.5)}.prime{color:#afa}.modulus{color:#ffcc80}.totient{color:#b39ddb}.public-exponent{color:#64b5f6}.private-exponent{color:#f48fb1}.message{color:#fffacd}.ciphertext{color:#afeeee}.decrypted{color:#afa}.highlight{color:#ff0;font-weight:700}