*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d0d0d;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:Space Grotesk,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#1e293b;font-weight:600;margin-bottom:1rem}input,select{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.navbar{align-items:center;background:#0f0f1c;border-bottom:1px solid #1f1f2e;box-shadow:0 2px 10px #0009;color:#fff;display:flex;justify-content:space-between;padding:1rem 2.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8e2de2,#4a00e0);background-clip:text;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.navbar-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar-links li a{align-items:center;color:#cfcfcf;display:flex;font-size:1rem;font-weight:500;gap:.5rem;position:relative;text-decoration:none;transition:all .25s ease}.navbar-links li a:after{background-color:#00d8ff;bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links li a:hover:after{width:100%}.navbar-links li a:hover{color:#00d8ff}.icon{color:inherit;font-size:1.2rem}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:1rem 1.5rem}.navbar-links{background-color:#0f0f1c;border-top:1px solid #1f1f2e;display:none;flex-direction:column;padding-top:1rem;width:100%}.navbar-links.active{display:flex}.navbar-toggle{display:block}}.footer{background-color:#0f0f1a;border-top:1px solid #1e1e2f;color:#94a3b8;font-family:Inter,sans-serif;font-size:.95rem;padding:1.5rem 1rem;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:.3rem;margin:0 auto;max-width:960px}.footer-content p{color:#cbd5e1;font-weight:400;letter-spacing:.2px;line-height:1.4;margin:0}.footer-content p:first-child{color:#e2e8f0;font-weight:500}.home-wrapper{align-items:center;background:#0d0d0d;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:90vh;padding:2rem;text-align:center}.home-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8e2de2,#f27121);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin-bottom:1rem}.home-subtitle{color:#bbb;font-size:1.25rem;font-weight:500;margin-bottom:2rem}.text-green{color:#3efc94;font-weight:700}.text-blue{color:#6db5ff;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.nav-button{background:linear-gradient(90deg,#6a11cb,#2575fc);border:none;border-radius:8px;box-shadow:0 0 12px #6464ff80;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-button:hover{box-shadow:0 0 16px #6464ffcc;transform:scale(1.05)}.nav-button.secondary{background:linear-gradient(90deg,#f953c6,#b91d73)}.info-section{background:linear-gradient(90deg,#0f0f0f,#141414);color:#ccc;margin-top:4rem;padding:3rem 1rem;text-align:center}.section-heading{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:1rem}.section-desc{color:#bbb;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:750px}.card-section{background-color:#0b0b0b;color:#ddd;padding:4rem 1rem}.card-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.algo-card{background:#161616;border:1px solid #333;border-radius:16px;box-shadow:0 0 10px #111;padding:2rem;transition:transform .3s ease;width:300px}.algo-card:hover{box-shadow:0 0 15px #444;transform:translateY(-5px)}.algo-card h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.algo-card ul{color:#ccc;list-style:none;padding-left:0}.algo-card li{margin-bottom:.5rem}.card-buttons{display:flex;gap:12px;margin-top:12px}.card-btn{background-color:#06f;border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.card-btn.secondary{background-color:#444}.card-btn:hover{background-color:#0047b3}.card-btn.secondary:hover{background-color:#333}.visualizer-container{background-color:#0e0e0e;color:#f1f1f1;font-family:Segoe UI,sans-serif;min-height:100vh;padding:2rem}.page-title{color:#eee;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.back-btn-wrapper{margin-bottom:1.5rem}.back-btn{background-color:#222;border:1px solid #444;border-radius:4px;color:#ccc;cursor:pointer;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.back-btn:hover{background-color:#333;color:#fff}.form-wrapper{background-color:#1c1c1c;border:1px solid #333;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.simul-head{color:#eee}.simulation-inputs{color:#eee;margin-bottom:2rem}.simulation-inputs label{color:#eee;display:block;font-weight:600;margin-bottom:.5rem}.simulation-inputs input,.simulation-inputs select{background-color:#1c1c1c;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;width:100%}.simulation-inputs input::placeholder{color:#eee}.simulation-inputs>div{margin-bottom:1.2rem}.run-button{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1.2rem;transition:background-color .3s ease}.run-button:hover{background-color:#3730a3}.error-box{background-color:#2a0000;border:1px solid #ff6b6b;border-radius:6px;color:#ff6b6b;margin-top:1rem;padding:.75rem 1rem}.results-wrapper{margin-top:2rem}.result-card{background-color:#1a1a1a;border:1px solid #333;border-radius:10px;margin-bottom:2rem;padding:2rem}.result-card h2{color:#eee;margin-bottom:1rem}.stat-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.stat-box{background-color:#262626;border-left:5px solid;border-radius:8px;flex:1 1;padding:1rem}.stat-box h3{color:#ddd;font-size:1rem;margin:0}.stat-box p{font-size:1.3rem;font-weight:700;margin-top:.5rem}.stat-box.blue{border-color:#3b82f6}.stat-box.green{border-color:#10b981}.stat-box.purple{border-color:#8b5cf6}.sequence-box{background-color:#121212;border:1px solid #333;border-radius:6px;color:#ddd;font-size:1rem;margin-top:1rem;padding:1rem}.sequence-box h3{margin-bottom:.5rem}.page-visualizer{background-color:#121212;color:#eee;font-family:Segoe UI,sans-serif;margin:auto;max-width:1000px;padding:2rem}.head{color:#eee}.controls,.head{display:flex;justify-content:center}.controls{align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.controls input,.controls select{background-color:#1c1c1c;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;padding:.6rem 1rem}.controls button{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:background-color .3s ease}.controls button:hover{background-color:#3730a3}.visualization-grid{margin-top:2rem;overflow-x:auto}.table-wrapper{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;position:relative}.memory-table{border-collapse:collapse;margin:auto}.memory-table td,.memory-table th{background-color:#1c1c1c;border:2px solid #333;color:#f0f0f0;font-size:1.2rem;height:60px;text-align:center;transition:background-color .4s ease;width:60px}.memory-table th{background-color:#2c2c2c}.frame-cell{transition:background-color .4s ease}.hit{background-color:#14532d;border:2px solid #22c55e;color:#a7f3d0}.miss{background-color:#7f1d1d;border:2px solid #f87171;color:#fecaca}.state-label{border-radius:6px;font-weight:700;height:60px;line-height:60px;text-align:center;width:60px}.hit-miss-labels{align-items:center;display:flex;flex-direction:row;gap:8px;margin-left:1rem}.result{color:#facc15;font-size:1.2rem;font-weight:700;margin-top:2rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.page-hit{background-color:#064e3b;border:2px solid #10b981;border-radius:6px;color:#6ee7b7}.page-hit,.page-miss{font-weight:700;padding:.4rem .8rem}.page-miss{background-color:#7f1d1d;border:2px solid #f87171;border-radius:6px;color:#fecaca}.learn-wrapper{background-color:#0a0a0a;color:#f0f0f0;padding:2rem}.learn-title{font-size:2rem;margin-bottom:2rem}.learn-section{margin-bottom:2.5rem}.section-heading{color:#00d4ff;font-size:1.5rem;margin-bottom:.5rem}ul{line-height:1.8;padding-left:1.5rem}.comparison-table{border-collapse:collapse;margin-top:1rem;width:100%}.comparison-table td,.comparison-table th{border:1px solid #999;padding:.5rem;text-align:center}.section-heading{color:#2f80ed;font-size:1.6rem;margin-top:2rem}h3{color:#ff4500}.download-btn{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem}.download-btn:hover{background-color:#3730a3}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:20px;width:100%}
/*# sourceMappingURL=main.2cee80c9.css.map*/