.landing-page{width:100vw;height:100vh;position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.carousel-container{height:100%;width:100%;overflow:hidden}.carousel-track{display:flex;width:300%;height:100%;transition:transform .8s cubic-bezier(.175,.885,.32,1.275)}.carousel-slide{width:33.333%;height:100%;box-sizing:border-box}.slide-content{width:99%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.work-cont{position:fixed;top:1%;width:31%;height:83.5%;background-color:var(--content-bg);border-radius:10px;color:#eee;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto;padding:20px}.cipher-selector button{padding:8px 14px;margin-right:10px;background:#222831;border:none;color:#00adb5;cursor:pointer;border-radius:6px;font-size:1rem}.cipher-selector button.active{background:#00adb5;color:#222831}.cipher-content{margin-top:15px;white-space:pre-wrap;line-height:1.3;background:#1f2a38;padding:12px;border-radius:8px;height:calc(100% - 70px);overflow-y:auto}@media (max-width: 425px){.work-cont{width:29%;height:82.5%}}@media (min-width: 426px) and (max-width: 560px){.work-cont{width:30%}}@media (min-width: 769px) and (max-width: 1440px){.cipher-selector button,.cipher-content{font-size:clamp(13px,1.5vw,50px)}}@media (min-width: 2560px){.work-cont{height:88%}.cipher-selector button{width:8%;height:3vh;font-size:clamp(13px,1.5vw,50px)}.cipher-content{font-size:clamp(13px,1.5vw,50px)}}.encryptor-ui-container{position:fixed;top:1%;width:31%;height:90%;padding:0 10px;background-color:var(--content-bg);color:#eee;border-radius:10px;display:flex;flex-direction:column}.top-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.cipher-select{padding:6px 12px;border-radius:6px;background-color:#222831;color:#00adb5;border:none;cursor:pointer;outline:none;transition:background-color .3s ease}.cipher-select:hover,.cipher-select:focus{background-color:#00adb5;color:#222831}.swap-btn{background:#222831;color:#00adb5;font-size:22px;border:none;height:36px;width:44px;border-radius:8px;cursor:pointer;transition:background .2s}.swap-btn:hover{background:#00adb5;color:#222831}.mode-indicator{font-size:1rem;color:#00adb5;font-weight:600}.main-row{display:flex;gap:20px}.encrypt-textarea,.output-textarea{width:100%;min-height:180px;font-size:1rem;background-color:#222831;color:#00adb5;border:1.5px solid #00adb5;border-radius:8px;resize:vertical;font-family:Courier New,Courier,monospace}.shift-select-row,.keyword-select-row{margin-top:18px;display:flex;align-items:center;font-size:1rem;color:var(--accent, #00adb5)}#vigenere-keyword,#ascii-keyword,#shift-range{font-size:clamp(13px,1.5vw,50px);padding:5px 4px;border-radius:6px;background-color:#222831;color:#00adb5;border:none;outline:none}.bottom-row{margin-top:10%;display:flex;justify-content:flex-start;align-items:center;min-height:34px}.note-text{font-style:italic;color:#adb5bd;opacity:.7;background:none;letter-spacing:.09em}@media (min-width: 426px) and (max-width: 768px){.bottom-row{margin-top:5%}}@media (min-width: 769px) and (max-width: 1440px){.top-row select,.mode-indicator,.swap-btn{font-size:clamp(13px,1.5vw,50px)}.top-row select option{font-size:clamp(13px,1vw,20px)}.main-row .encrypt-textarea,.output-textarea,.shift-select-row,.keyword-select-row{font-size:clamp(13px,1.5vw,50px)}.bottom-row{margin-top:2%;font-size:clamp(13px,1.5vw,50px)}}@media (min-width: 2560px){.top-row select,.mode-indicator,.swap-btn{font-size:clamp(13px,1.8vw,50px)}.top-row .swap-btn{width:6%;height:4vh}.top-row select option{font-size:clamp(13px,.5vw,20px)}.main-row{height:35%}.main-row .encrypt-textarea,.output-textarea{font-size:clamp(13px,1.8vw,50px)}.shift-select-row,.keyword-select-row{font-size:clamp(13px,1.5vw,50px)}.bottom-row{margin-top:2%;font-size:clamp(13px,1.5vw,50px)}}.profile-page{width:100vw;height:100vh;position:relative;overflow-y:auto;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:25px 15px;box-sizing:border-box;color:#eee;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.clear-history-btn,.profile-logout-btn,.navbar-google-login-btn{background:#00adb5;color:#222831;padding:10px 16px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;margin-bottom:20px}.clear-history-btn:hover,.profile-logout-btn:hover,.navbar-google-login-btn:hover{background:#028a93}.history-table{width:100%;border-collapse:collapse;color:#eee;font-size:.9rem}.history-table th,.history-table td{border:1px solid #00adb5;padding:8px;text-align:left}.history-table th{background-color:#222831}.profile-info-row{display:flex;align-items:center;gap:36px;width:60vw;margin-bottom:40px;border:var(--accent-color, #00adb5) 1px solid;padding:10px}.profile-pic-holder{width:140px;height:140px;display:flex;align-items:center;justify-content:center;border:3px solid #eee;box-sizing:border-box;background:#00adb517;border-radius:16px}.profile-pic{width:120px;height:120px;border-radius:12px;-o-object-fit:cover;object-fit:cover;background:#222831}.default-pic{width:120px;height:120px;border-radius:12px;background:#222831 url(https://ui-avatars.com/api/?name=User&background=222831&color=00adb5&size=120) center/cover no-repeat}.profile-details h2{font-size:1.7em;font-weight:600;color:var(--accent-color, #00adb5)}.history-section{width:85vw;border:1px solid var(--accent-color, #00adb5);margin-bottom:25px;max-height:40vh;overflow-y:auto;overflow-x:auto;background:none;scrollbar-width:thin;scrollbar-color:#00adb5 #222831}@media (max-width: 425px){.history-table th,.history-table td{padding:4px!important}}.main-navbar{border-bottom:1px solid var(--accent-color);display:flex;align-items:center;height:8vh;width:100vw;position:sticky;top:0;font-size:clamp(12px,1.5vw,1.5vw)}.logo{background-color:transparent;height:100%;padding-left:2%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease}.logo:hover{background-color:#ffffff18;backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);box-shadow:0 6px 20px #00000026 inset,0 2px 10px #0000001f}.logo-text{font-size:clamp(20px,2vw,50px);font-weight:600;margin-left:10px}.nav-btns{width:40%;height:100%;display:flex;align-items:center;justify-content:center}.nav-btns button{width:31%;height:80%;margin:0 1%;border-style:none;background-color:var(--content-bg);color:var(--accent-color);font-size:clamp(7px,1.2vw,1.5vw)}.nav-btns .btn2{margin:0%!important}.nav-btns button:hover{background-color:var(--accent-color);color:var(--background-dark);cursor:pointer;transition:.5s}.profile-link{width:clamp(10%,200px,200px);height:80%;background-color:var(--content-bg);color:var(--accent-color);margin-right:1%;display:flex;align-items:center;justify-content:center;gap:10px}.profile-link:hover{background-color:var(--accent-color);color:var(--background-dark);cursor:pointer;transition:.3s}.profile-link img{box-shadow:0 2px 8px #00adb514;background:#222831;transition:border .2s;border:2px solid transparent}.profile-link:hover img{border:2px solid var(--background-dark)}.profile-link span{color:var(--accent-color, #00adb5)}.profile-link:hover span{color:var(--background-dark)}.profile-text{padding-right:5px}@media (max-width: 425px){.logo{width:15%;padding:0%}.logo-text{display:none}.nav-btns{width:60%}.nav-btns button{width:32%;font-size:clamp(9px,1.2vw,25px)}.profile-link{width:25%}.profile-text{font-Size:clamp(9px,1.2vw,25px)}}@media (min-width: 426px) and (max-width: 768px){.logo{width:40%;padding:0%}.logo-text{font-size:clamp(13px,2.5vw,50px);font-weight:700}.nav-btns{width:50%}.nav-btns button{width:32%;font-size:clamp(11px,2vw,50px);font-weight:500}.profile-link{width:20%}.profile-text{font-Size:clamp(11px,2vw,50px);font-weight:500}}@media (min-width: 769px) and (max-width: 1024px){.logo{width:40%;padding:0%}.logo-text{font-size:clamp(20px,2vw,50px);font-weight:600}.nav-btns{width:40%}.nav-btns button{width:32%;font-size:clamp(13px,1.8vw,50px);font-weight:500}.profile-link{width:15%}.profile-text{font-Size:clamp(13px,1.8vw,50px);font-weight:500}}@media (min-width: 1025px) and (max-width: 1440px){.logo{width:45%;padding:0%}}@media (min-width: 1441px){.logo{width:50%;padding:0%}.logo-text{font-size:clamp(20px,2vw,50px);font-weight:600}.nav-btns{width:40%}.nav-btns button{width:32%;font-size:clamp(13px,1.8vw,50px);font-weight:500}.profile-link{width:15%}.profile-text{font-Size:clamp(13px,1.8vw,50px);font-weight:500}.profile-link img{width:45px!important;height:45px!important}}[id^=tsparticles]{position:absolute!important;width:100vw!important;height:100vh!important;inset:0!important;z-index:0;pointer-events:none}body,#root{min-height:100vh;min-width:100vw;position:relative}:root{--background-dark: #222831;--content-bg: #393E46;--accent-color: #00adb5;--text-color: #EEEEEE}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{background-color:var(--background-dark);color:var(--text-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html,body{overflow:hidden!important;margin:0;padding:0;box-sizing:border-box}