.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#fff;border-bottom:1px solid #e5e7eb}.nav-left{display:flex;align-items:center}.logo-text{font-size:28px;font-weight:700;text-decoration:none}.logo-os{color:#2563eb}.logo-simlab{color:#22c55e;margin-left:4px}.nav-right{display:flex;gap:30px}.nav-right a{text-decoration:none;color:#374151;font-weight:500}.nav-right a.active{color:#2563eb;background:#eef2ff;padding:6px 14px;border-radius:8px}@media(max-width:768px){.navbar{padding:12px 20px}.logo-text{font-size:22px}.nav-right{gap:15px;font-size:14px}}.dashboard-container{min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb);padding:40px 20px}.hero{color:#fff;text-align:center;max-width:900px;width:100%;background:transparent;border-radius:0;padding:0}.hero-badge{background:#ffffff26;display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;margin-bottom:20px}.hero h1{font-size:52px;font-weight:700;margin-bottom:10px}.hero .highlight{color:#22c55e}.hero p{font-size:18px;color:#cbd5e1;margin-top:15px;line-height:1.6}.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.start-btn{background:#22c55e;color:#fff;padding:14px 28px;border-radius:10px;border:none;font-size:16px;cursor:pointer;transition:.2s}.start-btn:hover{background:#16a34a}.learn-btn{background:transparent;border:2px solid white;color:#fff;padding:14px 28px;border-radius:10px;font-size:16px;cursor:pointer;transition:.2s}.learn-btn:hover{background:#ffffff1a}@media(max-width:768px){.dashboard-container{padding:20px;align-items:center}.hero h1{font-size:30px;line-height:1.3}.hero p{font-size:15px}.hero-buttons{flex-direction:column;gap:10px}.start-btn,.learn-btn{width:100%;padding:12px;font-size:15px}}.sim-container{min-height:calc(100vh - 70px);padding:40px 20px;background:#f5f6f8;text-align:center}.sim-container h1{font-size:36px;color:#1e3a8a;margin-bottom:10px}.sim-container p{color:#64748b;margin-bottom:30px}.sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:auto}.sim-card{background:#fff;padding:30px;border-radius:15px;cursor:pointer;transition:.2s;box-shadow:0 4px 10px #00000014}.sim-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.sim-card h2{color:#2563eb;margin-bottom:10px}.sim-card p{font-size:14px;color:#64748b}@media(max-width:900px){.sim-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sim-grid{grid-template-columns:1fr}}.about-container{min-height:calc(100vh - 70px);padding:40px 20px;background:#f5f6f8;text-align:center}.about-container h1{font-size:36px;color:#1e3a8a;margin-bottom:10px}.about-sub{color:#64748b;margin-bottom:30px;font-size:16px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;margin:auto}.member-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 10px #00000014;transition:.3s}.member-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000026}.member-img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:15px;border:3px solid #e2e8f0}.member-card h2{margin-bottom:5px}.role{color:#22c55e;font-weight:700;margin-bottom:10px}.social-links{margin-top:15px;display:flex;justify-content:center;gap:20px}.icon{font-size:26px;color:#334155;transition:.3s}.icon.linkedin:hover{color:#0077b5;transform:scale(1.25)}.icon.github:hover{color:#000;transform:scale(1.25)}@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.team-grid{grid-template-columns:1fr}.about-container{padding:30px 15px}.about-container h1{font-size:28px}.member-card{padding:20px}.member-img{width:100px;height:100px}}.cpu-container{padding:40px;background:#f5f6f8;min-height:100vh;font-family:Arial,sans-serif;box-sizing:border-box}.cpu-container h1{color:#2d4bd3;margin-bottom:5px}.cpu-container p{margin-bottom:20px;color:#555}.algo-box{background:#fff;padding:20px;border-radius:10px;margin:20px 0;display:flex;gap:10px;box-shadow:0 4px 8px #00000014}.algo-box button.active{background:#3f5ed7;color:#fff}.quantum-box{margin-bottom:15px}.quantum-box label{display:block;font-weight:700;margin-bottom:5px}.quantum-box input{width:220px;max-width:100%;padding:10px;border-radius:8px;border:1px solid #ccc}.process-box{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #00000014}.process-header{display:flex;gap:10px;font-weight:700;margin-bottom:10px;align-items:center}.process-header span:nth-child(1){width:60px}.process-header span:nth-child(2),.process-header span:nth-child(3){flex:1}.process-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.pid{width:60px;font-weight:700}.process-row input{flex:1;padding:8px;border-radius:6px;border:1px solid #ccc}.add-btn,.run-btn{margin-top:15px;padding:12px;background:#3f5ed7;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.2s}.add-btn:hover,.run-btn:hover{background:#2d4bd3}.run-btn{width:100%}.delete-btn{background:#ef4444;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.delete-btn:hover{background:#dc2626}.run-row{display:flex;gap:10px;margin-top:20px}.refresh-btn{width:60px;background:#f0f0f0;border:none;border-radius:10px;font-size:18px;cursor:pointer}.refresh-btn:hover{background:#e0e0e0}.result-box{background:#fff;margin-top:30px;padding:20px;border-radius:10px;box-shadow:0 4px 8px #00000014}.gantt{display:flex;margin:15px 0;border-radius:8px;overflow-x:auto}.gantt-block{padding:12px;color:#fff;font-weight:700;text-align:center;white-space:nowrap}.timeline{display:flex;justify-content:space-between;font-size:12px;margin-bottom:20px;color:#555;overflow-x:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.stat-card{background:#f9fafb;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000000f;text-align:center}.stat-card h2{color:#2d4bd3;margin-bottom:5px}table{width:100%;border-collapse:collapse;margin-top:15px;overflow-x:auto;display:block}th,td{border:1px solid #ddd;padding:10px;text-align:center;white-space:nowrap}th{background:#f0f0f0;font-weight:700}.dot{height:10px;width:10px;display:inline-block;border-radius:50%;margin-right:8px}.export-btn{margin-top:20px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s}@media(max-width:768px){.cpu-container{padding:15px}.algo-box{flex-direction:column}.process-header{display:none}.process-row{flex-direction:column;align-items:stretch;background:#f9fafb;padding:12px;border-radius:8px}.pid,.process-row input{width:100%}.delete-btn{width:100%;margin-top:5px}.run-row{flex-direction:column}.refresh-btn{width:100%;height:45px}.stats{grid-template-columns:1fr}.gantt-block{font-size:12px;padding:8px}table{font-size:12px}.export-btn{width:100%}}.mem-container{padding:40px;background:#f5f6f8;min-height:100vh;font-family:Arial,sans-serif}.subtitle{color:#666;margin-bottom:20px}.input-row{display:flex;gap:15px;margin-bottom:20px}.input-row input{flex:1;padding:12px;border-radius:8px;border:1px solid #ccc;transition:.2s}.input-row input:focus{outline:none;border-color:#3f5ed7;box-shadow:0 0 5px #3f5ed74d}.algo-row{display:flex;gap:10px;margin-bottom:20px}.algo-row button{flex:1;padding:12px;border:none;background:#e5e5e5;border-radius:8px;cursor:pointer;font-weight:700;transition:.2s}.algo-row button:hover{background:#d6d6d6}.algo-row button.active{background:#3f5ed7;color:#fff}.run-row{display:flex;gap:10px;margin-bottom:20px}.run-btn{flex:1;padding:14px;background:#3f5ed7;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:.2s}.refresh-btn{width:60px;border:none;border-radius:10px;background:#eee;font-size:18px;cursor:pointer;transition:.2s}.result-box{background:#fff;padding:20px;border-radius:10px;animation:fadeIn .4s ease}.memory-bar{display:flex;margin:20px 0}.memory-block{display:flex;flex:1;border:1px solid #ccc;margin-right:5px;border-radius:6px;overflow:hidden;animation:grow .5s ease}.process{color:#fff;text-align:center;padding:10px;font-weight:700}.frag{background:#ddd;text-align:center;padding:10px;color:#333}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ddd;padding:10px;text-align:center}.total-frag{margin-top:15px;font-weight:700;font-size:18px}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page-container{padding:40px;background:#f5f6f8;min-height:100vh;font-family:Arial,sans-serif}.algo-box{display:flex;gap:10px;margin:20px 0}.algo-box button{flex:1;padding:12px;border:none;background:#e5e5e5;border-radius:8px;cursor:pointer;font-weight:700;transition:.2s}.algo-box button:hover{background:#d6d6d6}.algo-box .active{background:#3f5ed7;color:#fff}.input-box{margin-bottom:15px}.input-box label{font-weight:700;display:block;margin-bottom:5px}.input-box input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;transition:.2s}.input-box input:focus{outline:none;border-color:#3f5ed7;box-shadow:0 0 5px #3f5ed74d}.run-row{display:flex;gap:10px;margin-top:15px}.run-btn{flex:1;padding:12px;background:#3f5ed7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.2s}.run-btn:hover{background:#2d4bd3}.refresh-btn{width:60px;border-radius:8px;border:none;background:#eee;font-size:18px;cursor:pointer;transition:.2s}.refresh-btn:hover{background:#ddd}.stats{display:flex;gap:15px;margin:20px 0;animation:fadeIn .4s ease}.card{flex:1;background:#fff;padding:20px;border-radius:10px;text-align:center;font-size:24px;box-shadow:0 4px 8px #00000014}.card span{display:block;font-size:14px;color:gray;margin-top:5px}.frame{padding:6px;border-radius:6px;background:#e5e7eb;transition:.2s}.changed{background:#2f55d4;color:#fff;animation:pop .3s}.hit-badge{color:#10b981;font-weight:700}.fault-badge{color:#ef4444;font-weight:700}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;animation:fadeIn .4s ease}th,td{padding:10px;text-align:center;border-bottom:1px solid #ddd}th{background:#f0f0f0}.export-btn{margin-top:20px;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:.2s}.export-btn:hover{background:#059669}@keyframes pop{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.resources-container{padding:40px;background:#f5f6f8;min-height:100vh}.resources-title{font-size:28px;margin-bottom:5px}.resources-subtitle{color:gray;margin-bottom:30px}.resource-section{margin-bottom:40px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.resource-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #00000014}.resource-card h3{margin-bottom:10px;color:#2f55d4}.resource-card ul{margin-left:20px}.dis{color:red}@media(max-width:768px){.resources-container{padding:20px}.resources-title{font-size:22px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background:#f5f6f8}