body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f5f7fa}.home-container{max-width:1200px;margin:0 auto;padding:2rem}.hero-section{text-align:center;padding:4rem 0;background:linear-gradient(135deg,#6b73ff,#000dff);color:#fff;border-radius:10px;margin-bottom:2rem}.hero-section h1{font-size:2.5rem;margin-bottom:1rem}.instructions{background:#fff;padding:2rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.steps{display:flex;gap:1rem;margin-top:2rem}.step{flex:1;padding:1.5rem;background:#f9f9f9;border-radius:8px}.step-number{background:#6b73ff;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-weight:700}.cta-section{text-align:center;padding:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.cta-button{padding:.8rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:500}.cta-button.primary{background:#6b73ff;color:#fff}.cta-button.secondary{border:1px solid #6B73FF;color:#6b73ff}.dashboard-container{display:flex;min-height:calc(100vh - 60px)}.sidebar{width:250px;background:#2c3e50;color:#fff;padding:1.5rem}.user-profile{text-align:center;padding:1rem 0 2rem;border-bottom:1px solid #3d5166}.avatar{font-size:2rem;margin-bottom:.5rem}.algorithm-list ul{list-style:none;padding:0}.algorithm-list li{padding:.8rem;cursor:pointer;border-radius:5px;margin-bottom:.5rem}.algorithm-list li:hover{background:#3d5166}.algorithm-list li.active{background:#6b73ff}.main-content{flex:1;padding:2rem;background:#fff}.algorithm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:2rem}.algorithm-ui{max-width:800px;margin:0 auto}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500}.input-group textarea,.input-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:5px}button{background:#6b73ff;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;cursor:pointer;font-weight:500}.result{margin-top:2rem;padding:1rem;background:#f5f7fa;border-radius:5px}
