.navbar{background-color:var(--primary);padding:10px 30px;display:flex;justify-content:space-between;align-items:center;color:var(--text-light);margin-bottom:40px}.navbar-left{display:flex;align-items:center;gap:10px}.navbar-left h1{margin:0;font-size:1.6rem}.navbar-right{display:flex;gap:20px}.navbar-right a{color:var(--text-light);font-weight:600;transition:color .2s ease-in-out}.navbar-right a:hover{color:var(--accent)}@media (max-width: 768px){.navbar{flex-direction:column;padding:10px 20px}.navbar-left{margin-bottom:10px}.navbar-right{width:100%;display:flex;justify-content:center;gap:15px;margin-top:10px}.navbar-right a{font-size:1rem}}@media (max-width: 480px){.navbar-left h1{font-size:1.4rem}.navbar-right{flex-direction:column;gap:10px}.navbar-right a{font-size:.9rem}}.home-container{background:linear-gradient(to right,#f7e7f3,#dfeaf1);padding:60px 20px;border-radius:10px;text-align:center;box-shadow:0 10px 20px #0000004d}.home-container h2{color:var(--primary);font-size:2.5rem;margin-bottom:20px}.home-container p{font-size:1.1rem;color:var(--text-dark);margin-bottom:50px}.start-btn{background-color:var(--secondary);color:var(--text-light);padding:12px 25px;font-weight:600;border:none;border-radius:6px;transition:background .3s ease-in-out;display:inline-block}.start-btn:hover{background-color:#1d7ebe}.selection-container{text-align:center;padding:40px 20px}.selection-container h2{font-size:2rem;margin-bottom:30px;color:var(--primary)}.card-grid{display:flex;justify-content:center;flex-direction:row;gap:30px;flex-wrap:wrap}.algo-card{background-color:var(--card-bg);padding:30px 20px;width:250px;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 12px #00000012;transition:transform .3s,background .3s;cursor:pointer}.algo-card:hover{transform:translateY(-5px);background-color:#f0f8ff}.algo-card i{font-size:2.5rem;color:var(--accent);margin-bottom:15px}.algo-card h3{margin:0;color:var(--text-dark)}.form-container{padding:40px 20px;background-color:var(--card-bg);border-radius:12px;box-shadow:0 5px 20px #0000000f}.form-container h2{color:var(--primary);text-align:center;margin-bottom:25px}.inbuilt-note{text-align:center;color:var(--accent);font-weight:700;margin-bottom:10px}.custom-btn{display:block;margin:0 auto 25px;padding:10px 20px;background-color:var(--secondary);color:var(--text-light);border:none;border-radius:6px;font-weight:600}.custom-btn:disabled{background-color:#ccc}.input-form{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:0 auto}.input-form label{font-weight:600;color:var(--text-dark)}.input-form input{padding:10px;border:1px solid var(--border);border-radius:6px}.visualize-btn{margin-top:20px;background-color:var(--primary);color:var(--text-light);padding:12px;border:none;border-radius:6px;font-weight:600;transition:background .3s ease-in-out}.visualize-btn:hover{background-color:#7d3c98}.result-container{padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;margin-top:30px;font-family:Poppins,sans-serif}.result-container h2{text-align:center;color:#333}.result-content{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:5px}.loading{text-align:center;font-size:18px}.result-summary{background-color:#f9f9f9;padding:15px;border-radius:12px;margin-bottom:20px;box-shadow:0 0 10px #0000001a}.result-summary p{margin:8px 0;font-size:16px}.result-summary strong{color:#2b2d42}.simulator-container{margin-top:20px;padding:15px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px}.simulator-header{display:flex;justify-content:space-between;margin-bottom:10px}.clock,.executing{font-size:1.1rem;font-weight:500}.active{color:#d63384;font-weight:700}.ready-queue{margin-top:10px}.queue-box{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}.queue-item{padding:8px 14px;background-color:#f0f0f0;border:1px solid #aaa;border-radius:5px;font-weight:700;color:#444}.executing-now{background-color:#ffe066;border-color:#ffd43b}.completed{background-color:#ced4da;color:#6c757d}.timeline-strip{display:flex;flex-wrap:wrap;margin-top:20px;border-top:2px solid #ccc;padding-top:10px}.timeline-box{width:40px;height:40px;margin:2px;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700}.disk-visualizer-container{width:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px 0;box-sizing:border-box;position:relative}.disk-visualizer-svg{display:block;max-width:100%;height:auto}@media (max-width: 768px){.disk-visualizer-container{height:auto;padding:30px 0;overflow-x:auto;justify-content:flex-start;align-items:flex-start}.disk-visualizer-svg{transform:rotate(90deg);transform-origin:top left;width:1000px!important;height:auto!important;display:block}}.memory-visualizer{display:flex;width:100%;height:50px;border:2px solid #ccc;margin-top:20px;border-radius:8px;overflow:hidden;font-family:Poppins,sans-serif}.memory-block{display:flex;justify-content:center;align-items:center;color:#fff;font-size:.75rem;font-weight:700;border-right:1px solid #ffffff22;padding:2px;transition:all .2s ease;overflow:hidden;white-space:nowrap}.memory-block.used{background-color:#4a90e2}.memory-block.free{background-color:#bbb;color:#222}.memory-container{margin-top:20px}.legend{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;font-size:.8rem}.color-box{width:15px;height:15px;background-color:#4a90e2;margin-right:5px;border-radius:3px}.free-box{background-color:#bbb}:root{--bg-light: #f7f9fc;--bg-dark: #ffffff;--primary: #8e44ad;--secondary: #5dade2;--accent: #f5b041;--text-dark: #2c3e50;--text-light: #ffffff;--card-bg: #ffffff;--border: #e0e0e0}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--bg-light);color:var(--text-dark)}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:auto;padding:20px}