@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.landing-page-scrollable{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;padding-top:2rem}.smooth-section{width:100%;min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 0;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;animation:fadeIn .8s ease forwards}.smooth-section:last-child{border-bottom:none;min-height:auto;padding-bottom:4rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-cont{width:100%;max-width:800px;background-color:var(--col-navy-light);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0003;padding:40px;display:flex;flex-direction:column;gap:24px}.cipher-selector{display:flex;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px;flex-wrap:wrap}.cipher-selector button{padding:10px 20px;background:transparent;border:none;color:var(--col-slate);cursor:pointer;border-radius:8px;font-size:1rem;font-weight:500;transition:all .2s ease;font-family:Inter,sans-serif}.cipher-selector button:hover{color:var(--col-slate-light);background:#ffffff05}.cipher-selector button.active{background:#a5b4fc1a;color:var(--col-accent)}.cipher-content{line-height:1.6;background:#050a1566;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.02)}.markdown-body{font-family:Inter,sans-serif;color:var(--col-slate-light);font-size:1.05rem}.markdown-body h3,.markdown-body h4{color:var(--col-white);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.markdown-body h3{font-size:1.3rem;color:var(--col-accent)}.markdown-body h4{font-size:1.1rem}.markdown-body p{margin-bottom:1rem}.markdown-body ul{margin-block-start:.5rem;margin-block-end:1rem;padding-inline-start:1.5rem}.markdown-body li{margin-bottom:.5rem}.markdown-body strong{color:var(--col-accent);font-weight:600}.markdown-body code{background-color:#050a1599;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em}@media (max-width: 768px){.work-cont{padding:24px 16px;gap:16px;margin:0 16px;width:auto}.cipher-selector{justify-content:center}.cipher-selector button{padding:8px 12px;font-size:.9rem}.cipher-content{padding:16px}.cipher-content pre{font-size:.95rem}}.encryptor-ui-container{width:100%;max-width:900px;padding:40px;background-color:var(--col-navy-light);border-radius:16px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;gap:24px}.top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cipher-select{padding:10px 36px 10px 16px;border-radius:8px;background-color:var(--col-navy);color:var(--col-slate-light);border:1px solid var(--col-border, rgba(255,255,255,.1));font-size:1rem;cursor:pointer;outline:none;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238892B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.cipher-select:hover,.cipher-select:focus{border-color:var(--col-accent)}.swap-btn{background:#a5b4fc1a;color:var(--col-accent);font-size:20px;border:1px solid rgba(165,180,252,.2);height:40px;width:48px;border-radius:8px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease;display:flex;align-items:center;justify-content:center}.swap-btn:hover{background:#a5b4fc33;transform:scale(1.1)}.swap-btn:active{transform:scale(.95) rotate(180deg)}.mode-indicator{font-size:.95rem;color:var(--col-slate);font-weight:500;text-transform:uppercase;letter-spacing:1px}.main-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.main-row{grid-template-columns:1fr}}.encrypt-textarea,.output-textarea{width:100%;min-height:240px;padding:20px;font-size:1rem;background-color:var(--col-navy);color:var(--col-slate-light);border:1px solid rgba(255,255,255,.05);border-radius:12px;resize:vertical;font-family:Inter,sans-serif;line-height:1.6;transition:border-color .2s ease}.encrypt-textarea:focus{border-color:var(--col-accent);outline:none}.output-textarea{background-color:#050a1566;color:var(--col-white)}.shift-select-row,.keyword-select-row{display:flex;align-items:center;font-size:.95rem;color:var(--col-slate-light);gap:12px;background:var(--col-navy);padding:16px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}#vigenere-keyword,#ascii-keyword,#shift-range{font-size:1rem;padding:8px 12px;border-radius:6px;background-color:var(--col-navy-deep);color:var(--col-white);border:1px solid rgba(255,255,255,.1);outline:none;transition:border-color .2s ease}#vigenere-keyword:focus,#ascii-keyword:focus,#shift-range:focus{border-color:var(--col-accent)}.bottom-row{margin-top:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.note-text{font-size:.85rem;color:var(--col-slate);line-height:1.5}.note-text em{font-style:normal}@media (max-width: 768px){.encryptor-ui-container{padding:24px 16px;gap:16px}.top-row{flex-wrap:wrap;gap:12px}.mode-indicator{width:100%;text-align:center;order:3;margin-top:8px}.main-row{grid-template-columns:1fr;gap:16px}.encrypt-textarea,.output-textarea{min-height:180px}.shift-select-row,.keyword-select-row{flex-direction:column;align-items:stretch;gap:8px}#vigenere-keyword,#ascii-keyword,#shift-range{width:100%!important}}.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:100%;max-width:600px;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-notice{background-color:#00adb51a;border-left:4px solid var(--accent-color, #00adb5);padding:12px 16px;margin-bottom:20px;border-radius:4px;font-size:.95rem;color:#eee;max-width:90vw;width:100%;box-sizing:border-box}.history-notice p{margin:4px 0}.history-section{width:100%;max-width:90vw;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: 768px){.profile-info-row{flex-direction:column;gap:16px;padding:20px}}@media (max-width: 425px){.history-table th,.history-table td{padding:4px!important;font-size:.8rem}.history-section{max-width:95vw}}.notfound-container{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:Inter,sans-serif}.notfound-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:540px}.notfound-code{line-height:1;margin-bottom:8px}.glitch{font-family:Share Tech Mono,monospace;font-size:clamp(6rem,20vw,10rem);font-weight:700;color:var(--col-white);position:relative;display:inline-block;letter-spacing:-4px}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{color:#a5b4fc;animation:glitch-1 2.5s infinite linear;clip-path:polygon(0 0,100% 0,100% 40%,0 40%);transform:translate(-3px)}.glitch:after{color:#00adb5;animation:glitch-2 2.5s infinite linear;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(3px)}@keyframes glitch-1{0%,90%,to{transform:translate(-3px);opacity:1}92%{transform:translate(4px) skew(-5deg);opacity:.8}94%{transform:translate(-4px);opacity:.6}96%{transform:translate(3px);opacity:.9}}@keyframes glitch-2{0%,90%,to{transform:translate(3px);opacity:1}92%{transform:translate(-4px) skew(5deg);opacity:.8}94%{transform:translate(4px);opacity:.6}96%{transform:translate(-3px);opacity:.9}}.notfound-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--col-accent),transparent);margin:4px auto}.notfound-subtitle{font-family:Share Tech Mono,monospace;font-size:.85rem;letter-spacing:4px;color:var(--col-accent);text-transform:uppercase;margin:0}.notfound-body{font-size:1rem;color:var(--col-slate-light);line-height:1.7;margin:4px 0 12px}.notfound-btn{display:inline-flex;align-items:center;gap:10px;background:#a5b4fc14;border:1px solid rgba(165,180,252,.3);color:var(--col-accent);font-family:Share Tech Mono,monospace;font-size:.95rem;padding:14px 28px;border-radius:8px;cursor:pointer;transition:all .25s ease;letter-spacing:.5px;margin-top:8px}.notfound-btn:hover{background:#a5b4fc26;border-color:#a5b4fc99;color:var(--col-white);box-shadow:0 0 20px #a5b4fc26}.notfound-btn-prefix{opacity:.5}.fun-fact-tooltip{position:fixed;bottom:24px;right:24px;background-color:#050a15b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(165,180,252,.2);color:var(--col-slate-light);padding:12px 20px;border-radius:12px;font-size:.85rem;z-index:50;box-shadow:0 4px 20px #0000004d;opacity:0;animation:slideInFade 1s ease 2s forwards;pointer-events:none}.fun-fact-tooltip strong{color:var(--col-accent)}@keyframes slideInFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editorial-nav{display:flex;align-items:center;justify-content:space-between;height:70px;width:calc(100% - 32px);max-width:1200px;margin:16px auto 0;padding:0 4%;position:sticky;top:16px;z-index:100;background-color:#050a1599;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:40px;box-shadow:0 8px 32px #0003}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px}.logo:hover{background-color:var(--col-navy-light)}.logo-img{height:32px;width:auto}.logo-text{font-size:1.25rem;font-weight:600;margin:0;color:var(--col-white);letter-spacing:.5px}.nav-btns{display:flex;gap:8px;align-items:center}.nav-link{background:transparent;border:none;color:var(--col-slate-light);font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease}.nav-link:hover{color:var(--col-accent);background-color:#a5b4fc0d}.nav-link.primary{color:var(--col-accent);background-color:#a5b4fc1a;border:1px solid rgba(165,180,252,.2)}.nav-link.primary:hover{background-color:#a5b4fc33}.nav-link.active{color:var(--col-white);background-color:#ffffff1a}.profile-link{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;border-radius:30px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff05}.profile-link:hover{border-color:#fff3;background-color:#ffffff0d}.profile-text{font-size:.9rem;color:var(--col-slate-light);font-weight:500}.profile-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--col-navy-light)}@media (max-width: 768px){.logo-text,.profile-text{display:none}.editorial-nav{padding:0 20px}}@media (max-width: 480px){.editorial-nav{padding:0 8px;height:60px;width:calc(100% - 16px);margin:8px auto 0;border-radius:30px}.nav-link{padding:6px 8px;font-size:.75rem}.nav-btns{gap:4px}.logo,.profile-link{gap:4px;padding:4px}.profile-avatar{width:28px;height:28px}.logo-img{height:24px}}[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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-footer{position:relative;z-index:10;text-align:center;padding:12px 0 20px;font-size:.8rem;color:var(--col-slate)}.app-footer a{color:var(--col-slate);text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:var(--col-accent)}:root{--col-navy-deep: #050A15;--col-navy: #0A192F;--col-navy-light: #112240;--col-slate: #8892B0;--col-slate-light: #CCD6F6;--col-white: #FFFFFF;--col-accent: #A5B4FC;--col-accent-hover: #C7D2FE;--col-accent-faded: rgba(165, 180, 252, .1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--col-slate) var(--col-navy-deep)}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:var(--col-navy-deep)}*::-webkit-scrollbar-thumb{background:var(--col-slate);border-radius:4px}body{margin:0;padding:0;background-color:var(--col-navy-deep);color:var(--col-slate-light);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;line-height:1.6;-moz-user-select:none;user-select:none;-webkit-user-select:none}h1,h2,h3,h4,h5,h6{color:var(--col-white);font-weight:500;letter-spacing:-.02em;margin-top:0}a{color:var(--col-accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--col-accent-hover)}button{font-family:Inter,sans-serif;cursor:pointer}input,select,textarea{font-family:Inter,sans-serif}.interactive{transition:transform .2s cubic-bezier(.25,.46,.45,.94),color .2s ease,background-color .2s ease,box-shadow .2s ease}.interactive:hover{transform:translateY(-2px)}.interactive:active{transform:translateY(0)}