@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";body{margin:0}button.dot,button.back-to-top{border:0;padding:0}.cesar-page .section-title{position:relative;top:auto;left:auto;transform:none}.frequency-analysis-container .section-title,.mapping-container .section-title{width:auto;position:relative;top:auto;left:auto;transform:none}:root{--primary-color:#0f8;--primary-dark:#00cc6a;--primary-light:#3f9;--bg-dark:#0a0a15;--bg-darker:#060609;--bg-card:#1a1a2e;--bg-gradient:linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 50%, #16213e 100%);--text-primary:#fff;--text-secondary:#b0b3b8;--text-muted:#8b8d94;--accent-blue:#4dabf7;--accent-purple:#9775fa;--accent-red:#ff4757;--accent-orange:#ffa502;--shadow-glow:0 0 20px #00ff884d;--shadow-card:0 8px 32px #0000004d;--shadow-elevation:0 4px 20px #00ff881a;--border-radius:12px;--border-color:#0f83;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}#vanta-bg{pointer-events:none;z-index:-10;width:100%;height:100%;position:fixed;top:0;left:0}body:before{content:"";pointer-events:none;z-index:-5;background:radial-gradient(#0a0a154d 0%,#0a0a1599 100%),#0a0a1533;width:100%;height:100%;position:fixed;top:0;left:0}body:after{display:none}#vanta-bg canvas{filter:brightness(.85)contrast(1.2)saturate(1.1);transition:filter .5s}body:hover #vanta-bg canvas{filter:brightness(.95)contrast(1.3)saturate(1.2)}.app{flex-direction:column;width:100%;display:flex}.content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2}h1{background:linear-gradient(135deg, var(--primary-color), var(--accent-blue));-webkit-text-fill-color:transparent;text-shadow:var(--shadow-glow);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}h2{color:var(--text-primary);font-size:2rem}h3{color:var(--primary-color);font-size:1.5rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}code,.mono{border:1px solid var(--border-color);background:#00ff881a;border-radius:4px;padding:.2rem .4rem;font-family:JetBrains Mono,Courier New,monospace}.btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);border:none;font-family:inherit;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#ffffff1a,#0000);position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:var(--bg-dark);box-shadow:var(--shadow-elevation)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:0 0}.btn-secondary:hover{background:var(--primary-color);color:var(--bg-dark)}.card{background:var(--bg-card);border-radius:var(--border-radius);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--accent-blue), var(--primary-color));opacity:0;height:2px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-glow);border-color:var(--primary-color);transform:translateY(-4px)}.card:hover:before{opacity:1}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500;display:block}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);background:#ffffff14;outline:none;box-shadow:0 0 20px #0f83}.form-textarea{resize:vertical;min-height:120px;font-family:JetBrains Mono,monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{background-color:#8e05e7}50%{background-color:#b347d9}}@keyframes vantaRipple{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in-up{animation:.6s ease-out fadeInUp}.slide-in-right{animation:.6s ease-out slideInRight}.glow-effect{animation:2s infinite glow}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hidden{display:none}.visible{display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary-color), var(--primary-dark));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--primary-light), var(--primary-color))}@media (width<=768px){#vanta-bg canvas{filter:brightness(.8)contrast(1.1)}body:before{background:radial-gradient(#0a0a1566 0%,#0a0a15b3 100%),#0a0a154d}}@media (prefers-reduced-motion:reduce){#vanta-bg{opacity:.5}}@media (width<=480px){#vanta-bg canvas{filter:brightness(.75)contrast(1.05)}}@media (prefers-contrast:high){body:before{background:var(--bg-dark)}#vanta-bg{opacity:.3}}@media (width<=1400px){.content{max-width:1200px;padding:0 1.5rem}}@media (width<=768px){.content{padding:0 1rem}}.crypto-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#16213e 100%);border-bottom:2px solid #0f8;position:sticky;top:0;box-shadow:0 4px 20px #00ff881a}.navbar{position:relative;overflow:hidden}.nav-container{grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;width:100%;margin:0;padding:.75rem 1.25rem .75rem 4.75rem;display:grid}.nav-brand{align-items:center;gap:1rem;display:flex}.brand-logos{align-items:center;gap:.8rem;display:flex;position:relative}.brand-text{flex-direction:column;gap:.2rem;display:flex}.nav-tools{align-items:center;gap:1.5rem;display:flex}.lang-switch{gap:.4rem;display:flex}.lang-switch button{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:4px;padding:.1rem .45rem;font-size:.75rem}.lang-switch button[aria-pressed=true]{color:#0f8;border-color:#0f8}.insa-logo-container{align-items:center;display:flex}.insa-logo{object-fit:contain;background:#fff;border-radius:8px;width:auto;max-width:148px;height:48px;padding:2px}.insa-logo:hover{box-shadow:0 0 12px #00ff8873}@keyframes logo-glow{0%,to{border-color:#0f86;box-shadow:0 0 20px #00ff884d}50%{border-color:#00ff88b3;box-shadow:0 0 35px #0f89}}.cryptinsa-logo{width:auto;height:52px;display:block}.brand-logo-link{line-height:0;display:flex}@keyframes pulse-glow{0%,to{transform:translateY(0);box-shadow:0 8px #cd6144,0 0 15px #fdcb6e4d}50%{transform:translateY(0);box-shadow:0 8px #cd6144,0 0 25px #fdcb6e99}}.brand-title{color:#fff;text-shadow:0 0 10px #00ff884d;margin:0;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700}.nav-menu{justify-content:center;display:flex}.nav-links{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#b0b3b8;white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:linear-gradient(90deg,#0000,#0f83,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-link:hover:before{left:100%}.nav-link:hover{color:#0f8;background:#00ff881a;transform:translateY(-2px);box-shadow:0 4px 15px #0f83}.nav-link.active{color:#0f8;background:#00ff8826;box-shadow:inset 0 0 10px #00ff881a}.nav-link i{font-size:1rem}.nav-toggle{cursor:pointer;z-index:15;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:none;position:absolute;top:50%;right:80px;transform:translateY(-50%)}.toggle-line{background:#0f8;border-radius:2px;width:25px;height:3px;transition:all .3s}.header-decoration{pointer-events:none;z-index:1;width:150px;height:100%;position:absolute;top:0;right:120px;overflow:hidden}.binary-stream{opacity:.1;color:#0f8;gap:.5rem;font-family:Courier New,monospace;font-size:.7rem;display:flex;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.binary-stream span{animation:3s ease-in-out infinite binary-float}.binary-stream span:first-child{animation-delay:0s}.binary-stream span:nth-child(2){animation-delay:.5s}.binary-stream span:nth-child(3){animation-delay:1s}.binary-stream span:nth-child(4){animation-delay:1.5s}.binary-stream span:nth-child(5){animation-delay:2s}@keyframes binary-float{0%,to{opacity:.1;transform:translateY(0)}50%{opacity:.3;transform:translateY(-10px)}}@media (width<=768px){.nav-container{grid-template-columns:1fr auto;gap:.75rem;padding:.75rem 1rem .75rem 4.25rem}.nav-brand{grid-column:1}.nav-tools{grid-column:2}.nav-toggle{display:flex;position:static;transform:none}.nav-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#0f0f1ef2;border-top:1px solid #0f83;width:100%;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-100%)}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-links{flex-direction:column;gap:.5rem;padding:1rem}.nav-link{border-bottom:1px solid #00ff881a;padding:1rem}.brand-title{font-size:1.4rem}.insa-logo{max-width:110px;height:40px}.brand-logos{gap:.5rem}.nav-brand{gap:.8rem}.header-decoration,.binary-stream{display:none}}.crypto-footer{color:#b0b3b8;background:linear-gradient(135deg,#0a0a15 0%,#1a1a2e 50%,#0f0f1e 100%);border-top:2px solid #0f8;position:relative;overflow:hidden}.footer-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.footer-main{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding:3rem 2rem 2rem;display:grid}.footer-section h4{color:#0f8;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.footer-section h4 i{font-size:1rem}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-icon{color:#0f8;margin-bottom:.5rem;font-size:2.5rem;animation:3s infinite shield-pulse}@keyframes shield-pulse{0%,to{filter:drop-shadow(0 0 8px #0f8);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #0f8);transform:scale(1.05)}}.footer-brand h3{color:#fff;text-shadow:0 0 10px #00ff884d;margin:0;font-family:Courier New,monospace;font-size:1.5rem}.footer-brand p{opacity:.8;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#b0b3b8;align-items:center;gap:.5rem;padding:.3rem 0;text-decoration:none;transition:all .3s;display:flex;position:relative}.footer-section a:before{content:"";background:#0f8;width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.footer-section a:hover{color:#0f8;transform:translate(5px)}.footer-section a:hover:before{width:100%}.footer-section a i{width:16px;font-size:.9rem}.footer-bottom{border-top:1px solid #0f83;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;display:flex}.footer-copyright{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.footer-copyright p{align-items:center;gap:.5rem;margin:0;display:flex}.pulse{color:#ff4757;animation:1.5s infinite heart-beat}@keyframes heart-beat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.1)}}.security-badge{background:#00ff881a;border:1px solid #00ff884d;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.security-badge i{color:#0f8}.crypto-decoration{align-items:center;display:flex}.hex-pattern{opacity:.3;gap:1rem;font-family:Courier New,monospace;font-size:.8rem;display:flex}.hex-pattern span{color:#0f8;animation:2s ease-in-out infinite hex-glow}.hex-pattern span:first-child{animation-delay:0s}.hex-pattern span:nth-child(2){animation-delay:.5s}.hex-pattern span:nth-child(3){animation-delay:1s}.hex-pattern span:nth-child(4){animation-delay:1.5s}@keyframes hex-glow{0%,to{opacity:.3}50%{opacity:.8}}.crypto-footer .particles-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.crypto-footer .particles-container:before{content:"";background:linear-gradient(90deg,#0000 0%,#0f83 20%,#0f8 50%,#0f83 80%,#0000 100%);border-radius:2px;width:100%;height:3px;animation:4s infinite scan-line;position:absolute;top:0;left:0;box-shadow:0 0 10px #0f8c,0 0 20px #0f89,0 0 30px #0f86,0 0 40px #0f83}.crypto-footer .particles-container:after{content:"";background:linear-gradient(90deg,#0000 0%,#fffc 50%,#0000 100%);border-radius:2px;width:200px;height:3px;animation:4s infinite scan-line-core;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ffffffe6,0 0 25px #00ff88b3,0 0 35px #00ff8880}@keyframes scan-line{0%{opacity:0;filter:blur(2px);transform:translateY(-10px)}10%{opacity:.6;filter:blur(1px)}50%{opacity:1;filter:blur();box-shadow:0 0 15px #0f8,0 0 30px #0f8c,0 0 45px #0f89,0 0 60px #0f86}90%{opacity:.6;filter:blur(1px)}to{opacity:0;filter:blur(2px);transform:translateY(100vh)}}@keyframes scan-line-core{0%{opacity:0;filter:blur(1px);transform:translate(-50%)translateY(-10px)}10%{opacity:.8;filter:blur(.5px)}50%{opacity:1;filter:blur();box-shadow:0 0 20px #fff,0 0 35px #00ff88e6,0 0 50px #00ff88b3}90%{opacity:.8;filter:blur(.5px)}to{opacity:0;filter:blur(1px);transform:translate(-50%)translateY(100vh)}}@media (width<=1024px){.footer-main{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=768px){.footer-main{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.footer-bottom{text-align:center;flex-direction:column;padding:1.5rem 1rem}.footer-copyright{flex-direction:column;gap:1rem}.hex-pattern{justify-content:center}.crypto-decoration{order:-1}}@media (width<=480px){.footer-brand h3{font-size:1.2rem}.footer-icon{font-size:2rem}.security-badge{padding:.4rem .8rem;font-size:.8rem}}@keyframes particle-float{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.8;transform:translateY(-20px)rotate(180deg)}}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);z-index:1000;width:300px;height:100vh;transition:left .3s;position:fixed;top:0;left:-300px;overflow-y:auto;box-shadow:2px 0 10px #0000001a}.sidebar.active{left:0}.sidebar-header{border-bottom:1px solid var(--border-color);background:var(--bg-darker);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sidebar-brand{align-items:center;gap:.8rem;display:flex}.sidebar-brand i{color:var(--primary-color);font-size:1.5rem}.sidebar-title{color:var(--text-primary);font-size:1.3rem;font-weight:600}.sidebar-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:all .3s}.sidebar-close svg,.sidebar-toggle svg{width:1.25rem;height:1.25rem;display:block}.sidebar-close:hover{background:var(--primary-color);color:var(--bg-dark)}.sidebar-content{height:calc(100vh - 80px);padding:1rem 0}.sidebar-nav{flex:1}.sidebar-menu{margin:0;padding:0;list-style:none}.menu-item{margin-bottom:.2rem}.menu-link{color:var(--text-secondary);align-items:center;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.menu-link:hover{color:var(--primary-color);background:#00ff881a}.menu-link.active{color:var(--primary-color);border-right:3px solid var(--primary-color);background:#00ff8826}.menu-link i{width:20px;margin-right:.8rem;font-size:1rem}.menu-link span{font-weight:500}.has-submenu .submenu-arrow{margin-left:auto;transition:transform .3s}.has-submenu.open .submenu-arrow{transform:rotate(180deg)}.submenu{background:var(--bg-darker);max-height:0;margin:0;padding:0;list-style:none;transition:max-height .3s;overflow:hidden}.has-submenu.open .submenu{max-height:200px}.submenu-link{color:var(--text-muted);align-items:center;padding:.6rem 1.5rem .6rem 3rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.submenu-link:hover,.submenu-link.active{color:var(--primary-color);background:#00ff8814}.submenu-link i{width:16px;margin-right:.6rem;font-size:.8rem}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-toggle{background:var(--primary-color);width:50px;height:50px;color:var(--bg-dark);cursor:pointer;z-index:1001;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:calc(.75rem + 1px);left:10px;box-shadow:0 4px 15px #00ff884d}.sidebar-toggle:hover{background:var(--primary-dark);transform:scale(1.05)}@media (width<=768px){.sidebar{width:280px;left:-280px}.sidebar-toggle{width:45px;height:45px;top:15px;left:15px}}.app-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:10px;padding:17px 40px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s,color .3s;display:inline-flex}.app-btn-sm{padding:15px 30px;font-size:14px}.app-btn-lg{padding:17px 40px;font-size:15px}.app-btn-primary{color:#0a0a15;background:linear-gradient(135deg,#0f8,#00cc6a);box-shadow:0 10px #008c46}.app-btn-secondary{color:#0f8;background:0 0;border:2px solid #0f8;box-shadow:0 10px #008c46}.app-btn-neutral{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 10px #374146}.app-btn-generate{background:linear-gradient(135deg,#e17055,#fdcb6e);box-shadow:0 10px #cd6144}.app-btn-key{background:linear-gradient(135deg,#89f8f0,#764ba2);box-shadow:0 10px #5395cc}.app-btn-success{background:linear-gradient(135deg,#00b894,#00a085);box-shadow:0 10px #008a6d}.app-btn-aqua{color:#0a0a0a;background:linear-gradient(135deg,#0f8,#00bfff);box-shadow:0 10px #008c78}.app-btn-mint{background:linear-gradient(135deg,#0f8,#00d4aa);border:2px solid #00b377;box-shadow:0 10px #00a366}.app-btn:hover{transform:translateY(3px)}.app-btn-primary:hover,.app-btn-secondary:hover{box-shadow:0 7px #008c46}.app-btn-neutral:hover{box-shadow:0 7px #374146}.app-btn-generate:hover{box-shadow:0 7px #cd6144}.app-btn-key:hover{box-shadow:0 7px #5395cc}.app-btn-success:hover{box-shadow:0 7px #008a6d}.app-btn-aqua:hover{box-shadow:0 7px #008c78}.app-btn-mint:hover{box-shadow:0 7px #00a366}.app-btn:active{transition:all .2s;transform:translateY(10px)}.app-btn-primary:active,.app-btn-secondary:active{box-shadow:0 0 #008c46}.app-btn-neutral:active{box-shadow:0 0 #374146}.app-btn-generate:active{box-shadow:0 0 #cd6144}.app-btn-key:active{box-shadow:0 0 #5395cc}.app-btn-success:active{box-shadow:0 0 #008a6d}.app-btn-aqua:active{box-shadow:0 0 #008c78}.app-btn-mint:active{box-shadow:0 0 #00a366}.app-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.about-page .project-section .container,.about-page .team-section .container,.about-page .values-section .container,.about-page .cta-section .container{width:100%;max-width:1200px;height:auto;margin:0 auto;padding:0 2rem;display:block}.about-page .hero-about{justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.about-page .hero-about:before{content:"";z-index:1;background:0 0;position:absolute;inset:0}.about-page .hero-content{z-index:2;text-align:center;max-width:800px;padding:4rem 2rem;position:relative}.about-page .hero-title{background:linear-gradient(45deg, var(--primary-color), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.about-page .hero-title .subtitle{color:var(--text-secondary);-webkit-text-fill-color:var(--text-secondary);margin-top:.5rem;font-size:1.8rem;font-weight:400;display:block}.about-page .hero-description{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.8}.about-page .hero-about~section .section-header,.about-page .project-section .section-header,.about-page .team-section .section-header,.about-page .values-section .section-header,.about-page .cta-section .section-header{text-align:center;margin-bottom:4rem;display:block}.about-page .project-section .section-title,.about-page .team-section .section-title,.about-page .values-section .section-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:600}.about-page .project-section .section-title i,.about-page .team-section .section-title i,.about-page .values-section .section-title i{color:var(--primary-color);margin-right:.5rem}.about-page .project-section .section-subtitle,.about-page .team-section .section-subtitle,.about-page .values-section .section-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.about-page .project-section{padding:6rem 0}.about-page .project-content{gap:3rem;display:grid}.about-page .main-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:center;transition:all var(--transition-normal);padding:3rem;position:relative}.about-page .main-card:before{content:"";background:var(--shadow-glow);border-radius:var(--border-radius);opacity:0;transition:opacity var(--transition-normal);z-index:-1;position:absolute;inset:0}.about-page .main-card:hover:before{opacity:.1}.about-page .card-icon{background:linear-gradient(45deg, var(--primary-color), var(--accent-blue));width:80px;height:80px;color:var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2rem;font-size:2rem;display:flex}.about-page .main-card h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:2rem}.about-page .main-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.about-page .project-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.about-page .feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-normal);padding:2rem;position:relative;overflow:hidden}.about-page .feature-card:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#00ff881a,#0000);position:absolute;top:0;left:-100%}.about-page .feature-card:hover:before{left:100%}.about-page .feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-elevation);transform:translateY(-5px)}.about-page .feature-icon{background:linear-gradient(45deg, var(--primary-color), var(--accent-blue));border-radius:var(--border-radius);width:60px;height:60px;color:var(--bg-dark);justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.about-page .feature-card h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.about-page .feature-card p{color:var(--text-secondary);line-height:1.6}.about-page .team-section{padding:6rem 0;font-size:.75rem}.about-page .team-slideshow{width:100%;max-width:800px;margin:0 auto;position:relative}.about-page .slideshow-container{border-radius:var(--border-radius);width:100%;position:relative;overflow:hidden;font-size:12px!important}.about-page .slides-wrapper{width:100%;height:450px;position:relative;overflow:hidden}.about-page .team-slide{opacity:0;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:all .5s ease-in-out;display:flex;position:absolute;top:0;left:0;transform:translate(100%)}.about-page .team-slide.active{opacity:1;transform:translate(0)}.about-page .team-slide.prev{transform:translate(-100%)}.about-page .slide-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:500px;font-size:1rem;display:flex}.about-page .slideshow-nav{pointer-events:none;justify-content:space-between;width:100%;padding:0 2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.about-page .team-slideshow .nav-btn{border:2px solid var(--primary-color);width:50px;min-width:50px;height:50px;color:var(--primary-color);cursor:pointer;transition:all var(--transition-normal);pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;background:#00ff881a;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;text-decoration:none;display:flex}.about-page .team-slideshow .nav-btn:hover{background:var(--primary-color);color:var(--bg-dark);transform:scale(1.1);box-shadow:0 0 20px #0f86}.about-page .team-slideshow .nav-btn:active{transform:scale(.95)}.about-page .team-slideshow .nav-btn i{margin:0}.about-page .slideshow-dots{background:var(--bg-darker);justify-content:center;gap:.8rem;padding:2rem 0;display:flex}.about-page .dot{cursor:pointer;width:12px;height:12px;transition:all var(--transition-normal);background:#ffffff4d;border-radius:50%;position:relative}.about-page .dot:hover{background:#0f89;transform:scale(1.2)}.about-page .dot.active{background:var(--primary-color);box-shadow:0 0 10px #0f86}.about-page .dot.active:after{content:"";border:2px solid var(--primary-color);opacity:.3;border-radius:50%;width:20px;height:20px;position:absolute;top:-4px;left:-4px}.about-page .team-slide .member-avatar{margin-bottom:1.5rem}.about-page .team-slide .avatar-placeholder{background:linear-gradient(45deg, var(--primary-color), var(--accent-blue));width:100px;height:100px;color:var(--bg-dark);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:2.5rem;display:flex;box-shadow:0 0 30px #0f83}.about-page .team-slide.active .avatar-placeholder{animation:.8s .2s both slideAvatar}@keyframes slideAvatar{0%{opacity:0;transform:scale(.5)rotate(-180deg)}50%{transform:scale(1.1)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.about-page .team-slide .member-info{width:100%}.about-page .team-slide .member-name{color:var(--text-primary);opacity:0;margin-bottom:.4rem;font-size:1.4rem;font-weight:600;transform:translateY(20px)}.about-page .team-slide.active .member-name{animation:.6s .4s both slideUp}.about-page .team-slide .member-role{color:var(--primary-color);opacity:0;margin-bottom:1rem;font-size:.9rem;font-weight:500;transform:translateY(20px)}.about-page .team-slide.active .member-role{animation:.6s .5s both slideUp}.about-page .team-slide .member-description{color:var(--text-secondary);opacity:0;margin-bottom:1.5rem;font-size:.8rem;line-height:1.6;transform:translateY(20px)}.about-page .team-slide.active .member-description{animation:.6s .6s both slideUp}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.about-page .team-slide .member-skills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.about-page .team-slide .skill{color:var(--primary-color);opacity:0;transition:all var(--transition-normal);background:#00ff881a;border:1px solid #0f83;border-radius:20px;padding:.3rem .7rem;font-size:.65rem;font-weight:500;transform:scale(.8)}.about-page .team-slide.active .skill{animation:.4s both popIn}.about-page .team-slide.active .skill:first-child{animation-delay:.7s}.about-page .team-slide.active .skill:nth-child(2){animation-delay:.8s}.about-page .team-slide.active .skill:nth-child(3){animation-delay:.9s}.about-page .team-slide.active .skill:nth-child(4){animation-delay:1s}@keyframes popIn{to{opacity:1;transform:scale(1)}}.about-page .team-slide .skill:hover{background:#0f83;transform:scale(1.05)}.about-page .team-slide .member-social{justify-content:center;gap:1rem;display:flex}.about-page .team-slide .social-link{background:var(--bg-darker);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-normal);opacity:0;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;text-decoration:none;display:flex;transform:translateY(20px)}.about-page .team-slide.active .social-link{animation:.5s both slideUp}.about-page .team-slide.active .social-link:first-child{animation-delay:1.1s}.about-page .team-slide.active .social-link:nth-child(2){animation-delay:1.2s}.about-page .team-slide.active .social-link:nth-child(3){animation-delay:1.3s}.about-page .team-slide .social-link:hover{background:var(--primary-color);color:var(--bg-dark);transform:translateY(-3px);box-shadow:0 5px 15px #00ff884d}.about-page .team-member{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(30px)}.about-page .team-member:first-child{animation-delay:.1s}.about-page .team-member:nth-child(2){animation-delay:.2s}.about-page .team-member:nth-child(3){animation-delay:.3s}.about-page .team-member:nth-child(4){animation-delay:.4s}.about-page .team-member:nth-child(5){animation-delay:.5s}.about-page .team-member:nth-child(6){animation-delay:.6s}.about-page .member-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-normal);flex-direction:column;height:100%;padding:2rem;display:flex;position:relative;overflow:hidden}.about-page .member-card:before{content:"";background:var(--shadow-glow);border-radius:var(--border-radius);opacity:0;transition:opacity var(--transition-normal);z-index:-1;position:absolute;inset:0}.about-page .member-card:hover{border-color:var(--primary-color);transform:translateY(-10px)}.about-page .member-card:hover:before{opacity:.05}.about-page .member-avatar{text-align:center;margin-bottom:1.5rem}.about-page .avatar-placeholder{background:linear-gradient(45deg, var(--primary-color), var(--accent-blue));width:100px;height:100px;color:var(--bg-dark);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:2.5rem;display:flex}.about-page .member-card:hover .avatar-placeholder{transform:scale(1.1);box-shadow:0 0 30px #0f86}.about-page .member-info{text-align:center;flex-direction:column;flex:1;display:flex}.about-page .member-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.about-page .member-role{color:var(--primary-color);margin-bottom:1rem;font-size:1rem;font-weight:500}.about-page .member-description{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;line-height:1.6}.about-page .member-skills{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.about-page .skill{color:var(--primary-color);background:#00ff881a;border:1px solid #0f83;border-radius:20px;padding:.3rem .8rem;font-size:.85rem;font-weight:500}.about-page .member-social{justify-content:center;gap:1rem;display:flex}.about-page .social-link{background:var(--bg-darker);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.about-page .social-link:hover{background:var(--primary-color);color:var(--bg-dark);transform:translateY(-2px)}.about-page .values-section{background:var(--bg-dark);border-radius:50px;padding:6rem 0}.about-page .values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.about-page .value-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:center;transition:all var(--transition-normal);padding:2.5rem 2rem;position:relative;overflow:hidden}.about-page .value-card:before{content:"";background:linear-gradient(135deg, var(--primary-color), var(--accent-blue));opacity:0;transition:opacity var(--transition-normal);z-index:-1;position:absolute;inset:0}.about-page .value-card:hover:before{opacity:.05}.about-page .value-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.about-page .value-icon{background:linear-gradient(45deg, var(--primary-color), var(--accent-blue));width:70px;height:70px;color:var(--bg-dark);transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.8rem;display:flex}.about-page .value-card:hover .value-icon{transform:scale(1.1)}.about-page .value-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.about-page .value-card p{color:var(--text-secondary);line-height:1.6}.about-page .particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.about-page .particles .particle{opacity:.7;width:15px;height:15px;animation:20s linear infinite particleFloat;position:absolute;box-shadow:0 0 10px #f328044d;box-sizing:border-box!important;aspect-ratio:1!important;background:linear-gradient(45deg,#f32804,#f8fc25)!important;border-radius:50%!important;min-width:8px!important;min-height:8px!important;display:block!important}.about-page .particle:nth-child(odd){width:12px;height:12px;animation-duration:18s;box-shadow:0 0 8px #ff6b6b66;background:linear-gradient(45deg,#ff6b6b,#e54404)!important}.about-page .particle:nth-child(3n){width:18px;height:18px;animation-duration:25s;box-shadow:0 0 12px #d7830466;background:linear-gradient(45deg,#d78304,#de0606)!important}.about-page .particle:nth-child(4n){width:10px;height:10px;animation-duration:22s;box-shadow:0 0 8px #0f86;background:linear-gradient(45deg,#0f8,#4dabf7)!important}@keyframes particleFloat{0%{opacity:0;transform:translateY(calc(100vh + 50px))translate(0)rotate(0)scale(.5)}5%{opacity:.8;transform:translateY(90vh)translate(10px)rotate(18deg)scale(.7)}25%{opacity:.9;transform:translateY(75vh)translate(30px)rotate(90deg)scale(1)}50%{opacity:.8;transform:translateY(50vh)translate(60px)rotate(180deg)scale(1.1)}75%{opacity:.6;transform:translateY(25vh)translate(90px)rotate(270deg)scale(.9)}95%{opacity:.3;transform:translateY(5vh)translate(120px)rotate(350deg)scale(.6)}to{opacity:0;transform:translateY(-50px)translate(150px)rotate(360deg)scale(.3)}}.about-page .cta-section{background:var(--bg-gradient);text-align:center;border-radius:50px;padding:6rem 0}.about-page .cta-content h2{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem}.about-page .cta-content p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.2rem}.about-page .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.about-page .hero-title{font-size:2.5rem}.about-page .hero-title .subtitle{font-size:1.4rem}.about-page .hero-description{font-size:1rem}.about-page .section-title{font-size:2rem}.about-page .team-slideshow{max-width:100%;margin:0 1rem}.about-page .slides-wrapper{height:600px}.about-page .team-slide{padding:2rem 1rem}.about-page .team-slide .avatar-placeholder{width:100px;height:100px;font-size:2.5rem}.about-page .team-slide .member-name{font-size:1.8rem}.about-page .team-slide .member-role{font-size:1.1rem}.about-page .team-slide .member-description{margin-bottom:1.5rem;font-size:1rem}.about-page .team-slide .member-skills{gap:.5rem;margin-bottom:1.5rem}.about-page .team-slide .skill{padding:.4rem .8rem;font-size:.85rem}.about-page .team-slide .social-link{width:45px;height:45px}.about-page .team-slideshow .nav-btn{width:45px;min-width:45px;height:45px;font-size:1rem}.about-page .slideshow-nav{padding:0 1rem}.about-page .project-features{grid-template-columns:1fr}.about-page .values-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.about-page .main-card{padding:2rem}.about-page .cta-buttons{flex-direction:column;align-items:center}.about-page .cta-buttons .btn{width:100%;max-width:300px}}@media (width<=480px){.about-page .container{padding:0 1rem}.about-page .hero-content{padding:2rem 1rem}.about-page .member-card,.about-page .feature-card,.about-page .value-card{padding:1.5rem}.about-page .values-grid{grid-template-columns:1fr}}.cesar-page{--primary-color:#2d3748;--secondary-color:#4a5568;--accent-color:#0c5f33;--success-color:#034562;--warning-color:#ed8936;--background-color:#ffffff0d;--card-background:#ffffff14;--text-color:#e2e8f0;--border-color:#ffffff1a;--shadow:0 8px 25px #00000026;--shadow-hover:0 15px 35px #00000040;--transition:all .3s cubic-bezier(.4, 0, .2, 1);box-sizing:border-box;flex-direction:column;align-items:stretch;gap:1.5rem;width:100%;max-width:100%;padding:1.5rem 1.25rem 2.5rem;display:flex;overflow-x:hidden}.cesar-page .cesar-layout{grid-template-columns:minmax(280px,1.15fr) minmax(260px,1fr) minmax(220px,.85fr);align-items:start;gap:1.5rem;width:100%;display:grid}.cesar-page .section-title{-webkit-text-fill-color:transparent;text-align:center;box-sizing:border-box;background:linear-gradient(90deg,#0f8,#00d4aa);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0;padding:1.25rem 1rem;font-size:clamp(1.75rem,4vw,3rem);font-weight:900;display:flex;position:relative;top:auto;left:auto;transform:none}.cesar-page .section-title:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);border-radius:1px;width:min(60%,28rem);height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cesar-page .section-title:after{content:"";background:linear-gradient(90deg, transparent, var(--success-color), transparent);border-radius:1px;width:min(40%,18rem);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cesar-page .wheel-container{text-align:center;border-radius:20px;min-width:0;padding:.75rem .5rem}.cesar-page .wheel-container h3{color:var(--text-color);z-index:2;margin:0 0 1rem;font-size:1.5rem;font-weight:600;position:relative}.cesar-page .caesar-wheel{width:450px;height:450px;margin:4.5rem auto 20px;padding-top:0;position:relative}.cesar-page .wheel-outer,.cesar-page .wheel-inner{border-radius:50%;position:absolute;top:50%;left:50%}.cesar-page .wheel-outer{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));border:8px solid var(--border-color);width:450px;height:450px;box-shadow:var(--shadow), inset 0 4px 8px #ffffff1a, inset 0 0 0 20px #ffffff0d;z-index:1;transform:translate(-50%,-50%)}.cesar-page .wheel-inner{background:linear-gradient(135deg, var(--accent-color), var(--success-color));cursor:grab;width:320px;height:320px;box-shadow:var(--shadow-hover), inset 0 3px 6px #fff3, inset 0 0 0 15px #ffffff1a;z-index:2;border:6px solid #fff3;transition:box-shadow .3s,border-color .3s;transform:translate(-50%,-50%)}.cesar-page .wheel-inner:active{cursor:grabbing}.cesar-page .wheel-letters{width:100%;height:100%;position:absolute;top:0;left:0}.cesar-page .letter{color:var(--text-color);text-shadow:1px 1px 2px #00000080;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:28px;height:28px;transition:var(--transition);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-weight:600;display:flex;position:absolute;top:50%;left:50%}.cesar-page .outer-letters .letter{background:#ffffff26;width:26px;height:26px;font-size:16px}.cesar-page .inner-letters .letter{background:#fff3;width:24px;height:24px;font-size:14px}.cesar-page .letter:hover{background:#ffffff40;transform:scale(1.1)}.cesar-page .outer-letters .letter[data-index="0"]{transform:translate(-50%,-50%)rotate(0)translateY(-210px)rotate(0)}.cesar-page .outer-letters .letter[data-index="1"]{transform:translate(-50%,-50%)rotate(12.414deg)translateY(-210px)rotate(-12.414deg)}.cesar-page .outer-letters .letter[data-index="2"]{transform:translate(-50%,-50%)rotate(24.828deg)translateY(-210px)rotate(-24.828deg)}.cesar-page .outer-letters .letter[data-index="3"]{transform:translate(-50%,-50%)rotate(37.242deg)translateY(-210px)rotate(-37.242deg)}.cesar-page .outer-letters .letter[data-index="4"]{transform:translate(-50%,-50%)rotate(49.656deg)translateY(-210px)rotate(-49.656deg)}.cesar-page .outer-letters .letter[data-index="5"]{transform:translate(-50%,-50%)rotate(62.07deg)translateY(-210px)rotate(-62.07deg)}.cesar-page .outer-letters .letter[data-index="6"]{transform:translate(-50%,-50%)rotate(74.484deg)translateY(-210px)rotate(-74.484deg)}.cesar-page .outer-letters .letter[data-index="7"]{transform:translate(-50%,-50%)rotate(86.898deg)translateY(-210px)rotate(-86.898deg)}.cesar-page .outer-letters .letter[data-index="8"]{transform:translate(-50%,-50%)rotate(99.312deg)translateY(-210px)rotate(-99.312deg)}.cesar-page .outer-letters .letter[data-index="9"]{transform:translate(-50%,-50%)rotate(111.726deg)translateY(-210px)rotate(-111.726deg)}.cesar-page .outer-letters .letter[data-index="10"]{transform:translate(-50%,-50%)rotate(124.14deg)translateY(-210px)rotate(-124.14deg)}.cesar-page .outer-letters .letter[data-index="11"]{transform:translate(-50%,-50%)rotate(136.554deg)translateY(-210px)rotate(-136.554deg)}.cesar-page .outer-letters .letter[data-index="12"]{transform:translate(-50%,-50%)rotate(148.968deg)translateY(-210px)rotate(-148.968deg)}.cesar-page .outer-letters .letter[data-index="13"]{transform:translate(-50%,-50%)rotate(161.382deg)translateY(-210px)rotate(-161.382deg)}.cesar-page .outer-letters .letter[data-index="14"]{transform:translate(-50%,-50%)rotate(173.796deg)translateY(-210px)rotate(-173.796deg)}.cesar-page .outer-letters .letter[data-index="15"]{transform:translate(-50%,-50%)rotate(186.21deg)translateY(-210px)rotate(-186.21deg)}.cesar-page .outer-letters .letter[data-index="16"]{transform:translate(-50%,-50%)rotate(198.624deg)translateY(-210px)rotate(-198.624deg)}.cesar-page .outer-letters .letter[data-index="17"]{transform:translate(-50%,-50%)rotate(211.038deg)translateY(-210px)rotate(-211.038deg)}.cesar-page .outer-letters .letter[data-index="18"]{transform:translate(-50%,-50%)rotate(223.452deg)translateY(-210px)rotate(-223.452deg)}.cesar-page .outer-letters .letter[data-index="19"]{transform:translate(-50%,-50%)rotate(235.866deg)translateY(-210px)rotate(-235.866deg)}.cesar-page .outer-letters .letter[data-index="20"]{transform:translate(-50%,-50%)rotate(248.28deg)translateY(-210px)rotate(-248.28deg)}.cesar-page .outer-letters .letter[data-index="21"]{transform:translate(-50%,-50%)rotate(260.694deg)translateY(-210px)rotate(-260.694deg)}.cesar-page .outer-letters .letter[data-index="22"]{transform:translate(-50%,-50%)rotate(273.108deg)translateY(-210px)rotate(-273.108deg)}.cesar-page .outer-letters .letter[data-index="23"]{transform:translate(-50%,-50%)rotate(285.522deg)translateY(-210px)rotate(-285.522deg)}.cesar-page .outer-letters .letter[data-index="24"]{transform:translate(-50%,-50%)rotate(297.936deg)translateY(-210px)rotate(-297.936deg)}.cesar-page .outer-letters .letter[data-index="25"]{transform:translate(-50%,-50%)rotate(310.35deg)translateY(-210px)rotate(-310.35deg)}.cesar-page .outer-letters .letter[data-index="26"]{transform:translate(-50%,-50%)rotate(322.764deg)translateY(-210px)rotate(-322.764deg)}.cesar-page .outer-letters .letter[data-index="27"]{transform:translate(-50%,-50%)rotate(335.178deg)translateY(-210px)rotate(-335.178deg)}.cesar-page .outer-letters .letter[data-index="28"]{transform:translate(-50%,-50%)rotate(347.592deg)translateY(-210px)rotate(-347.592deg)}.cesar-page .inner-letters .letter[data-index="0"]{transform:translate(-50%,-50%)rotate(0)translateY(-140px)rotate(0)}.cesar-page .inner-letters .letter[data-index="1"]{transform:translate(-50%,-50%)rotate(12.414deg)translateY(-140px)rotate(-12.414deg)}.cesar-page .inner-letters .letter[data-index="2"]{transform:translate(-50%,-50%)rotate(24.828deg)translateY(-140px)rotate(-24.828deg)}.cesar-page .inner-letters .letter[data-index="3"]{transform:translate(-50%,-50%)rotate(37.242deg)translateY(-140px)rotate(-37.242deg)}.cesar-page .inner-letters .letter[data-index="4"]{transform:translate(-50%,-50%)rotate(49.656deg)translateY(-140px)rotate(-49.656deg)}.cesar-page .inner-letters .letter[data-index="5"]{transform:translate(-50%,-50%)rotate(62.07deg)translateY(-140px)rotate(-62.07deg)}.cesar-page .inner-letters .letter[data-index="6"]{transform:translate(-50%,-50%)rotate(74.484deg)translateY(-140px)rotate(-74.484deg)}.cesar-page .inner-letters .letter[data-index="7"]{transform:translate(-50%,-50%)rotate(86.898deg)translateY(-140px)rotate(-86.898deg)}.cesar-page .inner-letters .letter[data-index="8"]{transform:translate(-50%,-50%)rotate(99.312deg)translateY(-140px)rotate(-99.312deg)}.cesar-page .inner-letters .letter[data-index="9"]{transform:translate(-50%,-50%)rotate(111.726deg)translateY(-140px)rotate(-111.726deg)}.cesar-page .inner-letters .letter[data-index="10"]{transform:translate(-50%,-50%)rotate(124.14deg)translateY(-140px)rotate(-124.14deg)}.cesar-page .inner-letters .letter[data-index="11"]{transform:translate(-50%,-50%)rotate(136.554deg)translateY(-140px)rotate(-136.554deg)}.cesar-page .inner-letters .letter[data-index="12"]{transform:translate(-50%,-50%)rotate(148.968deg)translateY(-140px)rotate(-148.968deg)}.cesar-page .inner-letters .letter[data-index="13"]{transform:translate(-50%,-50%)rotate(161.382deg)translateY(-140px)rotate(-161.382deg)}.cesar-page .inner-letters .letter[data-index="14"]{transform:translate(-50%,-50%)rotate(173.796deg)translateY(-140px)rotate(-173.796deg)}.cesar-page .inner-letters .letter[data-index="15"]{transform:translate(-50%,-50%)rotate(186.21deg)translateY(-140px)rotate(-186.21deg)}.cesar-page .inner-letters .letter[data-index="16"]{transform:translate(-50%,-50%)rotate(198.624deg)translateY(-140px)rotate(-198.624deg)}.cesar-page .inner-letters .letter[data-index="17"]{transform:translate(-50%,-50%)rotate(211.038deg)translateY(-140px)rotate(-211.038deg)}.cesar-page .inner-letters .letter[data-index="18"]{transform:translate(-50%,-50%)rotate(223.452deg)translateY(-140px)rotate(-223.452deg)}.cesar-page .inner-letters .letter[data-index="19"]{transform:translate(-50%,-50%)rotate(235.866deg)translateY(-140px)rotate(-235.866deg)}.cesar-page .inner-letters .letter[data-index="20"]{transform:translate(-50%,-50%)rotate(248.28deg)translateY(-140px)rotate(-248.28deg)}.cesar-page .inner-letters .letter[data-index="21"]{transform:translate(-50%,-50%)rotate(260.694deg)translateY(-140px)rotate(-260.694deg)}.cesar-page .inner-letters .letter[data-index="22"]{transform:translate(-50%,-50%)rotate(273.108deg)translateY(-140px)rotate(-273.108deg)}.cesar-page .inner-letters .letter[data-index="23"]{transform:translate(-50%,-50%)rotate(285.522deg)translateY(-140px)rotate(-285.522deg)}.cesar-page .inner-letters .letter[data-index="24"]{transform:translate(-50%,-50%)rotate(297.936deg)translateY(-140px)rotate(-297.936deg)}.cesar-page .inner-letters .letter[data-index="25"]{transform:translate(-50%,-50%)rotate(310.35deg)translateY(-140px)rotate(-310.35deg)}.cesar-page .inner-letters .letter[data-index="26"]{transform:translate(-50%,-50%)rotate(322.764deg)translateY(-140px)rotate(-322.764deg)}.cesar-page .inner-letters .letter[data-index="27"]{transform:translate(-50%,-50%)rotate(335.178deg)translateY(-140px)rotate(-335.178deg)}.cesar-page .inner-letters .letter[data-index="28"]{transform:translate(-50%,-50%)rotate(347.592deg)translateY(-140px)rotate(-347.592deg)}.cesar-page .wheel-center{z-index:8;background:#01333f;border-radius:50%;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cesar-page .wheel-handle{background:linear-gradient(135deg, var(--warning-color), var(--accent-color));color:#fff;width:50px;height:50px;box-shadow:var(--shadow);cursor:grab;z-index:10;transition:var(--transition);border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cesar-page .wheel-handle:active{cursor:grabbing;transform:translate(-50%,-50%)scale(.95)}.cesar-page .wheel-handle:hover{background:linear-gradient(135deg, var(--accent-color), var(--success-color));box-shadow:var(--shadow-hover);transform:translate(-50%,-50%)scale(1.05)}.cesar-page .wheel-indicator{background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);box-shadow:var(--shadow);border:1px solid var(--border-color);z-index:10;white-space:nowrap;border-radius:12px;padding:12px 20px;font-size:18px;font-weight:600;position:absolute;top:-4rem;left:50%;transform:translate(-50%)}.cesar-page .correspondence{align-items:center;gap:.5rem;display:flex}.cesar-page .original-letter,.cesar-page .cipher-letter,.cesar-page .correspondence .arrow{box-shadow:none;width:auto;min-width:0;max-width:none;height:auto;font:inherit;background:0 0;border:none;margin:0;padding:0;display:inline;transform:none}.cesar-page .original-letter{color:#fff}.cesar-page .correspondence .arrow{color:#0090ff;text-shadow:0 0 8px #0090ffd9}.cesar-page .cipher-letter{color:#ffe600;text-shadow:0 0 8px #ffe600bf}.cesar-page .indicator-line{background:linear-gradient(to bottom, var(--accent-color), transparent);border-radius:2px;width:3px;height:15px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cesar-page .wheel-info{background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;margin-top:30px;padding:15px}.cesar-page .current-shift{color:var(--text-color);font-size:1.1rem;font-weight:600}.cesar-page .traditional-controls{background:var(--card-background);box-shadow:var(--shadow);border-radius:20px;padding:30px}.cesar-page .control-group{margin-bottom:20px}.cesar-page .control-group label{color:var(--primary-color);margin-bottom:8px;font-weight:600;display:block}.cesar-page .select-input{border:2px solid var(--border-color);width:100%;transition:var(--transition);border-radius:8px;padding:10px 15px;font-size:16px}.cesar-page .select-input:focus{border-color:var(--secondary-color);outline:none;box-shadow:0 0 0 3px #3498db1a}.cesar-page .key-input-group{align-items:center;gap:10px;display:flex}.cesar-page .key-slider{background:var(--border-color);-webkit-appearance:none;border-radius:3px;outline:none;flex:1;height:6px}.cesar-page .key-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--secondary-color);cursor:pointer;border-radius:50%;width:20px;height:20px}.cesar-page .key-number{border:2px solid var(--border-color);text-align:center;border-radius:8px;width:80px;padding:8px;font-size:16px}.cesar-page .quick-keys{margin-top:20px}.cesar-page .quick-key-label{color:var(--primary-color);margin-bottom:10px;font-weight:600;display:block}.cesar-page .quick-key{background:var(--secondary-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:20px;margin:0 5px 5px 0;padding:8px 15px;font-weight:700}.cesar-page .quick-key:hover{background:var(--primary-color);transform:translateY(-2px)}.cesar-page .quick-key.active{background:var(--accent-color)}.cesar-page .text-areas{flex-direction:column;gap:20px;width:100%;margin:40px 0;display:flex}.cesar-page .text-group{position:relative}.cesar-page .text-group label{color:var(--text-color);margin-bottom:8px;font-weight:600;display:block}.cesar-page .text-group textarea{border:1px solid var(--border-color);resize:vertical;width:100%;transition:var(--transition);background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);border-radius:12px;padding:15px;font-family:Courier New,monospace;font-size:16px}.cesar-page .text-group textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #38a1691a}.cesar-page .copy-btn{background:var(--success-color);color:#fff;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;padding:8px 12px;position:absolute;top:35px;right:10px}.cesar-page .copy-btn:hover{background:var(--accent-color);box-shadow:var(--shadow-hover);transform:scale(1.05)}.cesar-page .transform-arrow{text-align:center;appearance:none;cursor:pointer;color:#0090ff;justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:.25rem;display:flex;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.cesar-page .transform-arrow:focus,.cesar-page .transform-arrow:focus-visible{box-shadow:none;outline:none}.cesar-page .transform-arrow i{color:#0090ff;filter:drop-shadow(0 0 8px #0090ffd9);font-size:2rem;animation:none}.cesar-page .action-buttons{align-items:right;justify-content:right;gap:15px;display:flex}.cesar-page .btn{cursor:pointer;transition:var(--transition);border:none;border-radius:25px;align-items:center;gap:8px;padding:12px 25px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.cesar-page .btn-primary{background:linear-gradient(135deg, var(--secondary-color), var(--primary-color));color:#fff}.cesar-page .btn-secondary{background:var(--border-color);color:var(--primary-color)}.cesar-page .btn-accent{background:linear-gradient(135deg, var(--warning-color), var(--accent-color));color:#fff}.cesar-page .btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cesar-page .examples-section{border-radius:15px;min-width:0;margin-top:0;padding:1.25rem .75rem}.cesar-page .examples-section h3{color:var(--text-color);margin:0 0 1rem;font-size:1.5rem;font-weight:600}.cesar-page .examples-grid{grid-template-columns:1fr;gap:1rem;display:grid}.cesar-page .example-card{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);text-align:center;width:100%;color:inherit;font:inherit;background:#ffffff1a;border-radius:15px;padding:1rem 1.1rem}.cesar-page .example-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-hover);background:#ffffff26;transform:translateY(-3px)}.cesar-page .example-input{color:var(--text-color);font-family:Courier New,monospace;font-size:16px;font-weight:600}.cesar-page .example-arrow{color:#dfdf0a;margin:10px 0;font-weight:600}.cesar-page .example-output{color:#1faf73;font-family:Courier New,monospace;font-size:16px;font-weight:600}.cesar-page .alphabet-section{background:var(--background-color);padding:80px 20px}.cesar-page .alphabet-container{max-width:1000px;margin:0 auto}.cesar-page .alphabet-explanation{text-align:center;margin-bottom:30px}.cesar-page .alphabet-explanation p{color:#666;max-width:600px;margin:0 auto;font-size:1.1rem}.cesar-page .alphabet-table{box-shadow:var(--shadow);background:#fff;border-radius:15px;margin-bottom:20px;padding:30px}.cesar-page .alphabet-row{align-items:center;margin-bottom:15px;display:flex}.cesar-page .alphabet-row:last-child{margin-bottom:0}.cesar-page .alphabet-label{color:var(--primary-color);flex-shrink:0;width:100px;font-weight:700}.cesar-page .alphabet-letters{flex-wrap:wrap;gap:5px;display:flex}.cesar-page .alphabet-letter{background:var(--secondary-color);color:#fff;width:30px;height:30px;transition:var(--transition);border-radius:5px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.cesar-page .alphabet-letter:hover{background:var(--primary-color);transform:scale(1.1)}.cesar-page .alphabet-highlight{background:linear-gradient(135deg, var(--warning-color), var(--accent-color));color:#fff;text-align:center;border-radius:15px;padding:20px}.cesar-page .highlight-example{font-size:1.2rem}.cesar-page .highlight-original,.cesar-page .highlight-cipher{border-radius:5px;margin:0 5px;padding:5px 10px;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.cesar-page .highlight-original{background:#fff3}.cesar-page .highlight-cipher{background:#ffffff4d}.cesar-page .info-section{background:#fff;padding:80px 20px}.cesar-page .info-content{max-width:800px;margin:0 auto}.cesar-page .info-text p{color:#555;margin-bottom:20px;font-size:1.1rem;line-height:1.8}.cesar-page .security-warning{border-left:5px solid var(--warning-color);color:var(--primary-color);background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:10px;margin-top:30px;padding:20px}.cesar-page .security-warning i{color:var(--warning-color);margin-right:10px}@media (width<=1100px){.cesar-page .cesar-layout{grid-template-columns:1fr 1fr}.cesar-page .examples-section{grid-column:1/-1}}@media (width<=768px){.cesar-page .cesar-layout{grid-template-columns:1fr}.cesar-page .examples-section{grid-column:auto}.cesar-page .caesar-wheel,.cesar-page .wheel-outer{width:360px;height:360px}.cesar-page .wheel-inner{width:250px;height:250px}.cesar-page .outer-letters .letter[data-index="0"]{transform:translate(-50%,-50%)rotate(0)translateY(-165px)rotate(0)}.cesar-page .outer-letters .letter[data-index="1"]{transform:translate(-50%,-50%)rotate(12.414deg)translateY(-165px)rotate(-12.414deg)}.cesar-page .outer-letters .letter[data-index="2"]{transform:translate(-50%,-50%)rotate(24.828deg)translateY(-165px)rotate(-24.828deg)}.cesar-page .outer-letters .letter[data-index="3"]{transform:translate(-50%,-50%)rotate(37.242deg)translateY(-165px)rotate(-37.242deg)}.cesar-page .outer-letters .letter[data-index="4"]{transform:translate(-50%,-50%)rotate(49.656deg)translateY(-165px)rotate(-49.656deg)}.cesar-page .outer-letters .letter[data-index="5"]{transform:translate(-50%,-50%)rotate(62.07deg)translateY(-165px)rotate(-62.07deg)}.cesar-page .outer-letters .letter[data-index="6"]{transform:translate(-50%,-50%)rotate(74.484deg)translateY(-165px)rotate(-74.484deg)}.cesar-page .outer-letters .letter[data-index="7"]{transform:translate(-50%,-50%)rotate(86.898deg)translateY(-165px)rotate(-86.898deg)}.cesar-page .outer-letters .letter[data-index="8"]{transform:translate(-50%,-50%)rotate(99.312deg)translateY(-165px)rotate(-99.312deg)}.cesar-page .outer-letters .letter[data-index="9"]{transform:translate(-50%,-50%)rotate(111.726deg)translateY(-165px)rotate(-111.726deg)}.cesar-page .outer-letters .letter[data-index="10"]{transform:translate(-50%,-50%)rotate(124.14deg)translateY(-165px)rotate(-124.14deg)}.cesar-page .outer-letters .letter[data-index="11"]{transform:translate(-50%,-50%)rotate(136.554deg)translateY(-165px)rotate(-136.554deg)}.cesar-page .outer-letters .letter[data-index="12"]{transform:translate(-50%,-50%)rotate(148.968deg)translateY(-165px)rotate(-148.968deg)}.cesar-page .outer-letters .letter[data-index="13"]{transform:translate(-50%,-50%)rotate(161.382deg)translateY(-165px)rotate(-161.382deg)}.cesar-page .outer-letters .letter[data-index="14"]{transform:translate(-50%,-50%)rotate(173.796deg)translateY(-165px)rotate(-173.796deg)}.cesar-page .outer-letters .letter[data-index="15"]{transform:translate(-50%,-50%)rotate(186.21deg)translateY(-165px)rotate(-186.21deg)}.cesar-page .outer-letters .letter[data-index="16"]{transform:translate(-50%,-50%)rotate(198.624deg)translateY(-165px)rotate(-198.624deg)}.cesar-page .outer-letters .letter[data-index="17"]{transform:translate(-50%,-50%)rotate(211.038deg)translateY(-165px)rotate(-211.038deg)}.cesar-page .outer-letters .letter[data-index="18"]{transform:translate(-50%,-50%)rotate(223.452deg)translateY(-165px)rotate(-223.452deg)}.cesar-page .outer-letters .letter[data-index="19"]{transform:translate(-50%,-50%)rotate(235.866deg)translateY(-165px)rotate(-235.866deg)}.cesar-page .outer-letters .letter[data-index="20"]{transform:translate(-50%,-50%)rotate(248.28deg)translateY(-165px)rotate(-248.28deg)}.cesar-page .outer-letters .letter[data-index="21"]{transform:translate(-50%,-50%)rotate(260.694deg)translateY(-165px)rotate(-260.694deg)}.cesar-page .outer-letters .letter[data-index="22"]{transform:translate(-50%,-50%)rotate(273.108deg)translateY(-165px)rotate(-273.108deg)}.cesar-page .outer-letters .letter[data-index="23"]{transform:translate(-50%,-50%)rotate(285.522deg)translateY(-165px)rotate(-285.522deg)}.cesar-page .outer-letters .letter[data-index="24"]{transform:translate(-50%,-50%)rotate(297.936deg)translateY(-165px)rotate(-297.936deg)}.cesar-page .outer-letters .letter[data-index="25"]{transform:translate(-50%,-50%)rotate(310.35deg)translateY(-165px)rotate(-310.35deg)}.cesar-page .outer-letters .letter[data-index="26"]{transform:translate(-50%,-50%)rotate(322.764deg)translateY(-165px)rotate(-322.764deg)}.cesar-page .outer-letters .letter[data-index="27"]{transform:translate(-50%,-50%)rotate(335.178deg)translateY(-165px)rotate(-335.178deg)}.cesar-page .outer-letters .letter[data-index="28"]{transform:translate(-50%,-50%)rotate(347.592deg)translateY(-165px)rotate(-347.592deg)}.cesar-page .inner-letters .letter[data-index="0"]{transform:translate(-50%,-50%)rotate(0)translateY(-110px)rotate(0)}.cesar-page .inner-letters .letter[data-index="1"]{transform:translate(-50%,-50%)rotate(12.414deg)translateY(-110px)rotate(-12.414deg)}.cesar-page .inner-letters .letter[data-index="2"]{transform:translate(-50%,-50%)rotate(24.828deg)translateY(-110px)rotate(-24.828deg)}.cesar-page .inner-letters .letter[data-index="3"]{transform:translate(-50%,-50%)rotate(37.242deg)translateY(-110px)rotate(-37.242deg)}.cesar-page .inner-letters .letter[data-index="4"]{transform:translate(-50%,-50%)rotate(49.656deg)translateY(-110px)rotate(-49.656deg)}.cesar-page .inner-letters .letter[data-index="5"]{transform:translate(-50%,-50%)rotate(62.07deg)translateY(-110px)rotate(-62.07deg)}.cesar-page .inner-letters .letter[data-index="6"]{transform:translate(-50%,-50%)rotate(74.484deg)translateY(-110px)rotate(-74.484deg)}.cesar-page .inner-letters .letter[data-index="7"]{transform:translate(-50%,-50%)rotate(86.898deg)translateY(-110px)rotate(-86.898deg)}.cesar-page .inner-letters .letter[data-index="8"]{transform:translate(-50%,-50%)rotate(99.312deg)translateY(-110px)rotate(-99.312deg)}.cesar-page .inner-letters .letter[data-index="9"]{transform:translate(-50%,-50%)rotate(111.726deg)translateY(-110px)rotate(-111.726deg)}.cesar-page .inner-letters .letter[data-index="10"]{transform:translate(-50%,-50%)rotate(124.14deg)translateY(-110px)rotate(-124.14deg)}.cesar-page .inner-letters .letter[data-index="11"]{transform:translate(-50%,-50%)rotate(136.554deg)translateY(-110px)rotate(-136.554deg)}.cesar-page .inner-letters .letter[data-index="12"]{transform:translate(-50%,-50%)rotate(148.968deg)translateY(-110px)rotate(-148.968deg)}.cesar-page .inner-letters .letter[data-index="13"]{transform:translate(-50%,-50%)rotate(161.382deg)translateY(-110px)rotate(-161.382deg)}.cesar-page .inner-letters .letter[data-index="14"]{transform:translate(-50%,-50%)rotate(173.796deg)translateY(-110px)rotate(-173.796deg)}.cesar-page .inner-letters .letter[data-index="15"]{transform:translate(-50%,-50%)rotate(186.21deg)translateY(-110px)rotate(-186.21deg)}.cesar-page .inner-letters .letter[data-index="16"]{transform:translate(-50%,-50%)rotate(198.624deg)translateY(-110px)rotate(-198.624deg)}.cesar-page .inner-letters .letter[data-index="17"]{transform:translate(-50%,-50%)rotate(211.038deg)translateY(-110px)rotate(-211.038deg)}.cesar-page .inner-letters .letter[data-index="18"]{transform:translate(-50%,-50%)rotate(223.452deg)translateY(-110px)rotate(-223.452deg)}.cesar-page .inner-letters .letter[data-index="19"]{transform:translate(-50%,-50%)rotate(235.866deg)translateY(-110px)rotate(-235.866deg)}.cesar-page .inner-letters .letter[data-index="20"]{transform:translate(-50%,-50%)rotate(248.28deg)translateY(-110px)rotate(-248.28deg)}.cesar-page .inner-letters .letter[data-index="21"]{transform:translate(-50%,-50%)rotate(260.694deg)translateY(-110px)rotate(-260.694deg)}.cesar-page .inner-letters .letter[data-index="22"]{transform:translate(-50%,-50%)rotate(273.108deg)translateY(-110px)rotate(-273.108deg)}.cesar-page .inner-letters .letter[data-index="23"]{transform:translate(-50%,-50%)rotate(285.522deg)translateY(-110px)rotate(-285.522deg)}.cesar-page .inner-letters .letter[data-index="24"]{transform:translate(-50%,-50%)rotate(297.936deg)translateY(-110px)rotate(-297.936deg)}.cesar-page .inner-letters .letter[data-index="25"]{transform:translate(-50%,-50%)rotate(310.35deg)translateY(-110px)rotate(-310.35deg)}.cesar-page .inner-letters .letter[data-index="26"]{transform:translate(-50%,-50%)rotate(322.764deg)translateY(-110px)rotate(-322.764deg)}.cesar-page .inner-letters .letter[data-index="27"]{transform:translate(-50%,-50%)rotate(335.178deg)translateY(-110px)rotate(-335.178deg)}.cesar-page .inner-letters .letter[data-index="28"]{transform:translate(-50%,-50%)rotate(347.592deg)translateY(-110px)rotate(-347.592deg)}.cesar-page .text-areas{grid-template-columns:1fr;gap:15px}.cesar-page .action-buttons{flex-direction:column;align-items:center}.cesar-page .hero-title{font-size:2.5rem}.cesar-page .explanation-grid{grid-template-columns:1fr;gap:20px}.cesar-page .outer-letters .letter{width:26px;height:26px;font-size:18px}.cesar-page .inner-letters .letter{width:24px;height:24px;font-size:16px}}@media (width<=480px){.cesar-page .caesar-wheel,.cesar-page .wheel-outer{width:280px;height:280px}.cesar-page .wheel-inner{width:190px;height:190px}.cesar-page .outer-letters .letter[data-index="0"]{transform:translate(-50%,-50%)rotate(0)translateY(-165px)rotate(0)}.cesar-page .outer-letters .letter[data-index="1"]{transform:translate(-50%,-50%)rotate(12.414deg)translateY(-165px)rotate(-12.414deg)}.cesar-page .outer-letters .letter[data-index="2"]{transform:translate(-50%,-50%)rotate(24.828deg)translateY(-165px)rotate(-24.828deg)}.cesar-page .outer-letters .letter[data-index="3"]{transform:translate(-50%,-50%)rotate(37.242deg)translateY(-165px)rotate(-37.242deg)}.cesar-page .outer-letters .letter[data-index="4"]{transform:translate(-50%,-50%)rotate(49.656deg)translateY(-165px)rotate(-49.656deg)}.cesar-page .outer-letters .letter[data-index="5"]{transform:translate(-50%,-50%)rotate(62.07deg)translateY(-165px)rotate(-62.07deg)}.cesar-page .outer-letters .letter[data-index="6"]{transform:translate(-50%,-50%)rotate(74.484deg)translateY(-165px)rotate(-74.484deg)}.cesar-page .outer-letters .letter[data-index="7"]{transform:translate(-50%,-50%)rotate(86.898deg)translateY(-165px)rotate(-86.898deg)}.cesar-page .outer-letters .letter[data-index="8"]{transform:translate(-50%,-50%)rotate(99.312deg)translateY(-165px)rotate(-99.312deg)}.cesar-page .outer-letters .letter[data-index="9"]{transform:translate(-50%,-50%)rotate(111.726deg)translateY(-165px)rotate(-111.726deg)}.cesar-page .outer-letters .letter[data-index="10"]{transform:translate(-50%,-50%)rotate(124.14deg)translateY(-165px)rotate(-124.14deg)}.cesar-page .outer-letters .letter[data-index="11"]{transform:translate(-50%,-50%)rotate(136.554deg)translateY(-165px)rotate(-136.554deg)}.cesar-page .outer-letters .letter[data-index="12"]{transform:translate(-50%,-50%)rotate(148.968deg)translateY(-165px)rotate(-148.968deg)}.cesar-page .outer-letters .letter[data-index="13"]{transform:translate(-50%,-50%)rotate(161.382deg)translateY(-165px)rotate(-161.382deg)}.cesar-page .outer-letters .letter[data-index="14"]{transform:translate(-50%,-50%)rotate(173.796deg)translateY(-165px)rotate(-173.796deg)}.cesar-page .outer-letters .letter[data-index="15"]{transform:translate(-50%,-50%)rotate(186.21deg)translateY(-165px)rotate(-186.21deg)}.cesar-page .outer-letters .letter[data-index="16"]{transform:translate(-50%,-50%)rotate(198.624deg)translateY(-165px)rotate(-198.624deg)}.cesar-page .outer-letters .letter[data-index="17"]{transform:translate(-50%,-50%)rotate(211.038deg)translateY(-165px)rotate(-211.038deg)}.cesar-page .outer-letters .letter[data-index="18"]{transform:translate(-50%,-50%)rotate(223.452deg)translateY(-165px)rotate(-223.452deg)}.cesar-page .outer-letters .letter[data-index="19"]{transform:translate(-50%,-50%)rotate(235.866deg)translateY(-165px)rotate(-235.866deg)}.cesar-page .outer-letters .letter[data-index="20"]{transform:translate(-50%,-50%)rotate(248.28deg)translateY(-165px)rotate(-248.28deg)}.cesar-page .outer-letters .letter[data-index="21"]{transform:translate(-50%,-50%)rotate(260.694deg)translateY(-165px)rotate(-260.694deg)}.cesar-page .outer-letters .letter[data-index="22"]{transform:translate(-50%,-50%)rotate(273.108deg)translateY(-165px)rotate(-273.108deg)}.cesar-page .outer-letters .letter[data-index="23"]{transform:translate(-50%,-50%)rotate(285.522deg)translateY(-165px)rotate(-285.522deg)}.cesar-page .outer-letters .letter[data-index="24"]{transform:translate(-50%,-50%)rotate(297.936deg)translateY(-165px)rotate(-297.936deg)}.cesar-page .outer-letters .letter[data-index="25"]{transform:translate(-50%,-50%)rotate(310.35deg)translateY(-165px)rotate(-310.35deg)}.cesar-page .outer-letters .letter[data-index="26"]{transform:translate(-50%,-50%)rotate(322.764deg)translateY(-165px)rotate(-322.764deg)}.cesar-page .outer-letters .letter[data-index="27"]{transform:translate(-50%,-50%)rotate(335.178deg)translateY(-165px)rotate(-335.178deg)}.cesar-page .outer-letters .letter[data-index="28"]{transform:translate(-50%,-50%)rotate(347.592deg)translateY(-165px)rotate(-347.592deg)}.cesar-page .inner-letters .letter[data-index="0"]{transform:translate(-50%,-50%)rotate(0)translateY(-110px)rotate(0)}.cesar-page .inner-letters .letter[data-index="1"]{transform:translate(-50%,-50%)rotate(12.414deg)translateY(-110px)rotate(-12.414deg)}.cesar-page .inner-letters .letter[data-index="2"]{transform:translate(-50%,-50%)rotate(24.828deg)translateY(-110px)rotate(-24.828deg)}.cesar-page .inner-letters .letter[data-index="3"]{transform:translate(-50%,-50%)rotate(37.242deg)translateY(-110px)rotate(-37.242deg)}.cesar-page .inner-letters .letter[data-index="4"]{transform:translate(-50%,-50%)rotate(49.656deg)translateY(-110px)rotate(-49.656deg)}.cesar-page .inner-letters .letter[data-index="5"]{transform:translate(-50%,-50%)rotate(62.07deg)translateY(-110px)rotate(-62.07deg)}.cesar-page .inner-letters .letter[data-index="6"]{transform:translate(-50%,-50%)rotate(74.484deg)translateY(-110px)rotate(-74.484deg)}.cesar-page .inner-letters .letter[data-index="7"]{transform:translate(-50%,-50%)rotate(86.898deg)translateY(-110px)rotate(-86.898deg)}.cesar-page .inner-letters .letter[data-index="8"]{transform:translate(-50%,-50%)rotate(99.312deg)translateY(-110px)rotate(-99.312deg)}.cesar-page .inner-letters .letter[data-index="9"]{transform:translate(-50%,-50%)rotate(111.726deg)translateY(-110px)rotate(-111.726deg)}.cesar-page .inner-letters .letter[data-index="10"]{transform:translate(-50%,-50%)rotate(124.14deg)translateY(-110px)rotate(-124.14deg)}.cesar-page .inner-letters .letter[data-index="11"]{transform:translate(-50%,-50%)rotate(136.554deg)translateY(-110px)rotate(-136.554deg)}.cesar-page .inner-letters .letter[data-index="12"]{transform:translate(-50%,-50%)rotate(148.968deg)translateY(-110px)rotate(-148.968deg)}.cesar-page .inner-letters .letter[data-index="13"]{transform:translate(-50%,-50%)rotate(161.382deg)translateY(-110px)rotate(-161.382deg)}.cesar-page .inner-letters .letter[data-index="14"]{transform:translate(-50%,-50%)rotate(173.796deg)translateY(-110px)rotate(-173.796deg)}.cesar-page .inner-letters .letter[data-index="15"]{transform:translate(-50%,-50%)rotate(186.21deg)translateY(-110px)rotate(-186.21deg)}.cesar-page .inner-letters .letter[data-index="16"]{transform:translate(-50%,-50%)rotate(198.624deg)translateY(-110px)rotate(-198.624deg)}.cesar-page .inner-letters .letter[data-index="17"]{transform:translate(-50%,-50%)rotate(211.038deg)translateY(-110px)rotate(-211.038deg)}.cesar-page .inner-letters .letter[data-index="18"]{transform:translate(-50%,-50%)rotate(223.452deg)translateY(-110px)rotate(-223.452deg)}.cesar-page .inner-letters .letter[data-index="19"]{transform:translate(-50%,-50%)rotate(235.866deg)translateY(-110px)rotate(-235.866deg)}.cesar-page .inner-letters .letter[data-index="20"]{transform:translate(-50%,-50%)rotate(248.28deg)translateY(-110px)rotate(-248.28deg)}.cesar-page .inner-letters .letter[data-index="21"]{transform:translate(-50%,-50%)rotate(260.694deg)translateY(-110px)rotate(-260.694deg)}.cesar-page .inner-letters .letter[data-index="22"]{transform:translate(-50%,-50%)rotate(273.108deg)translateY(-110px)rotate(-273.108deg)}.cesar-page .inner-letters .letter[data-index="23"]{transform:translate(-50%,-50%)rotate(285.522deg)translateY(-110px)rotate(-285.522deg)}.cesar-page .inner-letters .letter[data-index="24"]{transform:translate(-50%,-50%)rotate(297.936deg)translateY(-110px)rotate(-297.936deg)}.cesar-page .inner-letters .letter[data-index="25"]{transform:translate(-50%,-50%)rotate(310.35deg)translateY(-110px)rotate(-310.35deg)}.cesar-page .inner-letters .letter[data-index="26"]{transform:translate(-50%,-50%)rotate(322.764deg)translateY(-110px)rotate(-322.764deg)}.cesar-page .inner-letters .letter[data-index="27"]{transform:translate(-50%,-50%)rotate(335.178deg)translateY(-110px)rotate(-335.178deg)}.cesar-page .inner-letters .letter[data-index="28"]{transform:translate(-50%,-50%)rotate(347.592deg)translateY(-110px)rotate(-347.592deg)}.cesar-page .container{padding:0 15px}.cesar-page .outer-letters .letter{width:26px;height:26px;font-size:18px}.cesar-page .inner-letters .letter{width:24px;height:24px;font-size:16px}.cesar-page .wheel-handle{width:50px;height:50px;font-size:20px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cesar-page .wheel-rotating{animation:.5s ease-out rotate}.cesar-page .letter-highlight{z-index:10;transform:scale(1.2);background:var(--warning-color)!important}.cesar-page .delete-button{background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);width:50px;height:50px;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-weight:600;display:flex;position:relative;overflow:hidden}.cesar-page .delete-button .svgIcon{width:12px;transition-duration:.3s}.cesar-page .delete-button .svgIcon path{fill:var(--text-color)}.cesar-page .delete-button:hover{width:140px;transition:var(--transition);box-shadow:var(--shadow-hover);background:linear-gradient(135deg,#e53e3e,#c53030);border-radius:25px;align-items:center;gap:0}.cesar-page .delete-button:hover .bin-bottom{width:50px;transition-duration:.3s;transform:translateY(60%)}.cesar-page .bin-top{transform-origin:100% 100%}.cesar-page .delete-button:hover .bin-top{width:50px;transition-duration:.3s;transform:translateY(60%)rotate(160deg)}.cesar-page .delete-button:before{content:"Effacer";color:#fff;opacity:0;font-size:2px;transition-duration:.3s;position:absolute;top:-20px}.cesar-page .delete-button:hover:before{opacity:1;transition:var(--transition);font-size:13px;transform:translateY(35px)}.help-container{min-height:100vh;margin:0;padding:0}.help-header{text-align:center;color:#fff;background:linear-gradient(#0000004d,#00000080);padding:4rem 2rem}.help-hero h1{text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font-size:3rem;font-weight:300}.help-hero h1 i{color:gold;margin-right:1rem}.help-subtitle{opacity:.9;max-width:600px;margin:0 auto;font-size:1.3rem;line-height:1.6}.help-content{max-width:1200px;margin:0 auto;padding:2rem;transform:translateY(-2rem)}.help-nav{background:#fff;border-radius:15px;margin-bottom:3rem;padding:2rem;box-shadow:0 10px 30px #0000001a}.help-nav h3{color:#333;margin-bottom:1.5rem;font-size:1.5rem}.help-nav h3 i{color:#667eea;margin-right:.5rem}.nav-buttons{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.help-container .nav-btn{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;align-items:center;padding:1rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.help-container .nav-btn:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.help-container .nav-btn i{margin-right:.8rem;font-size:1.1rem}.help-section{margin-bottom:3rem}.help-section h2{color:#fff;text-shadow:1px 1px 2px #0000004d;align-items:center;margin-bottom:1.5rem;font-size:2rem;display:flex}.help-section h2 i{color:gold;margin-right:1rem}.help-card{background:#fff;border-radius:15px;padding:2.5rem;line-height:1.8;box-shadow:0 10px 30px #0000001a}.help-card h4{color:#333;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.help-card h5{color:#555;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.help-card p{color:#666;margin-bottom:1.5rem}.help-card ul,.help-card ol{color:#666;margin-bottom:1.5rem;margin-left:1.5rem}.help-card li{margin-bottom:.5rem}.help-container .example-box{background:#f8f9ff;border:2px solid #e1e5ff;border-radius:10px;margin:1.5rem 0;padding:1.5rem}.help-container .cipher-example .text-line{align-items:center;margin-bottom:.8rem;font-family:Courier New,monospace;display:flex}.help-container .cipher-example .label{color:#555;min-width:140px;font-weight:600}.help-container .cipher-example .text{color:#fff;letter-spacing:2px;background:#667eea;border-radius:5px;padding:.5rem 1rem;font-weight:600}.tip-box{background:linear-gradient(135deg,gold,#ffed4e);border-radius:10px;align-items:flex-start;margin:1.5rem 0;padding:1.5rem;display:flex}.tip-box i{color:#d97706;margin-top:.2rem;margin-right:1rem;font-size:1.5rem}.tip-box strong{color:#92400e}.frequency-table{background:#f0f4ff;border-radius:10px;margin:1.5rem 0;padding:1.5rem}.freq-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem;display:grid}.freq-grid span{text-align:center;background:#fff;border-radius:8px;padding:.8rem;font-family:Courier New,monospace;box-shadow:0 2px 5px #0000001a}.process-steps{margin:1.5rem 0}.step{background:#f8f9ff;border-left:4px solid #667eea;border-radius:10px;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.step-number{color:#fff;background:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:1rem;font-weight:600;display:flex}.step-text{color:#555;font-weight:500}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.tip-item{text-align:center;background:#f8f9ff;border:2px solid #e1e5ff;border-radius:10px;padding:1.5rem;transition:all .3s}.tip-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #667eea33}.tip-item i{color:#667eea;margin-bottom:1rem;font-size:2.5rem}.tip-item h4{color:#333;margin-bottom:1rem;font-size:1.2rem}.tip-item p{color:#666;font-size:.95rem;line-height:1.6}.glossary-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.term{background:#f8f9ff;border-left:4px solid #764ba2;border-radius:10px;padding:1.5rem;transition:all .3s}.term:hover{transform:translate(5px);box-shadow:0 3px 10px #764ba233}.term h4{color:#764ba2;margin-bottom:.8rem;font-size:1.2rem;font-weight:600}.term p{color:#666;margin-bottom:0;font-size:.95rem;line-height:1.6}.back-to-top{color:#fff;cursor:pointer;opacity:0;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 5px 15px #667eea66}.back-to-top.is-shown{opacity:1;transform:translateY(0)}.back-to-top:hover{background:#764ba2;transform:translateY(-3px);box-shadow:0 8px 20px #667eea99}@media (width<=768px){.help-hero h1{font-size:2rem}.help-subtitle{font-size:1.1rem}.help-content{padding:1rem}.help-card{padding:1.5rem}.nav-buttons{grid-template-columns:1fr}.help-container .cipher-example .text-line{flex-direction:column;align-items:flex-start}.help-container .cipher-example .label{min-width:auto;margin-bottom:.5rem}.tips-grid,.glossary-grid{grid-template-columns:1fr}.freq-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (width<=480px){.help-header{padding:2rem 1rem}.help-hero h1{font-size:1.8rem}.help-section h2{font-size:1.5rem}.back-to-top{width:45px;height:45px;bottom:1rem;right:1rem}}.help-card{animation:.6s ease-out fadeInUp}.help-section:nth-child(2n) .help-card{animation-delay:.1s}.help-section:nth-child(odd) .help-card{animation-delay:.2s}html{scroll-behavior:smooth}.home-page .intro-section .container,.home-page .cta-section .container{max-width:1200px;padding:0 var(--spacing-md);width:100%;height:auto;margin:0 auto;display:block}.home-page .hero{align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.home-page .hero:before{content:"";pointer-events:none;position:absolute;inset:0}.home-page .hero-content{text-align:center;width:100%;max-width:1200px;padding:0 var(--spacing-md);z-index:2;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.home-page .hero-title{margin-bottom:var(--spacing-lg);font-size:3.5rem;font-weight:700;line-height:1.1}.home-page .hero-title .subtitle{color:var(--primary-color);-webkit-text-fill-color:var(--primary-color);margin-top:var(--spacing-sm);font-size:2rem;font-weight:400;display:block}.home-page .hero-logo-link{line-height:0;display:inline-flex}.home-page .hero-logo{width:auto;height:108px;display:block}.home-page .hero-description{margin-bottom:var(--spacing-xl);color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.home-page .hero-actions{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.home-page .btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.1rem}.home-page .hero-visual{justify-content:center;align-items:center;display:flex}.home-page .crypto-animation{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.home-page .frequency-chart{align-items:end;gap:var(--spacing-md);height:200px;display:flex}.home-page .frequency-chart .bar{background:linear-gradient(to top, var(--primary-color), var(--primary-light));border-radius:4px 4px 0 0;width:40px;animation:2s ease-out bar-grow;position:relative;box-shadow:0 0 20px #00ff884d}.home-page .frequency-chart .bar span{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:600;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}@keyframes bar-grow{0%{height:0}to{height:inherit}}.home-page .intro-section{background:0 0;border:none;padding:3.5rem 0 0}.home-page .intro-content{text-align:center;flex-direction:column;align-items:center;max-width:38rem;margin:0 auto;display:flex}.home-page .intro-section .section-title{color:#f4f5f7;margin:0 0 .85rem;font-size:1.65rem;font-weight:600;line-height:1.3}.home-page .intro-text{color:#b7bcc4;margin:0;font-size:1.05rem;line-height:1.7}.home-page .intro-section .example-box{background:0 0;border:none;border-top:1px solid #ffffff24;width:100%;margin:2rem 0 0;padding:1.5rem 0 0}.home-page .intro-section .cipher-example{background:0 0;border:none;flex-direction:row;justify-content:center;align-items:baseline;gap:1.1rem;width:100%;padding:0;display:flex}.home-page .intro-section .cipher-text,.home-page .intro-section .plain-text{letter-spacing:.06em;background:0 0;border-radius:0;padding:0;font-family:JetBrains Mono,monospace;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600}.home-page .intro-section .cipher-text{color:#ff6b7a}.home-page .intro-section .cipher-arrow{color:#9aa0a8;font-size:1.35rem;line-height:1}.home-page .intro-section .plain-text{color:#3ee08f}.home-page .cta-section{background:0 0;border:none;border-radius:0;padding:2.75rem 0 4.5rem}.home-page .cta-content{background:0 0;border:none;flex-direction:column;align-items:center;gap:1.15rem;max-width:38rem;margin:0 auto;padding:0;display:flex}.home-page .cta-content h2{color:#f4f5f7;text-align:center;margin:0;font-size:1.2rem;font-weight:500;line-height:1.4}.home-page .cta-content .app-btn{margin-bottom:0}@media (width<=768px){.home-page .hero{min-height:60vh;padding:var(--spacing-xl) 0}.home-page .hero-title{font-size:2.5rem}.home-page .hero-title .subtitle{font-size:1.5rem}.home-page .frequency-chart{height:150px}.home-page .frequency-chart .bar{width:30px}.home-page .intro-section .cipher-example{flex-wrap:wrap;row-gap:.35rem}}@media (width<=480px){.home-page .hero-title{font-size:2rem}.home-page .hero-title .subtitle{font-size:1.2rem}.home-page .section-title{font-size:2rem}.home-page .btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.home-page .intro-section .cipher-text,.home-page .intro-section .plain-text{font-size:1.2rem}}.frequency-analysis-container{--primary-color:#0f8;--accent-blue:#00bfff;--accent-purple:#8a2be2;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-card:#ffffff0d;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--border-color:#ffffff1a;--border-radius:8px;--shadow-card:0 4px 20px #0000004d;min-width:800px;max-width:1400px;color:var(--text-primary);margin:0 auto;padding:2rem;overflow-x:auto}.frequency-analysis-container .section-title{text-align:center;background:linear-gradient(135deg, var(--primary-color), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.frequency-analysis-container .row-1{grid-template-columns:600px 600px;justify-content:center;align-items:start;gap:2rem;margin-bottom:3rem;display:grid}.frequency-analysis-container .cipher-frequency-column,.frequency-analysis-container .french-comparison-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-card);box-sizing:border-box;width:600px;min-width:600px;max-width:600px;padding:1.5rem}.frequency-analysis-container .cipher-frequency-column h3,.frequency-analysis-container .french-comparison-column h3{color:var(--text-primary);text-align:center;border-bottom:2px solid var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.frequency-analysis-container .cipher-preview{border:1px solid var(--border-color);max-height:600px;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;background:#ffffff08;border-radius:6px;max-width:100%;margin-bottom:1rem;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;overflow:auto}.frequency-analysis-container .cipher-status{border:1px solid var(--border-color);text-align:center;color:var(--text-secondary);background:#ffffff05;border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:.85rem}.frequency-analysis-container .cipher-status.success{color:var(--primary-color);border-color:var(--primary-color)}.frequency-analysis-container .cipher-status.error{color:#ff4757;border-color:#ff4757}.frequency-analysis-container .control-buttons{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.frequency-analysis-container .btn{color:var(--text-secondary);box-shadow:0 0 0 2px var(--border-color);cursor:pointer;background-color:#ffffff0d;border:4px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:16px 36px;font-size:14px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.frequency-analysis-container .btn svg{fill:currentColor;z-index:9;width:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.frequency-analysis-container .btn .arr-1{right:16px}.frequency-analysis-container .btn .arr-2{left:-25%}.frequency-analysis-container .btn .circle{opacity:0;background-color:#ffffff1a;border-radius:50%;width:20px;height:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frequency-analysis-container .btn .text{z-index:1;transition:all .8s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.frequency-analysis-container .btn:hover{border-radius:12px;transform:translateY(-2px);box-shadow:0 0 0 12px #0000}.frequency-analysis-container .btn:hover .arr-1{right:-25%}.frequency-analysis-container .btn:hover .arr-2{left:16px}.frequency-analysis-container .btn:hover .text{transform:translate(12px)}.frequency-analysis-container .btn:active{scale:.95;box-shadow:0 0 0 4px #ffffff4d}.frequency-analysis-container .btn:hover .circle{opacity:1;width:220px;height:220px}.frequency-analysis-container .btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--accent-blue));color:var(--bg-primary);box-shadow:0 0 0 2px var(--primary-color)}.frequency-analysis-container .btn-primary .circle{background-color:#00ff884d}.frequency-analysis-container .btn-primary svg{fill:var(--bg-primary)}.frequency-analysis-container .btn-secondary{box-shadow:0 0 0 2px var(--text-muted);color:var(--text-muted)}.frequency-analysis-container .btn-secondary .circle{background-color:#8888884d}.frequency-analysis-container .btn-success{color:#fff;background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 0 0 2px #28a745}.frequency-analysis-container .btn-success .circle{background-color:#28a7454d}.frequency-analysis-container .btn-success svg{fill:#fff}.frequency-analysis-container .next-step-btn{justify-content:center;align-items:center;width:200px;margin-top:1rem;margin-left:13rem;display:flex}.frequency-analysis-container .next-step-btn .btn{justify-content:center;width:100%}.frequency-analysis-container .chart-container{border:2px solid var(--border-color);text-align:center;background:linear-gradient(135deg,#0006,#14141e99);border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.frequency-analysis-container .chart-container:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(45deg,#0000 30%,#ffffff08 50%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.frequency-analysis-container .chart-container:hover{border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 15px 45px #00000080,inset 0 1px #fff3}.frequency-analysis-container .chart-container:hover:before{opacity:1}.frequency-analysis-container .custom-chart{cursor:crosshair;background:linear-gradient(135deg,#0009,#0a0a14cc);border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;width:100%;height:350px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0000004d}.frequency-analysis-container .custom-chart:hover{border-color:#fff3;box-shadow:inset 0 2px 10px #0006,0 0 20px #00ff881a}.frequency-analysis-container .chart-title{text-align:center;background:linear-gradient(90deg,#0000004d,#0009,#0000004d);border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding:15px;font-size:16px;font-weight:700}.frequency-analysis-container .cipher-chart .chart-title{color:#0f8;text-shadow:0 0 10px #00ff884d}.frequency-analysis-container .french-chart .chart-title{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b4d}.frequency-analysis-container .chart-bars{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;position:relative;overflow-y:auto}.frequency-analysis-container .chart-bar{cursor:pointer;align-items:center;height:24px;transition:all .3s;display:flex;position:relative}.frequency-analysis-container .chart-bar:hover{filter:brightness(1.2);transform:translate(5px)}.frequency-analysis-container .bar-letter{text-align:center;color:#fff;flex-shrink:0;width:40px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.frequency-analysis-container .cipher-chart .bar-letter{color:#0f8;text-shadow:0 0 8px #00ff8880}.frequency-analysis-container .french-chart .bar-letter{color:#ff6b6b;text-shadow:0 0 8px #ff6b6b80}.frequency-analysis-container .bar-container{background:#ffffff1a;border-radius:12px;flex:1;height:100%;margin:0 10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.frequency-analysis-container .bar-fill{border-radius:12px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff4d}.frequency-analysis-container .cipher-chart .bar-fill{background:linear-gradient(90deg,#0f8 0%,#00e676 30%,#00bcd4 70%,#0097a7 100%);box-shadow:0 2px 8px #0f86,inset 0 1px #ffffff4d}.frequency-analysis-container .french-chart .bar-fill{background:linear-gradient(90deg,#ff6b6b 0%,#ff8e8e 30%,#ffd93d 70%,#ffed4e 100%);box-shadow:0 2px 8px #ff6b6b66,inset 0 1px #ffffff4d}.frequency-analysis-container .bar-fill:before{content:"";background:linear-gradient(90deg,#fff6 0%,#ffffff1a 50%,#fff6 100%);border-radius:12px 12px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.frequency-analysis-container .bar-value{text-align:right;color:#fff;flex-shrink:0;width:60px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.frequency-analysis-container .bar-inner-value{color:#000c;text-shadow:0 0 2px #ffffff80;opacity:0;font-size:10px;font-weight:700;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frequency-analysis-container .bar-fill:hover .bar-inner-value{opacity:1}.frequency-analysis-container .empty-state{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.frequency-analysis-container .empty-icon{opacity:.6;margin-bottom:15px;font-size:48px}.frequency-analysis-container .empty-message{opacity:.8;font-size:16px;font-weight:500}.frequency-analysis-container .chart-legend{color:#fff9;background:#0000004d;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 20px;font-size:10px;display:flex}.frequency-analysis-container .legend-item{align-items:center;gap:5px;display:flex}.frequency-analysis-container .legend-color{border-radius:2px;width:12px;height:12px}.frequency-analysis-container .chart-tooltip{color:#fff;pointer-events:none;z-index:1000;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000f2,#14141ef2);border:1px solid #fff3;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:opacity .2s;position:absolute;transform:translateY(-10px);box-shadow:0 8px 32px #0009}.frequency-analysis-container .chart-tooltip.show{opacity:1;transform:translateY(0)}@media (width<=768px){.frequency-analysis-container .custom-chart{height:300px}.frequency-analysis-container .chart-bars{gap:6px;padding:15px}.frequency-analysis-container .chart-bar{height:20px}.frequency-analysis-container .bar-letter{width:30px;font-size:12px}.frequency-analysis-container .bar-value{width:50px;font-size:10px}}.frequency-analysis-container .stats{color:var(--text-secondary);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.frequency-analysis-container .stats strong{color:var(--primary-color)}.frequency-analysis-container .suggested-matches{margin-top:1rem}.frequency-analysis-container .suggested-matches h4{color:var(--text-primary);text-align:center;margin-bottom:1rem;font-size:1.1rem}.frequency-analysis-container .matches-container{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;display:grid}.frequency-analysis-container .match-item{cursor:pointer;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:.8rem .6rem;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.frequency-analysis-container .match-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.frequency-analysis-container .match-item:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#00ff8826,#00bfff1a);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #0000004d,0 0 20px #0f83}.frequency-analysis-container .match-item:hover:before{left:100%}.frequency-analysis-container .match-item:active{transform:translateY(0)scale(.98)}.frequency-analysis-container .match-cipher{color:var(--accent-blue);text-shadow:0 0 8px #00bfff4d;font-size:1rem;font-weight:700;transition:all .3s}.frequency-analysis-container .match-arrow{color:var(--text-secondary);margin:0 .4rem;font-size:.9rem;font-weight:600;transition:all .3s}.frequency-analysis-container .match-clear{color:var(--primary-color);text-shadow:0 0 8px #00ff884d;font-size:1rem;font-weight:700;transition:all .3s}.frequency-analysis-container .match-confidence{color:var(--text-secondary);background:#ffffff1a;border-radius:10px;margin-left:.4rem;padding:2px 6px;font-size:.75rem;font-weight:500;transition:all .3s}.frequency-analysis-container .match-item:hover .match-cipher{color:#00d4ff;text-shadow:0 0 12px #00d4ff80}.frequency-analysis-container .match-item:hover .match-clear{color:#00ff9f;text-shadow:0 0 12px #00ff9f80}.frequency-analysis-container .match-item:hover .match-arrow{color:var(--text-primary);transform:scale(1.2)}.frequency-analysis-container .match-item:hover .match-confidence{color:var(--text-primary);background:#fff3}.frequency-analysis-container .match-info{color:var(--text-muted);grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-style:italic;display:flex}.frequency-analysis-container .row-2{margin-top:2rem}.frequency-analysis-container .mapping-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-card);padding:2rem}.frequency-analysis-container .mapping-section h3{color:var(--text-primary);text-align:center;border-bottom:2px solid var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.3rem}.frequency-analysis-container .mapping-controls{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.frequency-analysis-container .mapping-controls .btn{min-width:160px}.frequency-analysis-container .substitution-table{border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;margin-bottom:2rem;padding:1.5rem;overflow-x:auto}.frequency-analysis-container .table-row{align-items:center;margin-bottom:1rem;display:flex}.frequency-analysis-container .row-label{width:80px;color:var(--text-primary);font-size:.9rem;font-weight:600}.frequency-analysis-container .letters-container{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;display:flex}.frequency-analysis-container .letter-box{border:1px solid var(--border-color);background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:35px;height:35px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.frequency-analysis-container .letter-box.cipher-letter{color:var(--accent-blue);background:#00bfff1a}.frequency-analysis-container .letter-box.clear-letter{border-color:var(--primary-color);background:#00ff881a}.frequency-analysis-container .substitution-input{width:100%;height:100%;color:var(--primary-color);text-align:center;background:0 0;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}.frequency-analysis-container .substitution-input:focus{background:#0f83}.frequency-analysis-container .result-section h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.frequency-analysis-container .result-section{position:relative}.frequency-analysis-container .result-section textarea{border:1px solid var(--border-color);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;background:#ffffff08;border-radius:6px;outline:none;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.5}.frequency-analysis-container .copy-btn{color:var(--text-secondary);box-shadow:0 0 0 2px var(--border-color);cursor:pointer;background:#ffffff0d;border:4px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:12px 20px;font-size:.8rem;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:35px;right:10px;overflow:hidden}.frequency-analysis-container .copy-btn .circle{opacity:0;background-color:#00ff884d;border-radius:50%;width:15px;height:15px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frequency-analysis-container .copy-btn:hover{background:var(--primary-color);color:var(--bg-primary);border-radius:8px;transform:scale(1.05);box-shadow:0 0 0 12px #0000}.frequency-analysis-container .copy-btn:hover .circle{opacity:1;width:120px;height:120px}.frequency-analysis-container .copy-btn:active{scale:.95;box-shadow:0 0 0 4px #00ff8880}@media (width<=1280px){.frequency-analysis-container .row-1{grid-template-columns:550px 550px;gap:1.5rem}.frequency-analysis-container .cipher-frequency-column,.frequency-analysis-container .french-comparison-column{width:550px;min-width:550px;max-width:550px}}@media (width<=1150px){.frequency-analysis-container .row-1{grid-template-columns:500px 500px;gap:1rem}.frequency-analysis-container .cipher-frequency-column,.frequency-analysis-container .french-comparison-column{width:500px;min-width:500px;max-width:500px}}@media (width<=1024px){.frequency-analysis-container .row-1{grid-template-columns:600px;justify-content:center;gap:1.5rem}.frequency-analysis-container .cipher-frequency-column,.frequency-analysis-container .french-comparison-column{width:600px;min-width:600px;max-width:600px}}@media (width<=768px){.frequency-analysis-container{padding:1rem}.frequency-analysis-container .section-title{font-size:2rem}.frequency-analysis-container .row-1{grid-template-columns:400px;gap:1rem}.frequency-analysis-container .cipher-frequency-column,.frequency-analysis-container .french-comparison-column{width:400px;min-width:400px;max-width:400px;padding:1rem}.frequency-analysis-container .mapping-section{padding:1rem}.frequency-analysis-container .control-buttons,.frequency-analysis-container .mapping-controls{flex-direction:column;align-items:center}.frequency-analysis-container .letter-box{width:30px;height:30px;font-size:.8rem}.frequency-analysis-container .row-label{width:60px;font-size:.8rem}}@media (width<=480px){.frequency-analysis-container .row-1{grid-template-columns:350px}.frequency-analysis-container .cipher-frequency-column,.frequency-analysis-container .french-comparison-column{width:350px;min-width:350px;max-width:350px;padding:.8rem}}.frequency-analysis-container .section-title{width:auto;text-shadow:none;text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f8,#00bfff);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:700;position:relative;top:auto;left:auto;transform:none}.frequency-analysis-container .section-title:before,.frequency-analysis-container .section-title:after{content:none}.frequency-analysis-container .notification{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-card);z-index:1000;border-radius:6px;padding:1rem 1.5rem;transition:transform .3s;position:fixed;top:88px;right:20px;transform:translate(100%)}.frequency-analysis-container .notification.show{transform:translate(0)}.frequency-analysis-container .notification.success{border-color:var(--primary-color);background:#00ff881a}.frequency-analysis-container .notification.error{background:#ff47571a;border-color:#ff4757}.attack-page{--primary-color:#0f8;--accent-blue:#00bfff;--accent-purple:#8a2be2;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-card:#ffffff0d;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--border-color:#ffffff1a;--border-radius:8px;--shadow-card:0 4px 20px #0000004d}.attack-page.substitution-container{justify-content:flex-start;align-items:stretch;max-width:1400px;height:auto;min-height:100vh;margin:0 auto;padding:2rem;display:block;overflow:visible}.attack-page .tool-section{padding:3rem 0}.attack-page .section-title{text-align:center;background:linear-gradient(135deg, var(--primary-color), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2.5rem}.attack-page .section-title i{text-align:center;background:linear-gradient(135deg,red,#00f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2.5rem}.attack-page .main-grid{grid-template-rows:none;grid-template-columns:1fr 1fr;align-items:start;gap:2rem;height:auto;display:grid;overflow:visible}.attack-page .input-section{height:fit-content;padding:2rem}.attack-page .input-label{color:var(--text-primary);text-align:center;align-items:center;margin-bottom:.75rem;font-size:1.5rem;font-weight:600;display:block}.attack-page .section-header{text-align:center;margin-bottom:2rem}.attack-page .section-header h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.8rem}.attack-page .section-description{color:var(--text-secondary);margin:0;font-size:1rem}.attack-page .input-content{max-width:800px;margin:0 auto}.attack-page .main-input-area{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:50px;padding:2rem;transition:all .3s;position:relative}.attack-page .main-input-area:hover{box-shadow:var(--shadow-card), 0 0 0 1px #00ff881a;border-color:#00ff884d}.attack-page .textarea-container{margin:1.5rem 0;position:relative}.attack-page .main-input-area textarea{border:1px solid var(--border-color);width:100%;min-height:160px;color:var(--text-primary);resize:vertical;background:#ffffff08;border-radius:8px;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.6;transition:all .3s}.attack-page .main-input-area textarea::placeholder{color:var(--text-muted);font-style:normal}.attack-page .main-input-area textarea:focus{border-color:var(--primary-color);background:#ffffff0d;outline:none;box-shadow:0 0 0 1px #00ff884d}.attack-page .input-stats{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;justify-content:center;gap:2rem;margin:1.5rem 0;padding:2.5rem;display:flex}.attack-page .stats-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.attack-page .stats-item i{color:var(--primary-color);font-size:1rem}.attack-page .stats-item strong{color:var(--text-primary);font-size:1rem}.attack-page .input-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.attack-page .input-actions .btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:.8rem 1.5rem;font-weight:500;transition:all .3s}.attack-page .input-actions .btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#00ff880d}.attack-page .input-actions .btn i{margin-right:.5rem;font-size:.9rem}.attack-page .substitution-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem}.attack-page .section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.attack-page .section-header h3{color:var(--primary-color);margin:0;font-size:1.8rem}.attack-page .table-controls{flex-wrap:wrap;gap:.8rem;display:flex}.attack-page .btn{border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);border:none;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.attack-page .btn.compact{padding:.6rem 1rem;font-size:.85rem}.attack-page .btn-generate{background:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));color:#fff;box-shadow:var(--shadow-elevation)}.attack-page .btn-generate:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.attack-page .btn-secondary{color:var(--text-secondary);border:2px solid var(--border-color);background:#ffffff0d}.attack-page .btn-secondary:hover{color:var(--primary-color);border-color:var(--primary-color);background:#00ff881a}.attack-page .btn-success{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:var(--bg-dark)}.attack-page .btn-success:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.attack-page .key-btn{color:var(--primary-color);background:#00ff881a;border:2px solid #0f83}.attack-page .key-btn:hover{border-color:var(--primary-color);background:#0f83}.attack-page .key-btn.active{background:var(--primary-color);color:var(--bg-dark)}.attack-page .horizontal-table{flex-direction:column;gap:.5rem;width:100%;display:flex}.attack-page .table-row{align-items:center;gap:1rem;display:flex}.attack-page .row-label{min-width:100px;color:var(--text-primary);font-size:.9rem;font-weight:600}.attack-page .letters-container,.attack-page .arrows-container,.attack-page .inputs-container{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.attack-page .letter-box{background:var(--bg-darker);border:2px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-normal);border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.attack-page .letter-box.highlight{border-color:var(--primary-color);color:var(--primary-color);background:#00ff881a;box-shadow:0 0 10px #0f83}.attack-page .arrow{width:40px;height:30px;color:var(--accent-blue);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.attack-page .substitution-input{border:2px solid var(--border-color);text-align:center;width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-normal);text-transform:uppercase;background:#ffffff0d;border-radius:8px;font-size:1.1rem;font-weight:600}.attack-page .substitution-input:focus{border-color:var(--primary-color);background:#00ff881a;outline:none;box-shadow:0 0 15px #0f83}.attack-page .substitution-input.error{border-color:var(--accent-red);background:#ff47571a}.attack-page .substitution-input.valid{border-color:var(--primary-color);background:#00ff881a}.attack-page .attack-section{flex-direction:column;gap:2rem;height:fit-content;padding:2rem;display:flex}.attack-page .attack-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.attack-page .attack-content h3{color:var(--primary-color);margin:0;font-size:1.4rem}.attack-page .attack-content .attack-description{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.attack-page .attack-info h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem}.attack-page .attack-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.attack-page .attack-features{flex-direction:column;gap:1rem;display:flex}.attack-page .feature-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:1rem;padding:.8rem;display:flex}.attack-page .feature-item i{color:var(--primary-color);text-align:center;width:20px;font-size:1.2rem}.attack-page .feature-item span{color:var(--text-secondary);font-size:.95rem}.attack-page .attack-launch{flex-direction:column;align-items:center;gap:2rem;margin:1rem 0;padding:2rem;display:flex}.attack-page .attack-button-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.attack-page .voltage-button{display:inline-block;position:relative}.attack-page .btn-attack{color:var(--text-primary);background:var(--bg-darker);border:3px solid var(--primary-color);letter-spacing:.075em;cursor:pointer;border-radius:3rem;justify-content:center;align-items:center;gap:1rem;min-width:250px;padding:1.5rem 3rem;font-size:1.1rem;font-weight:600;line-height:1em;transition:all .3s;display:flex;position:relative}.attack-page .btn-attack:not(:disabled):hover{background:#00ff881a;transform:translateY(-2px);box-shadow:0 0 20px #00ff884d}.attack-page .btn-attack:disabled{color:var(--text-muted);border-color:var(--border-color);cursor:not-allowed;box-shadow:none;background:#ffffff0d;transform:none}.attack-page .btn-attack:hover+svg,.attack-page .btn-attack:hover+svg+.dots{opacity:1}.attack-page .voltage-button svg{pointer-events:none;opacity:0;width:calc(100% + .5em);height:calc(100% + 1.5em);transition:opacity .4s .1s;display:block;position:absolute;top:-.75em;left:-.25em}.attack-page .voltage-button svg path{stroke-dasharray:100;filter:url(#crypto-glow)}.attack-page .voltage-button svg path.line-1{stroke:var(--primary-color);stroke-dashoffset:0;animation:3s linear infinite crypto-spark-1}.attack-page .voltage-button svg path.line-2{stroke:var(--accent-blue);stroke-dashoffset:500px;animation:3s linear infinite crypto-spark-2}.attack-page .voltage-button .dots{opacity:0;transition:opacity .3s .4s}.attack-page .voltage-button .dots .dot{background:var(--primary-color);opacity:0;width:.8rem;height:.8rem;box-shadow:0 0 10px var(--primary-color);border-radius:100%;position:absolute}.attack-page .voltage-button .dots .dot-1{animation:3s linear infinite crypto-fly-up;top:0;left:20%}.attack-page .voltage-button .dots .dot-2{animation:3s linear .5s infinite crypto-fly-up;top:0;left:55%}.attack-page .voltage-button .dots .dot-3{animation:3s linear 1s infinite crypto-fly-up;top:0;left:80%}.attack-page .voltage-button .dots .dot-4{animation:3s linear 2.5s infinite crypto-fly-down;bottom:0;left:30%}.attack-page .voltage-button .dots .dot-5{animation:3s linear 1.5s infinite crypto-fly-down;bottom:0;left:65%}.attack-page .attack-icon{color:var(--primary-color);font-size:1.5rem;animation:2s infinite pulse}.attack-page .btn-attack:disabled .attack-icon{color:var(--text-muted);animation:none}.attack-page .attack-text{text-align:center;flex-direction:column;align-items:center;display:flex}.attack-page .attack-title{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1}.attack-page .attack-subtitle{opacity:.8;color:var(--text-secondary);font-size:.8rem;font-weight:400}@keyframes crypto-spark-1{to{stroke-dashoffset:-1000px}}@keyframes crypto-spark-2{to{stroke-dashoffset:-500px}}@keyframes crypto-fly-up{0%{opacity:0;transform:translateY(0)scale(.2)}5%{opacity:1;transform:translateY(-1.5rem)scale(.4)}10%,to{opacity:0;transform:translateY(-3rem)scale(.2)}}@keyframes crypto-fly-down{0%{opacity:0;transform:translateY(0)scale(.2)}5%{opacity:1;transform:translateY(1.5rem)scale(.4)}10%,to{opacity:0;transform:translateY(3rem)scale(.2)}}.attack-page .attack-status{border:1px solid var(--border-color);text-align:center;background:#ffffff05;border-radius:6px;margin-top:1rem;padding:.8rem 1.5rem}.attack-page .attack-status span{color:var(--text-secondary);font-size:.9rem;font-weight:500}.attack-page .attack-status.ready span{color:var(--primary-color)}.attack-page .attack-status.processing span{color:var(--accent-blue)}.attack-page .attack-options{gap:1rem;display:flex}.attack-page .option-item{cursor:pointer;border:2px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-normal);background:#ffffff0d;align-items:center;gap:.5rem;padding:.8rem 1.2rem;display:flex}.attack-page .option-item:hover{border-color:var(--primary-color);background:#00ff881a}.attack-page .option-item input[type=radio]{display:none}.attack-page .option-item input[type=radio]:checked+.option-label,.attack-page .option-item input[type=radio]:checked+.option-label i{color:var(--primary-color)}.attack-page .option-item:has(input[type=radio]:checked){border-color:var(--primary-color);background:#00ff881a}.attack-page .option-label{color:var(--text-secondary);transition:color var(--transition-normal);align-items:center;gap:.5rem;font-weight:500;display:flex}.attack-page .option-label i{color:var(--text-muted);transition:color var(--transition-normal)}.attack-page .text-input-area,.attack-page .text-output-area{flex-direction:column;gap:1rem;display:flex}.attack-page .text-input-area h3,.attack-page .text-output-area h3{color:var(--text-primary);margin:0;font-size:1.3rem}.attack-page .text-input-area textarea,.attack-page .text-output-area textarea{border:2px solid var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);resize:vertical;transition:all var(--transition-normal);background:#ffffff0d;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6}.attack-page .text-input-area textarea:focus{border-color:var(--primary-color);background:#00ff8814;outline:none;box-shadow:0 0 20px #0f83}.attack-page .text-output-area textarea{background:#ffffff05;border-color:#ffffff1a}.attack-page .transform-area{justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.attack-page .transform-indicator{flex-direction:column;align-items:center;gap:.5rem;display:flex}.attack-page .transform-arrow{color:var(--primary-color);font-size:2rem;animation:2s infinite pulse}.attack-page .transform-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.attack-page .input-actions,.attack-page .output-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.attack-page .output-container{position:relative}.attack-page .copy-btn{border:1px solid var(--border-color);width:35px;height:35px;color:var(--primary-color);cursor:pointer;transition:all var(--transition-normal);background:#00ff881a;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:.5rem;right:.5rem}.attack-page .copy-btn:hover{background:var(--primary-color);color:var(--bg-dark);transform:scale(1.1)}.attack-page .stats{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.85rem}.attack-page .frequency-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:2rem;padding:2rem}.attack-page .frequency-content{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.attack-page .frequency-chart{border:1px solid var(--border-color);border-radius:var(--border-radius);background:#ffffff05;padding:1.5rem}.attack-page .frequency-chart h4{color:var(--primary-color);margin:0 0 1rem;font-size:1.1rem}.attack-page .frequency-bars{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.attack-page .frequency-bar{align-items:center;gap:.8rem;display:flex}.attack-page .frequency-letter{width:25px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:600}.attack-page .frequency-visual{background:#ffffff0d;border-radius:10px;flex:1;height:20px;position:relative;overflow:hidden}.attack-page .frequency-fill{background:linear-gradient(90deg, var(--primary-color), var(--accent-blue));border-radius:10px;height:100%;transition:width .5s}.attack-page .frequency-percentage{min-width:45px;color:var(--text-secondary);text-align:right;font-family:JetBrains Mono,monospace;font-size:.8rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.attack-page .input-section,.attack-page .attack-section{animation:.5s ease-out slideIn}.attack-page .input-section{animation-delay:.1s}.attack-page .attack-section{animation-delay:.2s}@media (width<=968px){.attack-page .attack-content{text-align:center;grid-template-columns:1fr;gap:2rem}.attack-page .attack-info{order:2}.attack-page .attack-launch{order:1}.attack-page .main-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.attack-page .main-grid{grid-template-columns:1fr;gap:2rem}.attack-page .input-section,.attack-page .attack-section{padding:1.5rem}.attack-page .section-header h3{font-size:1.5rem}.attack-page .input-stats{text-align:center;flex-direction:column;gap:1rem}.attack-page .stats-item{justify-content:center}.attack-page .attack-features{gap:.8rem}.attack-page .feature-item{padding:.6rem;font-size:.9rem}.attack-page .btn-attack{min-width:240px;padding:1.5rem 2rem}.attack-page .attack-icon{font-size:1.5rem}.attack-page .attack-title{font-size:1rem}.attack-page .attack-subtitle{font-size:.8rem}.attack-page .attack-options{flex-direction:column;gap:.8rem;width:100%}.attack-page .option-item{justify-content:center;padding:.6rem 1rem}}@media (width<=480px){.attack-page .input-section,.attack-page .attack-section{padding:1rem}.attack-page .section-header h3{font-size:1.3rem}.attack-page .section-description{font-size:.9rem}.attack-page .main-input-area textarea{padding:1rem;font-size:.9rem}.attack-page .input-actions{flex-direction:column;gap:.8rem}.attack-page .btn{justify-content:center;width:100%}.attack-page .btn-attack{flex-direction:column;gap:1rem;min-width:200px;padding:1.2rem 1.5rem}.attack-page .attack-icon{font-size:2rem}.attack-page .attack-text{text-align:center;align-items:center}}.attack-page .notification{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);box-shadow:var(--shadow-card);z-index:1000;padding:1rem 1.5rem;animation:.3s slideInRight;position:fixed;top:88px;right:20px}.attack-page .notification.success{border-color:var(--primary-color);background:#00ff881a}.attack-page .notification.error{border-color:var(--accent-red);background:#ff47571a}.decrypt-page .mapping-container{z-index:1;max-width:1400px;margin:1.5rem auto;padding:0 1.5rem;position:relative}.decrypt-page .mapping-container .mapping-section{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:2rem;padding:0;position:relative;overflow:visible}.decrypt-page .mapping-container .section-title{text-align:center;background:linear-gradient(135deg,#0f8,#00bfff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:2.5rem;font-weight:700;display:flex}.decrypt-page .mapping-container .section-title i{background:linear-gradient(135deg,#0f8,#00bfff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem}.decrypt-page .row-2 h3{color:#fff;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.4rem;display:flex}.decrypt-page .row-2 h3 i{color:#0f8}.decrypt-page .mapping-controls{justify-content:center;gap:1.5rem;margin-bottom:3rem;display:flex}.decrypt-page .mapping-container .btn{cursor:pointer;vertical-align:middle;text-transform:uppercase;letter-spacing:.3px;border:0;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.8rem;min-width:140px;margin-bottom:8px;padding:1rem 2rem;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.decrypt-page .mapping-container .btn-primary{color:#fff;background:linear-gradient(135deg,#0f8 0%,#00d4aa 100%);border:2px solid #00b377;box-shadow:0 5px #00a366,0 8px 15px #00ff884d,inset 0 1px #fff3}.decrypt-page .mapping-container .btn-primary:hover{background:linear-gradient(135deg,#0f9 0%,#00e6bb 100%);transform:translateY(2px);box-shadow:0 3px #00a366,0 6px 12px #0f86,inset 0 1px #ffffff4d}.decrypt-page .mapping-container .btn-primary:active{background:linear-gradient(135deg,#00e688 0%,#0c9 100%);transform:translateY(5px);box-shadow:0 0 #00a366,0 3px 8px #0f83,inset 0 2px 4px #0000001a}.decrypt-page .btn-success{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border:2px solid #e53e3e;box-shadow:0 5px #c53030,0 8px 15px #ff6b6b4d,inset 0 1px #fff3}.decrypt-page .btn-success:hover{background:linear-gradient(135deg,#f77 0%,#ff5a5a 100%);transform:translateY(2px);box-shadow:0 3px #c53030,0 6px 12px #ff6b6b66,inset 0 1px #ffffff4d}.decrypt-page .btn-success:active{background:linear-gradient(135deg,#f55 0%,#e44 100%);transform:translateY(5px);box-shadow:0 0 #c53030,0 3px 8px #ff6b6b33,inset 0 2px 4px #0000001a}.decrypt-page .substitution-table{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#ffffff08 0%,#ffffff14 100%);border:1px solid #00ff8826;border-radius:20px;margin-bottom:3rem;padding:2rem;box-shadow:0 8px 20px #0000001a,inset 0 1px #ffffff0d}.decrypt-page .table-row{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.decrypt-page .table-row:last-child{margin-bottom:0}.decrypt-page .row-label{background:linear-gradient(135deg,#0f8 0%,#00d4aa 100%);-webkit-text-fill-color:transparent;text-align:right;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;min-width:100px;font-size:1.2rem;font-weight:700}.decrypt-page .mapping-container .letters-container{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.decrypt-page .letter-box{color:#fff;cursor:pointer;background:linear-gradient(145deg,#00ff8814 0%,#00ff8826 100%);border:1px solid #00ff8840;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a,inset 0 1px #ffffff1a}.decrypt-page .letter-box:before{content:"";background:linear-gradient(45deg,#0000,#00ff881a,#0000);width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0;transform:translate(-100%)}.decrypt-page .letter-box:hover{background:linear-gradient(145deg,#00ff8826 0%,#00ff8840 100%);border-color:#00ff8880;transform:translateY(-4px)scale(1.05);box-shadow:0 12px 25px #00ff8840,0 6px 12px #00000026,inset 0 1px #fff3}.decrypt-page .letter-box:hover:before{transform:translate(100%)}.decrypt-page .mapping-letter{font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1)}.decrypt-page .mapping-letter:hover{transform:translateY(-5px)scale(1.1);box-shadow:0 15px 30px #00ff884d,0 8px 16px #00000026}.decrypt-page .mapping-pair{background:linear-gradient(145deg,#ffffff05 0%,#ffffff0f 100%);border:1px solid #00ff881a;border-radius:12px;flex-wrap:wrap;padding:.5rem;transition:all .3s;align-items:center!important;gap:.8rem!important;margin:.5rem!important;display:flex!important}.decrypt-page .mapping-pair:hover{background:linear-gradient(145deg,#ffffff0d 0%,#ffffff1a 100%);border-color:#0f83;transform:translateY(-2px);box-shadow:0 4px 12px #00ff881a}.decrypt-page .mapping-container .letters-container{flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:center;gap:.8rem;padding:.5rem;display:flex}.decrypt-page .alphabet-mapping{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;margin-bottom:2rem;padding:1rem 0;position:relative;overflow:visible}.decrypt-page .voltage-border{pointer-events:none;opacity:0;border-radius:20px;width:100%;height:100%;transition:opacity .4s .1s;display:none;position:absolute;top:0;left:0}.decrypt-page .alphabet-mapping.electricity-active .voltage-border{opacity:0}.decrypt-page .voltage{stroke-dasharray:50;filter:url(#glow);stroke-width:1.5px;opacity:0}.decrypt-page .voltage.line-1{stroke:#f6de8d;stroke-dashoffset:0}.decrypt-page .voltage.line-2{stroke:#6bfeff;stroke-dashoffset:500px}.decrypt-page .voltage.line-3{stroke:#f6de8d;stroke-dashoffset:0}.decrypt-page .voltage.line-4{stroke:#6bfeff;stroke-dashoffset:500px}.decrypt-page .energy-dots{pointer-events:none;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decrypt-page .energy-dots.active .energy-dot{opacity:1}.decrypt-page .energy-dot{opacity:0;border-radius:50%;width:6px;height:6px;position:absolute}.decrypt-page .energy-dot-1{background:gold;animation:3s linear infinite energyFloat1;top:20%;left:0%;box-shadow:0 0 10px gold}.decrypt-page .energy-dot-2{background:#ffeb3b;animation:2.5s linear .5s infinite energyFloat2;top:80%;left:100%;box-shadow:0 0 10px #ffeb3b}.decrypt-page .energy-dot-3{background:#ffc107;animation:3.5s linear 1s infinite energyFloat3;top:50%;left:0%;box-shadow:0 0 10px #ffc107}.decrypt-page .energy-dot-4{background:#fff176;animation:2.8s linear 1.5s infinite energyFloat4;top:10%;left:100%;box-shadow:0 0 10px #fff176}@keyframes energyFloat1{0%{opacity:0;transform:translate(0)translateY(0)scale(0)}10%{opacity:1;transform:translate(50px)translateY(-20px)scale(1)}50%{opacity:1;transform:translate(200px)translateY(-10px)scale(.8)}90%{opacity:1;transform:translate(350px)translateY(-30px)scale(1.2)}to{opacity:0;transform:translate(400px)translateY(-40px)scale(0)}}@keyframes energyFloat2{0%{opacity:0;transform:translate(0)translateY(0)scale(0)}10%{opacity:1;transform:translate(-50px)translateY(20px)scale(1)}50%{opacity:1;transform:translate(-200px)translateY(10px)scale(.8)}90%{opacity:1;transform:translate(-350px)translateY(30px)scale(1.2)}to{opacity:0;transform:translate(-400px)translateY(40px)scale(0)}}@keyframes energyFloat3{0%{opacity:0;transform:translate(0)translateY(0)scale(0)}10%{opacity:1;transform:translate(40px)translateY(-40px)scale(1)}30%{opacity:1;transform:translate(120px)translateY(-80px)scale(.6)}50%{opacity:1;transform:translate(200px)translateY(-40px)scale(1.1)}70%{opacity:1;transform:translate(280px)translateY(-60px)scale(.9)}90%{opacity:1;transform:translate(360px)translateY(-20px)scale(1.3)}to{opacity:0;transform:translate(400px)translateY(0)scale(0)}}@keyframes energyFloat4{0%{opacity:0;transform:translate(0)translateY(0)scale(0)}10%{opacity:1;transform:translate(-40px)translateY(40px)scale(1)}30%{opacity:1;transform:translate(-120px)translateY(80px)scale(.6)}50%{opacity:1;transform:translate(-200px)translateY(40px)scale(1.1)}70%{opacity:1;transform:translate(-280px)translateY(60px)scale(.9)}90%{opacity:1;transform:translate(-360px)translateY(20px)scale(1.3)}to{opacity:0;transform:translate(-400px)translateY(0)scale(0)}}@keyframes arrowPulse{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}.decrypt-page .alphabet-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.decrypt-page .alphabet-row.top{margin-bottom:.5rem}.decrypt-page .alphabet-row.bottom{margin-top:.5rem}.decrypt-page .alphabet-letter{color:#fff;cursor:pointer;background:linear-gradient(145deg,#00ff8814 0%,#00ff8826 100%);border:1px solid #00ff8840;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a,inset 0 1px #ffffff1a}.decrypt-page .alphabet-letter.cipher{color:#d2dceb;background:linear-gradient(145deg,#6496ff14 0%,#6496ff26 100%);border-color:#6496ff40}.decrypt-page .alphabet-letter.clear{color:#0f8;background:linear-gradient(145deg,#00ff8814 0%,#00ff8826 100%);border-color:#00ff8840}.decrypt-page .alphabet-letter.empty{color:#ff6b6b;background:linear-gradient(145deg,#ff6b6b14 0%,#ff6b6b26 100%);border-color:#ff6b6b40}.decrypt-page .alphabet-letter:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 12px 25px #00ff8840,0 6px 12px #00000026,inset 0 1px #fff3}.decrypt-page .arrows-row{flex-wrap:nowrap;justify-content:center;gap:.1rem;margin:.5rem 0;padding:0 .25rem;display:flex}.decrypt-page .arrow{color:#0f8;filter:drop-shadow(0 0 6px #00ff884d);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:22px;font-size:1rem;font-weight:700;animation:2s ease-in-out infinite arrowPulse;display:flex}.decrypt-page .french-alphabet{flex-wrap:nowrap;justify-content:center;gap:.1rem;max-width:100%;display:flex}.decrypt-page .french-alphabet .alphabet-letter{flex-shrink:0;width:36px;min-width:36px;height:36px;font-size:.9rem}@media (width<=1200px){.decrypt-page .french-alphabet{gap:.12rem}.decrypt-page .french-alphabet .alphabet-letter{width:34px;min-width:34px;height:34px;font-size:.9rem}.decrypt-page .arrows-row{gap:.12rem}.decrypt-page .arrows-row .arrow{width:34px;height:20px;font-size:1rem}}@media (width<=768px){.decrypt-page .french-alphabet{gap:.1rem}.decrypt-page .french-alphabet .alphabet-letter{width:30px;min-width:30px;height:30px;font-size:.8rem}.decrypt-page .arrows-row{gap:.1rem}.decrypt-page .arrows-row .arrow{width:30px;height:18px;font-size:.9rem}}@media (width<=480px){.decrypt-page .french-alphabet{gap:.08rem}.decrypt-page .french-alphabet .alphabet-letter{width:28px;min-width:28px;height:28px;font-size:.75rem}.decrypt-page .arrows-row{gap:.08rem}.decrypt-page .arrows-row .arrow{width:28px;height:16px;font-size:.8rem}}.decrypt-page .words-section{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:2rem;padding:0;position:relative;overflow:visible}.decrypt-page .words-section .text-display-row{z-index:1;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:2rem;display:grid;position:relative}.decrypt-page .words-section .text-display-col{border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.decrypt-page .words-section .text-display-col:before{content:"";background:linear-gradient(90deg,#0000,#00ff881a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.decrypt-page .words-section .text-display-col:hover:before{left:100%}.decrypt-page .words-section .text-display-col:hover{border-color:#00ff8840;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 35px #0003,0 6px 12px #00ff8826,inset 0 1px #ffffff1f}.decrypt-page .words-section .btn{justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;font-size:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform-style:initial!important;text-transform:none!important;color:#0a0a15!important;background:linear-gradient(135deg,#0f8 0%,#00cc6a 100%)!important;border:none!important;border-radius:50%!important;padding:0!important;box-shadow:0 8px 20px #00ff8840,0 4px 8px #00000026!important}.decrypt-page .words-section .btn:before{display:none!important}.decrypt-page .words-section .btn:hover{background:linear-gradient(135deg,#0f9 0%,#00dd75 100%)!important;transform:translateY(-8px)scale(1.1)!important;box-shadow:0 20px 40px #00ff8859,0 8px 16px #0003!important}.decrypt-page .words-section .btn:active{transform:translateY(-4px)scale(1.05)!important}.decrypt-page .words-section .btn i{z-index:2;filter:drop-shadow(0 0 8px #0000004d);position:relative}.decrypt-page .words-section textarea{color:#fff;resize:vertical;border:2px solid #0f83;border-radius:16px;width:100%;min-height:120px;padding:1.5rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:1.1rem;font-weight:500;line-height:1.6;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 4px 8px #0003,0 2px 4px #0000001a}.decrypt-page .words-section textarea:focus{background:linear-gradient(145deg,#00000040 0%,#00000073 100%);border-color:#0f8;outline:none;transform:scale(1.02);box-shadow:0 0 0 3px #00ff8826,inset 0 4px 12px #0000004d,0 4px 8px #00ff881a}.decrypt-page .words-section textarea::placeholder{color:#fff6;font-style:italic}.decrypt-page .words-section h4{background:linear-gradient(135deg,#0f8 0%,#00d4aa 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;text-align:center;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.8rem;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;display:flex}.decrypt-page .words-section h4 i{color:#0f8;filter:drop-shadow(0 0 8px #0f86);font-size:1.3rem}.decrypt-page .comparison-section{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:2rem;padding:0}.decrypt-page .text-display-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.decrypt-page .text-display-col{background:linear-gradient(145deg,#ffffff05 0%,#ffffff14 100%);border:1px solid #00ff881a;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff0d}.decrypt-page .text-display-col:hover{border-color:#0f83;transform:translateY(-2px);box-shadow:0 8px 20px #00000026,0 4px 8px #00ff881a,inset 0 1px #ffffff1a}.decrypt-page .text-display-col h4{background:linear-gradient(135deg,#0f8 0%,#00d4aa 100%);-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:1.2rem;font-weight:700;display:flex}.decrypt-page .text-display-col h4 i{color:#0f8;filter:drop-shadow(0 0 6px #00ff884d);font-size:1.1rem}.decrypt-page .text-display-col textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #00ff8826;border-radius:8px;width:100%;padding:.8rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;transition:all .3s}.decrypt-page .text-display-col textarea:focus{border-color:#0f8;outline:none;box-shadow:0 0 0 2px #00ff881a}.decrypt-page .text-display-col textarea::placeholder{color:#ffffff4d}.decrypt-page .result-section{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.decrypt-page .result-section h4{color:#0f8;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.decrypt-page #decryptedText{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #0f83;border-radius:10px;width:100%;margin-bottom:1rem;padding:1rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.5;transition:all .3s}.decrypt-page #decryptedText:focus{border-color:#0f8;outline:none;box-shadow:0 0 0 3px #00ff881a}.decrypt-page #decryptedText::placeholder{color:#fff6}.decrypt-page .copy-btn{cursor:pointer;vertical-align:middle;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#0f8 0%,#00d4aa 100%);border:2px solid #00b377;border-radius:10px;outline:none;align-items:center;gap:.5rem;margin-bottom:6px;padding:.8rem 1.5rem;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;box-shadow:0 4px #00a366,0 6px 12px #00ff8840,inset 0 1px #fff3}.decrypt-page .copy-btn:hover{background:linear-gradient(135deg,#0f9 0%,#00e6bb 100%);transform:translateY(2px);box-shadow:0 2px #00a366,0 4px 8px #00ff884d,inset 0 1px #ffffff4d}.decrypt-page .copy-btn:active{background:linear-gradient(135deg,#00e688 0%,#0c9 100%);transform:translateY(4px);box-shadow:0 0 #00a366,0 2px 6px #00ff8826,inset 0 2px 4px #0000001a}.decrypt-page .colored-text-display{color:#fff;word-wrap:break-word;white-space:pre-wrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#ffffff08 0%,#ffffff14 100%);border:1px solid #0f83;border-radius:16px;width:100%;min-height:120px;margin-bottom:1.5rem;padding:1.5rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:1rem;line-height:1.6;transition:all .3s;box-shadow:0 8px 20px #0000001a,inset 0 1px #ffffff0d}.decrypt-page .colored-text-display:hover{border-color:#00ff884d;box-shadow:0 12px 30px #00000026,0 4px 8px #00ff881a,inset 0 1px #ffffff1a}.decrypt-page .char-correct{color:#0f8;background:linear-gradient(135deg,#00ff8826 0%,#00ff8840 100%);border:1px solid #00ff884d;border-radius:6px;padding:2px 4px;font-weight:600;box-shadow:0 2px 4px #0f83}.decrypt-page .char-incorrect{color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b33 0%,#ff6b6b59 100%);border:1px solid #ff6b6b66;border-radius:6px;padding:2px 4px;font-weight:600;box-shadow:0 0 8px #ff6b6b66,0 2px 4px #ff6b6b4d}.decrypt-page .char-missing{color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b4d 0%,#ff6b6b73 100%);border:1px solid #ff6b6b80;border-radius:6px;padding:2px 4px;font-weight:700;box-shadow:0 0 10px #ff6b6b80,0 2px 6px #ff6b6b66}.decrypt-page .char-extra{color:#ffa726;background:linear-gradient(135deg,#ffa72633 0%,#ffa72659 100%);border:1px solid #ffa72666;border-radius:6px;padding:2px 4px;font-weight:600;box-shadow:0 0 8px #ffa72666,0 2px 4px #ffa7264d}@keyframes redGlow{0%{box-shadow:0 0 5px #ff6b6b80,0 0 10px #ff6b6b4d,inset 0 0 5px #ff6b6b1a}to{box-shadow:0 0 8px #ff6b6bcc,0 0 15px #ff6b6b80,inset 0 0 8px #ff6b6b33}}@keyframes orangeGlow{0%{box-shadow:0 0 5px #ffa72680,0 0 10px #ffa7264d}to{box-shadow:0 0 8px #ffa726cc,0 0 15px #ffa72680}}.decrypt-page .comparison-stats{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(145deg,#0003 0%,#0006 100%);border:1px solid #00ff8840;border-radius:16px;margin-top:1.5rem;padding:1.5rem;transition:all .3s;box-shadow:0 8px 20px #0000001a,inset 0 1px #ffffff0d}.decrypt-page .comparison-stats:hover{border-color:#00ff8859;transform:translateY(-2px);box-shadow:0 12px 30px #00000026,0 4px 8px #00ff881a,inset 0 1px #ffffff1a}.decrypt-page .stats-content{justify-content:center;align-items:center;gap:3rem;display:flex}.decrypt-page .stat-item{color:#fff;align-items:center;gap:.8rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.decrypt-page .stat-item:hover{transform:scale(1.05)}.decrypt-page .stat-item i{color:#0f8;filter:drop-shadow(0 0 6px #00ff884d);font-size:1.2rem}.decrypt-page .stat-item strong{background:linear-gradient(135deg,#0f8 0%,#00d4aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.decrypt-page .mapping-container .mapping-section{animation:.6s ease-out fadeIn}.decrypt-page .loading{position:relative}.decrypt-page .loading:after{content:"";border:2px solid #00ff884d;border-top-color:#0f8;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.decrypt-page .mapping-container{margin:1rem auto;padding:0 .5rem}.decrypt-page .mapping-container .mapping-section{border-radius:0;padding:0}.decrypt-page .mapping-controls{flex-direction:column;align-items:center}.decrypt-page .mapping-container .btn{justify-content:center;width:100%;max-width:200px}.decrypt-page .table-row{flex-direction:column;align-items:flex-start;gap:.5rem}.decrypt-page .row-label{text-align:left;min-width:auto}.decrypt-page .letter-box{width:35px;height:35px;font-size:.9rem}.decrypt-page .mapping-container .section-title{gap:.75rem;margin-bottom:2rem;font-size:2rem}.decrypt-page .mapping-container .section-title i{font-size:1.8rem}.decrypt-page .text-display-row{grid-template-columns:1fr;gap:1rem}.decrypt-page .text-display-col h4{font-size:1rem}.decrypt-page .stats-content{text-align:center;flex-direction:column;gap:1rem}.decrypt-page .colored-text-display{font-size:.85rem}.decrypt-page .french-alphabet{gap:.1rem}.decrypt-page .french-alphabet .alphabet-letter{width:28px;min-width:28px;height:28px;font-size:.7rem}.decrypt-page .arrows-row{gap:.1rem}.decrypt-page .arrows-row .arrow{width:28px;font-size:.9rem}.decrypt-page .words-section{padding:1.5rem}.decrypt-page .words-section .text-display-row{grid-template-columns:1fr;gap:1.5rem}.decrypt-page .words-section .btn{width:50px;height:50px;margin:0 auto;font-size:1.2rem}.decrypt-page .words-section .text-display-col{padding:1.5rem}.decrypt-page .words-section textarea{min-height:100px;padding:1.2rem;font-size:1rem}.decrypt-page .words-section h4{font-size:1.2rem}}@media (width<=480px){.decrypt-page .french-alphabet{gap:.08rem}.decrypt-page .french-alphabet .alphabet-letter{width:24px;min-width:24px;height:24px;font-size:.65rem}.decrypt-page .arrows-row{gap:.08rem}.decrypt-page .arrows-row .arrow{width:24px;font-size:.8rem}.decrypt-page .words-section{border-radius:16px;padding:1rem}.decrypt-page .words-section .text-display-row{gap:1rem}.decrypt-page .words-section .btn{width:45px;height:45px;font-size:1.1rem}.decrypt-page .words-section .text-display-col{border-radius:16px;padding:1.2rem}.decrypt-page .words-section textarea{border-radius:12px;min-height:80px;padding:1rem;font-size:.9rem}.decrypt-page .words-section h4{margin-bottom:1rem;font-size:1.1rem}.decrypt-page .mapping-container .section-title{gap:.6rem;margin-bottom:1.5rem;font-size:1.6rem}.decrypt-page .mapping-container .section-title i{font-size:1.4rem}}@media (width<=1200px){.decrypt-page .french-alphabet{gap:.12rem}.decrypt-page .french-alphabet .alphabet-letter{width:30px;min-width:30px;height:30px;font-size:.75rem}.decrypt-page .arrows-row{gap:.12rem}.decrypt-page .arrows-row .arrow{width:30px;font-size:.95rem}}@media (width<=480px){.decrypt-page .letters-container{gap:.3rem}.decrypt-page .letter-box{width:30px;height:30px;font-size:.8rem}}.decrypt-page .loading-particles-overlay{z-index:-1;pointer-events:none;opacity:0;visibility:hidden;background:linear-gradient(135deg,#00000026 0%,#00000040 50%,#00000026 100%);width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.decrypt-page .loading-particles-overlay.active{opacity:1;visibility:visible}.decrypt-page .particles-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decrypt-page .particle{pointer-events:none;opacity:0;border-radius:50%;position:absolute}.decrypt-page .particle:first-child{background:gold;width:4px;height:4px;animation:8s linear infinite particleFloat1;top:100%;left:10%;box-shadow:0 0 8px gold}.decrypt-page .particle:nth-child(2){background:#ffeb3b;width:6px;height:6px;animation:10s linear 1s infinite particleFloat2;top:100%;left:20%;box-shadow:0 0 10px #ffeb3b}.decrypt-page .particle:nth-child(3){background:#ffc107;width:3px;height:3px;animation:7s linear 2s infinite particleFloat3;top:100%;left:30%;box-shadow:0 0 6px #ffc107}.decrypt-page .particle:nth-child(4){background:#fff176;width:5px;height:5px;animation:9s linear .5s infinite particleFloat4;top:100%;left:40%;box-shadow:0 0 8px #fff176}.decrypt-page .particle:nth-child(5){background:#ffcc02;width:4px;height:4px;animation:8.5s linear 1.5s infinite particleFloat1;top:100%;left:50%;box-shadow:0 0 8px #ffcc02}.decrypt-page .particle:nth-child(6){background:#ffea00;width:7px;height:7px;animation:11s linear 3s infinite particleFloat2;top:100%;left:60%;box-shadow:0 0 12px #ffea00}.decrypt-page .particle:nth-child(7){background:gold;width:3px;height:3px;animation:6.5s linear 2.5s infinite particleFloat3;top:100%;left:70%;box-shadow:0 0 6px gold}.decrypt-page .particle:nth-child(8){background:#ffeb3b;width:5px;height:5px;animation:8.8s linear 1.8s infinite particleFloat4;top:100%;left:80%;box-shadow:0 0 8px #ffeb3b}.decrypt-page .particle:nth-child(9){background:#ffc107;width:4px;height:4px;animation:7.8s linear 3.5s infinite particleFloat1;top:100%;left:90%;box-shadow:0 0 8px #ffc107}.decrypt-page .particle:nth-child(10){background:#fff176;width:6px;height:6px;animation:9.5s linear .8s infinite particleFloat2;top:100%;left:15%;box-shadow:0 0 10px #fff176}.decrypt-page .particle:nth-child(11){background:#ffcc02;width:3px;height:3px;animation:7.2s linear 2.8s infinite particleFloat3;top:100%;left:25%;box-shadow:0 0 6px #ffcc02}.decrypt-page .particle:nth-child(12){background:#ffea00;width:5px;height:5px;animation:8.2s linear 4s infinite particleFloat4;top:100%;left:35%;box-shadow:0 0 8px #ffea00}.decrypt-page .particle:nth-child(13){background:gold;width:4px;height:4px;animation:7.5s linear 1.2s infinite particleFloat1;top:100%;left:45%;box-shadow:0 0 8px gold}.decrypt-page .particle:nth-child(14){background:#ffeb3b;width:6px;height:6px;animation:9.8s linear 3.2s infinite particleFloat2;top:100%;left:55%;box-shadow:0 0 10px #ffeb3b}.decrypt-page .particle:nth-child(15){background:#ffc107;width:3px;height:3px;animation:6.8s linear 2.2s infinite particleFloat3;top:100%;left:65%;box-shadow:0 0 6px #ffc107}.decrypt-page .particle:nth-child(16){background:#fff176;width:5px;height:5px;animation:8.5s linear 4.5s infinite particleFloat4;top:100%;left:75%;box-shadow:0 0 8px #fff176}.decrypt-page .particle:nth-child(17){background:#ffcc02;width:4px;height:4px;animation:7.8s linear .3s infinite particleFloat1;top:100%;left:85%;box-shadow:0 0 8px #ffcc02}.decrypt-page .particle:nth-child(18){background:#ffea00;width:7px;height:7px;animation:10.5s linear 3.8s infinite particleFloat2;top:100%;left:95%;box-shadow:0 0 12px #ffea00}.decrypt-page .particle:nth-child(19){background:gold;width:3px;height:3px;animation:6.2s linear 1.8s infinite particleFloat3;top:100%;left:5%;box-shadow:0 0 6px gold}.decrypt-page .particle:nth-child(20){background:#ffeb3b;width:5px;height:5px;animation:8.8s linear 2.8s infinite particleFloat4;top:100%;left:12%;box-shadow:0 0 8px #ffeb3b}@keyframes particleFloat1{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}10%{opacity:1;transform:translateY(-20vh)translate(20px)scale(1)}50%{opacity:.8;transform:translateY(-50vh)translate(-30px)scale(.8)}90%{opacity:.6;transform:translateY(-90vh)translate(40px)scale(1.2)}to{opacity:0;transform:translateY(-100vh)translate(-20px)scale(0)}}@keyframes particleFloat2{0%{opacity:0;transform:translateY(0)translate(0)scale(.3)}15%{opacity:1;transform:translateY(-25vh)translate(-40px)scale(1)}45%{opacity:.9;transform:translateY(-45vh)translate(60px)scale(.7)}75%{opacity:.7;transform:translateY(-75vh)translate(-50px)scale(1.1)}to{opacity:0;transform:translateY(-100vh)translate(30px)scale(0)}}@keyframes particleFloat3{0%{opacity:0;transform:translateY(0)translate(0)scale(.4)rotate(0)}20%{opacity:1;transform:translateY(-30vh)translate(50px)scale(1)rotate(90deg)}60%{opacity:.8;transform:translateY(-60vh)translate(-40px)scale(.9)rotate(180deg)}85%{opacity:.5;transform:translateY(-85vh)translate(70px)scale(1.3)rotate(270deg)}to{opacity:0;transform:translateY(-100vh)translate(-30px)scale(0)rotate(360deg)}}@keyframes particleFloat4{0%{opacity:0;transform:translateY(0)translate(0)scale(.6)}12%{opacity:1;transform:translateY(-18vh)translate(-25px)scale(1)}40%{opacity:.9;transform:translateY(-40vh)translate(35px)scale(.6)}70%{opacity:.6;transform:translateY(-70vh)translate(-45px)scale(1.4)}95%{opacity:.3;transform:translateY(-95vh)translate(55px)scale(.8)}to{opacity:0;transform:translateY(-100vh)translate(-25px)scale(0)}}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingTextPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.substitution-page{--primary-color:#89f8f0;--secondary-color:#764ba2;--accent-color:#ff9d00;--success-color:#00b894;--warning-color:#fdcb6e;--danger-color:#e74c3c;--info-color:#74b9ff;--light-bg:#ffffff1a;--lighter-bg:#ffffff0d;--dark-text:#333;--border-radius:8px;--compact-padding:1.2rem}.substitution-page .substitution-container{color:#fff;box-sizing:border-box;justify-content:center;align-items:center;height:100vh;min-height:100vh;margin:0 -2rem;padding:1rem 2rem;display:flex;position:relative;overflow:hidden}.substitution-page .container{flex-direction:column;justify-content:center;width:100%;max-width:2000px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.substitution-page .section-title{text-align:center;text-shadow:2px 2px 4px #0000004d;background:linear-gradient(120deg,#793ff6,#70f0bb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.2rem;font-size:2.5rem;font-weight:900}.substitution-page .section-title:after{content:"";background:linear-gradient(120deg,#793ff6,#70f0bb);border-radius:50px;justify-content:center;align-items:center;width:10%;height:5px;margin:10px auto 0;display:flex}.substitution-page .main-grid{flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-content:center;align-items:start;gap:1.2rem;height:calc(100vh - 5rem);display:grid;overflow:hidden}.substitution-page .substitution-section{background:var(--light-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);padding:var(--compact-padding);border-radius:50px;flex-direction:column;min-height:0;display:grid;overflow:visible}.substitution-page .section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.substitution-page .section-header h3{color:var(--accent-color);margin:0;font-size:1.6rem}.substitution-page .table-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.substitution-page .btn-generate{letter-spacing:1.5px;background:linear-gradient(135deg,#e17055,#fdcb6e);border:0;border-radius:10px;padding:15px 30px;font-size:14px;transition:all .3s;animation:3s ease-in-out infinite pulse-glow;transform:translateY(0);box-shadow:0 8px #cd6144}.substitution-page .btn-generate:hover{animation-play-state:paused;transform:translateY(3px)!important;box-shadow:0 5px #cd6144,0 0 20px #fdcb6e80!important}.substitution-page .btn-generate:active{transition:all .2s;animation-play-state:paused;transform:translateY(8px)!important;box-shadow:0 0 #cd6144,0 0 10px #fdcb6e4d!important}.substitution-page .table-content{flex-direction:column;flex:1;gap:1.2rem;min-width:0;display:flex;overflow:visible}.substitution-page .horizontal-table{border-radius:var(--border-radius);box-sizing:border-box;background:#fffffff2;flex-direction:column;gap:1rem;width:100%;padding:1rem 1.5rem;display:flex;overflow:auto hidden}.substitution-page .table-row{white-space:nowrap;align-items:center;gap:1rem;width:100%;display:flex}.substitution-page .row-label{width:100px;min-width:100px;color:var(--dark-text);text-align:right;flex-shrink:0;font-size:1.1rem;font-weight:700}.substitution-page .letters-container,.substitution-page .arrows-container,.substitution-page .inputs-container{white-space:nowrap;flex-wrap:nowrap;flex:1;justify-content:space-between;gap:.3rem;width:100%;min-width:0;display:flex}.substitution-page .original-letter{color:var(--dark-text);text-align:center;background:linear-gradient(135deg,#e8f4fd,#c3e9ff);border:2px solid #667eea4d;border-radius:5px;flex:1;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:42px;height:32px;padding:.4rem;font-size:1rem;font-weight:700;display:flex}.substitution-page .original-letter.highlighted{color:#b26500;border-color:var(--accent-color);z-index:2;background:linear-gradient(135deg,gold,#ffeaa7);transform:scale(1.08);box-shadow:0 0 8px #ffd70066}.substitution-page .mapping-arrow{color:var(--accent-color);text-align:center;flex:1;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:42px;height:32px;padding:.4rem;font-size:1.2rem;font-weight:700;display:flex}.substitution-page .substitution-input{text-align:center;border:2px solid var(--primary-color);width:32px;min-width:32px;max-width:42px;height:32px;color:var(--dark-text);box-sizing:border-box;background:#fff;border-radius:5px;flex:1;font-size:1rem;font-weight:700;transition:all .2s}.substitution-page .substitution-input:focus{border-color:var(--accent-color);outline:none;transform:scale(1.05);box-shadow:0 0 10px #ffd70066}.substitution-page .substitution-input.invalid{border-color:var(--danger-color);background:#ffe6e6;animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.substitution-page .cipher-section{background:var(--light-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);padding:var(--compact-padding);border-radius:50px;flex-direction:column;min-height:0;display:flex}.substitution-page .cipher-content{grid-template-columns:1fr auto 1fr;align-items:start;gap:1.8rem;height:100%;display:grid}.substitution-page .text-input-area,.substitution-page .text-output-area{flex-direction:column;height:100%;display:flex}.substitution-page .text-input-area h3,.substitution-page .text-output-area h3{color:var(--accent-color);margin:0 0 1rem;font-size:1.4rem}.substitution-page .text-input-area textarea,.substitution-page .text-output-area textarea{border-radius:var(--border-radius);color:#1a1a1a;caret-color:#1a1a1a;resize:none;box-sizing:border-box;background:#fffffff2;border:1px solid #ffffff4d;flex:1;width:100%;min-height:160px;padding:1.2rem;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.4}.substitution-page .text-input-area textarea::placeholder,.substitution-page .text-output-area textarea::placeholder{color:#666;opacity:1}.substitution-page .text-input-area textarea:focus,.substitution-page .text-output-area textarea:focus{border-color:var(--accent-color);color:#1a1a1a;background:#fffffffa;outline:none;box-shadow:0 0 10px #ffd7004d}.substitution-page .input-actions,.substitution-page .output-actions{flex-flow:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.substitution-page .output-container{flex-direction:column;flex:1;display:flex;position:relative}.substitution-page .copy-btn{background:var(--accent-color);color:var(--dark-text);cursor:pointer;z-index:5;border:none;border-radius:4px;padding:.5rem;font-size:1rem;position:absolute;top:10px;right:10px}.substitution-page .transform-area{border-radius:var(--border-radius);background:0 0;flex-direction:column;justify-content:center;align-items:center;min-width:220px;height:100%;padding:1.2rem;display:flex}.substitution-page .transform-indicator{text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.substitution-page .transform-arrow{color:var(--accent-color);background:0 0;margin-bottom:.5rem;font-size:2.5rem;display:block}.substitution-page .transform-label{color:var(--accent-color);font-size:1.1rem;font-weight:700}.substitution-page .stats{color:var(--accent-color);font-size:1rem;font-weight:500}.substitution-page .btn{cursor:pointer;letter-spacing:1.5px;color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:17px 40px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.substitution-page .btn.compact{padding:15px 30px;font-size:14px}.substitution-page .btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));box-shadow:0 10px #5395cc}.substitution-page .btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 10px #374146}.substitution-page .btn-success{background:linear-gradient(135deg, var(--success-color), #00a085);box-shadow:0 10px #008a6d}.substitution-page .btn-warning{background:linear-gradient(135deg, var(--warning-color), #e17055);box-shadow:0 10px #cd6144}.substitution-page .btn-apply{background:linear-gradient(135deg, var(--success-color), #00cec9);box-shadow:0 10px #009895}.substitution-page .btn-attack{background:linear-gradient(135deg,#9005e7,#0104d5);box-shadow:0 10px #2e004a}.substitution-page .btn:hover{transform:translateY(3px)}.substitution-page .btn-primary:hover{box-shadow:0 7px #5395cc}.substitution-page .btn-secondary:hover{box-shadow:0 7px #374146}.substitution-page .btn-success:hover{box-shadow:0 7px #008a6d}.substitution-page .btn-warning:hover{box-shadow:0 7px #cd6144}.substitution-page .btn-apply:hover{box-shadow:0 7px #009895}.substitution-page .btn-attack:hover{box-shadow:0 7px #2e004a}.substitution-page .btn:active{transition:all .2s;transform:translateY(10px)}.substitution-page .btn-primary:active{box-shadow:0 0 #5395cc}.substitution-page .btn-secondary:active{box-shadow:0 0 #374146}.substitution-page .btn-success:active{box-shadow:0 0 #008a6d}.substitution-page .btn-warning:active{box-shadow:0 0 #cd6144}.substitution-page .btn-apply:active{box-shadow:0 0 #009895}.substitution-page .btn-attack:active{box-shadow:0 0 #2e004a}.substitution-page .key-btn{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;cursor:pointer;letter-spacing:1.5px;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:15px 30px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 8px #5395cc}.substitution-page .key-btn.compact{padding:12px 25px;font-size:13px;box-shadow:0 6px #5395cc}.substitution-page .key-btn:hover{background:linear-gradient(135deg, var(--secondary-color), var(--primary-color));transform:translateY(3px);box-shadow:0 5px #5395cc}.substitution-page .key-btn.compact:hover{box-shadow:0 3px #5395cc}.substitution-page .key-btn:active{transition:all .2s;transform:translateY(8px);box-shadow:0 0 #5395cc}.substitution-page .key-btn.compact:active{transform:translateY(6px);box-shadow:0 0 #5395cc}@media (width<=1400px){.substitution-page .substitution-container{margin:0 -1.5rem;padding:1rem 1.5rem}.substitution-page .cipher-content{grid-template-columns:1fr auto 1fr;gap:1.5rem}.substitution-page .container{max-width:1600px}.substitution-page .original-letter,.substitution-page .substitution-input,.substitution-page .mapping-arrow{width:30px;min-width:30px;max-width:38px;height:30px;font-size:.95rem}}@media (width<=1200px){.substitution-page .substitution-container{align-items:flex-start;height:auto;min-height:100vh;margin:0 -1.5rem;padding:2rem 1.5rem;overflow:visible}.substitution-page .main-grid{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto}.substitution-page .cipher-content{grid-template-columns:1fr;gap:1.2rem}.substitution-page .transform-area{order:2}.substitution-page .text-output-area{order:3}}@media (width<=768px){.substitution-page .substitution-container{margin:0 -1rem;padding:1rem}.substitution-page .section-header{flex-direction:column;align-items:stretch}.substitution-page .table-controls{justify-content:center}.substitution-page .table-row{flex-direction:row;align-items:center;gap:.6rem;overflow-x:auto}.substitution-page .row-label{text-align:left;flex-shrink:0;min-width:80px;font-size:1.1rem}.substitution-page .letters-container,.substitution-page .arrows-container,.substitution-page .inputs-container{flex-wrap:nowrap;justify-content:space-between;gap:.2rem}.substitution-page .input-actions,.substitution-page .output-actions{justify-content:center}.substitution-page .substitution-input,.substitution-page .original-letter{width:24px;min-width:24px;max-width:28px;height:24px;font-size:.85rem}.substitution-page .mapping-arrow{width:24px;min-width:24px;max-width:28px;height:24px;font-size:1rem}.substitution-page .section-title{font-size:2rem}.substitution-page .container{padding:0 1rem}}.substitution-page .attack-button-with-fire{letter-spacing:1.5px;cursor:pointer;justify-content:center;align-items:center;min-height:auto;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px #2e004a;color:#fff!important;background:#530385!important;border:0!important;border-radius:10px!important;padding:17px 40px!important;font-size:15px!important}.substitution-page .button-content{z-index:10;pointer-events:none;align-items:center;gap:.5rem;display:flex;position:relative}@keyframes scaleUpDown{0%,to{transform:scaleY(1)scaleX(1)}50%,90%{transform:scaleY(1.1)}75%{transform:scaleY(.95)}80%{transform:scaleX(.95)}}@keyframes shakefire{0%,to{transform:skew(0)scale(1)}50%{transform:skew(5deg)scale(.9)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:-100%;transform:scale(.5)}}.substitution-page .fire{pointer-events:none;z-index:1;opacity:1;background-color:#0000;width:40px;height:40px;position:absolute}.substitution-page .fire-1{top:50%;left:30%;transform:translate(-50%,-50%)}.substitution-page .fire-2{top:50%;right:30%;transform:translate(50%,-50%)}.substitution-page .fire-2 .fire-center{animation-delay:.5s}.substitution-page .fire-2 .fire-left{animation-delay:.3s}.substitution-page .fire-2 .fire-right{animation-delay:.7s}.substitution-page .fire-2 .particle-fire{animation-delay:.4s}.substitution-page .fire-center{width:100%;height:100%;animation:3s ease-out infinite both scaleUpDown;position:absolute}.substitution-page .fire-center .main-fire{filter:drop-shadow(0 0 8px #8e05e7)brightness(1.2);background-image:radial-gradient(at 10px 0,#6a1b9a 0%,#8e05e7 95%);border-radius:0 40% 60%;width:100%;height:100%;position:absolute;transform:scaleX(.8)rotate(45deg)}.substitution-page .fire-center .particle-fire{filter:drop-shadow(0 0 6px #8e05e7)brightness(1.5);background-color:#b347d9;border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite both particleUp;position:absolute;top:60%;left:45%}.substitution-page .fire-right{width:100%;height:100%;animation:2s ease-out infinite both shakefire;position:absolute}.substitution-page .fire-right .main-fire{filter:drop-shadow(0 0 10px #6a1b9a);background-color:#8e05e7;border-radius:0 40% 60%;width:80%;height:80%;position:absolute;top:15%;right:-25%;transform:scaleX(.8)rotate(45deg)}.substitution-page .fire-right .particle-fire{filter:drop-shadow(0 0 10px #6a1b9a);background-color:#8e05e7;border-radius:50%;width:15px;height:15px;animation:2s ease-out infinite both particleUp;position:absolute;top:45%;left:50%;transform:scaleX(.8)rotate(45deg)}.substitution-page .fire-left{width:100%;height:100%;animation:3s ease-out infinite both shakefire;position:absolute}.substitution-page .fire-left .main-fire{filter:drop-shadow(0 0 10px #6a1b9a);background-color:#8e05e7;border-radius:0 40% 60%;width:80%;height:80%;position:absolute;top:15%;left:-20%;transform:scaleX(.8)rotate(45deg)}.substitution-page .fire-left .particle-fire{filter:drop-shadow(0 0 10px #6a1b9a);width:10%;height:10%;animation:particleUp 3s infinite ease-out 0;background-color:#8e05e7;border-radius:50%;animation-fill-mode:both;position:absolute;top:10%;left:20%}.substitution-page .fire-bottom .main-fire{filter:blur(10px);background-color:#b347d9;border-radius:0 40% 100%;width:75%;height:75%;animation:2s ease-out infinite both glow;position:absolute;top:30%;left:20%;transform:scaleX(.8)rotate(45deg)}.substitution-page .attack-button-with-fire:hover{transform:translateY(3px);box-shadow:0 7px #2e004a}.substitution-page .attack-button-with-fire:hover .fire-1{opacity:1;transform:translate(-50%,calc(-50% - 3px))scale(1.2)}.substitution-page .attack-button-with-fire:hover .fire-2{opacity:1;transform:translate(50%,calc(-50% - 3px))scale(1.2)}.substitution-page .attack-button-with-fire:hover .fire .main-fire{filter:drop-shadow(0 0 15px #6a1b9a)brightness(1.3)}.substitution-page .attack-button-with-fire:active{transition:all .2s;transform:translateY(10px);box-shadow:0 0 #6403a0;background-color:#9005e7!important}.substitution-page .attack-button-with-fire:hover .button-content{transform:scale(1.02)}@media (width<=768px){.substitution-page .attack-button-with-fire{box-shadow:0 8px #6403a0;padding:15px 30px!important;font-size:14px!important}.substitution-page .attack-button-with-fire:hover{transform:translateY(3px);box-shadow:0 5px #6403a0}.substitution-page .attack-button-with-fire:active{transform:translateY(8px);box-shadow:0 0 #6403a0}.substitution-page .fire{opacity:1;width:30px;height:30px}.substitution-page .fire-1{left:25%}.substitution-page .fire-2{right:25%}.substitution-page .button-content{font-size:.9rem}}