:root{--primary-color:#2c3e50;--secondary-color:#9b59b6;--accent-color:#8e44ad;--success-color:#27ae60;--warning-color:#f39c12;--info-color:#3498db;--light-bg:#ffffff;--dark-text:#2c3e50;--medium-gray:#7f8c8d;--light-gray:#ecf0f1;--border-color:#bdc3c7;--shadow-color:rgba(0,0,0,0.1);--hover-shadow:rgba(0,0,0,0.2);}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light-bg);color:var(--dark-text);line-height:1.6;margin:0;padding:0;}.lN5{background:white;color:var(--primary-color);border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);}.lN5:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3);color:var(--primary-color);}main{background:var(--light-bg);}.aDH{text-align:center;margin-bottom:50px;padding:20px;}.aDH h2{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:15px;}.aDH p{color:var(--medium-gray);font-size:1.2rem;max-width:700px;margin:0 auto;}.nAL{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;}.eqx{background:linear-gradient(135deg,var(--accent-color) 0%,#7d3c98 100%);color:white;padding:10px 20px;border-radius:30px;font-size:0.9rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px 10px var(--shadow-color);transition:all 0.3s ease;}.eqx:hover{transform:translateY(-3px);box-shadow:0 5px 15px var(--hover-shadow);}.card{background:var(--light-bg);border:1px solid var(--border-color);border-radius:15px;box-shadow:0 5px 20px var(--shadow-color);transition:all 0.3s ease;margin-bottom:25px;overflow:hidden;}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px var(--hover-shadow);}.card-header{background:linear-gradient(135deg,var(--primary-color) 0%,#1a2530 100%);color:white;padding:20px;border-bottom:1px solid var(--border-color);}.card-header h3{margin:0;font-size:1.5rem;font-weight:600;}.card-body{padding:25px;}.fmb{height:100%;display:flex;flex-direction:column;}.ho8{text-align:center;margin-bottom:20px;}.fmb h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:15px;font-weight:600;}.fmb p{color:var(--medium-gray);margin-bottom:20px;flex-grow:1;}.jXS{background:var(--light-gray);border-left:4px solid var(--secondary-color);padding:15px;border-radius:8px;margin-top:15px;}.jXS h5{color:var(--primary-color);margin-bottom:10px;font-size:1.1rem;}.vjD{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;}.afH{height:100%;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px var(--shadow-color);}.afH .card-header{padding:20px;text-align:center;}.afH .card-header h3{margin:0;font-size:1.4rem;font-weight:600;}.m0E{list-style:none;padding:0;}.m0E li{padding:12px 0;border-bottom:1px solid var(--light-gray);display:flex;align-items:center;gap:10px;}.m0E li:last-child{border-bottom:none;}.hMS .card-header{background:linear-gradient(135deg,var(--success-color) 0%,#219653 100%);}.cik .card-header{background:linear-gradient(135deg,var(--info-color) 0%,#1976d2 100%);}.cyq{padding:80px 0;}.zPS{margin-bottom:50px;}.liH,.nPA,.t7v{border-radius:15px;overflow:hidden;box-shadow:0 8px 25px var(--shadow-color);height:100%;}.liH .card-header,.nPA .card-header,.t7v .card-header{background:linear-gradient(135deg,var(--accent-color) 0%,#7d3c98 100%);padding:20px;}.form-control{border:2px solid var(--border-color);border-radius:10px;padding:12px 15px;transition:all 0.3s ease;background:var(--light-bg);color:var(--dark-text);}.form-control:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px rgba(155,89,182,0.2);outline:none;}.btn{border-radius:10px;padding:12px 25px;font-weight:600;transition:all 0.3s ease;border:none;}.btn-primary{background:linear-gradient(135deg,var(--secondary-color) 0%,#8e44ad 100%);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(155,89,182,0.4);}.btn-success{background:linear-gradient(135deg,var(--success-color) 0%,#219653 100%);}.btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(39,174,96,0.4);}.btn-warning{background:linear-gradient(135deg,var(--warning-color) 0%,#e67e22 100%);}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(243,156,18,0.4);}.btn-info{background:linear-gradient(135deg,var(--info-color) 0%,#1976d2 100%);}.btn-info:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,0.4);}.gkK{text-align:center;padding:20px;}.afZ{background:var(--light-gray);border-radius:10px;padding:20px;margin-bottom:20px;}.bmD{font-weight:600;color:var(--primary-color);margin-right:10px;}.t5A{font-family:'Courier New',monospace;font-size:1.2rem;font-weight:700;color:var(--accent-color);background:white;padding:5px 15px;border-radius:5px;border:2px solid var(--border-color);}.bE2{text-align:left;max-width:600px;margin:0 auto;}.vPA{background:white;border-left:4px solid var(--accent-color);padding:15px;margin:10px 0;border-radius:0 8px 8px 0;font-family:'Courier New',monospace;font-size:1.1rem;}.oLO{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:20px;background:var(--light-gray);border-radius:10px;margin-bottom:30px;}.bE2,.bFa{min-height:150px;background:white;border:2px dashed var(--border-color);border-radius:10px;padding:20px;margin-top:15px;}.y5F,.m6B{background:linear-gradient(135deg,var(--accent-color) 0%,#7d3c98 100%);color:white;padding:10px 15px;border-radius:20px;margin:5px;display:inline-block;font-weight:500;font-family:'Courier New',monospace;font-size:0.9rem;box-shadow:0 3px 10px var(--shadow-color);transition:all 0.3s ease;}.y5F.processed,.m6B.processed{background:linear-gradient(135deg,var(--success-color) 0%,#219653 100%);}.y5F.current,.m6B.current{animation:pulse 1.5s infinite;box-shadow:0 0 20px rgba(142,68,173,0.6);}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}.fL5{background:linear-gradient(135deg,#f5eafa 0%,#e8daef 100%);border-left:5px solid var(--secondary-color);border-radius:10px;padding:20px;}canvas{background:white;border:2px solid var(--border-color);border-radius:10px;display:block;margin:0 auto;box-shadow:0 5px 15px var(--shadow-color);transition:all 0.3s ease;}canvas:hover{border-color:var(--secondary-color);box-shadow:0 8px 25px var(--hover-shadow);}.wbp{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}.yIg{display:flex;align-items:center;gap:10px;background:var(--light-gray);padding:10px 15px;border-radius:8px;}.yIg label{margin:0;font-weight:600;color:var(--primary-color);}.slM{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;}.cgI{border-radius:15px;overflow:hidden;box-shadow:0 8px 25px var(--shadow-color);height:100%;}.cgI .card-header{background:linear-gradient(135deg,var(--warning-color) 0%,#e67e22 100%);padding:20px;}.zgR{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--light-gray);}.zgR:last-child{border-bottom:none;}.zgR strong{color:var(--primary-color);margin-right:10px;}.z8e{background:white;border-radius:10px;padding:20px;box-shadow:0 3px 10px var(--shadow-color);}.qxn{padding:80px 0;}.accordion .card{border:1px solid var(--border-color);border-radius:15px;margin-bottom:15px;overflow:hidden;box-shadow:0 3px 15px var(--shadow-color);}.accordion .card-header{background:linear-gradient(135deg,var(--primary-color) 0%,#1a2530 100%);padding:20px;}.btn-link{color:white;text-decoration:none;font-weight:600;width:100%;text-align:left;}.btn-link:hover{color:white;text-decoration:none;}.zpG{background:var(--light-gray);border-radius:10px;padding:20px;margin-top:20px;}.step{padding:10px 0;border-bottom:1px solid var(--border-color);}.step:last-child{border-bottom:none;}.step strong{color:var(--primary-color);}.awv{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;}.v9k{border-radius:15px;overflow:hidden;box-shadow:0 5px 20px var(--shadow-color);height:100%;transition:all 0.3s ease;}.v9k:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--hover-shadow);}.vPc{color:var(--primary-color);font-weight:700;margin-bottom:15px;font-size:1.2rem;}.vUK{font-size:1.1rem;font-weight:500;margin-bottom:20px;color:var(--dark-text);}.options .form-check{margin-bottom:12px;}.form-check-input{margin-top:0.3rem;}.form-check-label{font-size:1rem;color:var(--dark-text);cursor:pointer;transition:color 0.2s ease;}.form-check-label:hover{color:var(--secondary-color);}.hRi{margin-top:15px;}.zH0{margin-top:15px;}.pLz{padding:80px 0;}.bxb{border-radius:15px;overflow:hidden;box-shadow:0 8px 25px var(--shadow-color);height:100%;transition:all 0.3s ease;}.bxb:hover{transform:translateY(-5px);box-shadow:0 12px 35px var(--hover-shadow);}.r2o{background:linear-gradient(135deg,var(--primary-color) 0%,#1a2530 100%);padding:20px;text-align:center;}.r2o h3{color:white;margin:0;font-size:1.3rem;font-weight:600;}.uCO{padding:25px;text-align:center;}.tEu{color:var(--medium-gray);font-style:italic;margin-top:20px;font-size:0.9rem;}.aQR{margin:20px 0;}.vPA{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--light-gray);padding:15px;border-radius:10px;font-family:'Courier New',monospace;font-size:1.1rem;margin-bottom:20px;}.delta,.comma,.closing{color:var(--medium-gray);}.state,.symbol,.result{background:white;padding:5px 10px;border-radius:5px;border:1px solid var(--border-color);font-weight:600;}.cEX{text-align:center;margin:15px 0;color:var(--primary-color);}.eCH{display:flex;align-items:center;justify-content:center;gap:15px;font-size:1.2rem;font-weight:600;}.lhs,.rhs{background:var(--secondary-color);color:white;padding:10px 15px;border-radius:8px;font-family:'Courier New',monospace;}.arrow{color:var(--medium-gray);font-size:1.5rem;}.kcG{margin:20px 0;}.ahB{display:flex;flex-direction:column;gap:20px;}.type{background:var(--light-gray);padding:20px;border-radius:10px;cursor:pointer;transition:all 0.3s ease;}.type:hover{transform:translateX(10px);background:white;box-shadow:0 5px 15px var(--shadow-color);}.r4A{font-weight:700;color:var(--primary-color);margin-bottom:10px;font-size:1.1rem;}.pattern{font-family:'Courier New',monospace;background:white;padding:5px 10px;border-radius:5px;margin-bottom:10px;border:1px solid var(--border-color);}.result{font-weight:600;color:var(--success-color);}.fIC{margin:20px 0;}.su2{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;}.representation{background:var(--light-gray);padding:20px;border-radius:10px;min-width:120px;}.bL_{font-weight:700;color:var(--primary-color);margin-bottom:10px;font-size:1.1rem;}.t_c{color:var(--medium-gray);font-size:0.9rem;}.vJE{font-size:2rem;font-weight:700;color:var(--success-color);}.kWb{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}.example{background:var(--accent-color);color:white;padding:8px 15px;border-radius:20px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}.example:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(142,68,173,0.4);}.aH1{margin:20px 0;}.n3k{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--light-gray);}.n3k:last-child{border-bottom:none;}.n3k .label{font-weight:600;color:var(--primary-color);}.yMx{margin:20px 0;}.goj{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;}.ukJ{background:var(--info-color);color:white;padding:12px 20px;border-radius:8px;font-weight:600;min-width:150px;text-align:center;cursor:pointer;transition:all 0.3s ease;}.ukJ:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(52,152,219,0.4);}.yDt{color:var(--medium-gray);font-size:1.5rem;font-weight:700;}.vIa{display:flex;flex-direction:column;gap:8px;}.detail{background:var(--light-gray);padding:8px 15px;border-radius:6px;font-size:0.9rem;color:var(--medium-gray);transition:all 0.3s ease;}.detail:hover{background:white;color:var(--primary-color);}@media (max-width:768px){.hFj h1{font-size:2.5rem;}.hFj p{font-size:1rem;}.aDH h2{font-size:2rem;}.nAL{gap:10px;}.eqx{font-size:0.8rem;padding:8px 15px;}.oLO{flex-direction:column;align-items:stretch;}.vPA{flex-wrap:wrap;gap:3px;}.eCH{flex-direction:column;gap:10px;}.arrow{transform:rotate(90deg);}.su2{flex-direction:column;gap:10px;}.vJE{transform:rotate(90deg);}canvas{max-width:100%;height:auto;}}@media (max-width:576px){.hFj{padding:60px 0;}.aDH{margin-bottom:30px;}.card-body{padding:20px;}.oLO{padding:15px;}.t5A{font-size:1rem;word-break:break-all;}.vPA{flex-wrap:wrap;gap:3px;}}.d_1{animation:fadeIn 0.5s ease-in;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.kij{animation:slideUp 0.5s ease-out;}@keyframes slideUp{from{transform:translateY(30px);opacity:0;}to{transform:translateY(0);opacity:1;}}.text-center{text-align:center;}.mt-20{margin-top:20px;}.mb-20{margin-bottom:20px;}.p-20{padding:20px;}.bg-light{background-color:var(--light-gray);}.yWE{box-shadow:0 5px 20px var(--shadow-color);}.rounded-lg{border-radius:15px;}:focus{outline:2px solid var(--secondary-color);outline-offset:2px;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}@media (prefers-contrast:high){:root{--border-color:#000000;--shadow-color:rgba(0,0,0,0.3);}.card{border:2px solid var(--border-color);}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}.lN5:hover,.card:hover,.v9k:hover,.bxb:hover{transform:none;}}