body{margin:0}#root{width:100%}body{background:#eef4fb;font-family:Arial,Helvetica,sans-serif}.home{background:linear-gradient(135deg,#036,#1565c0,#4fc3f7);justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.home-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:950px;padding:50px;display:flex;box-shadow:0 15px 35px #0003}.logo{width:180px;height:auto;margin:0 auto 25px;display:block}.institute{color:#036;margin-bottom:15px;font-size:40px;line-height:1.3}.college{text-align:center;color:#444;width:100%;margin:12px auto;font-size:28px;font-weight:600;display:block}.department{text-align:center;color:#555;width:100%;margin:15px auto 30px;font-size:24px;line-height:1.6;display:block}hr{width:80%;margin:30px auto}.course{color:#036;margin-bottom:20px;font-size:30px}.title{color:#1565c0;margin-bottom:30px;font-size:52px;line-height:1.2}.about{width:90%;margin:auto}.about h3{color:#036;margin-bottom:15px}.about p{color:#555;text-align:justify;line-height:1.8}.developer{margin-top:25px}.developer h4{color:#666;margin-bottom:10px}.developer h2{color:#1565c0;margin-bottom:10px}.developer p{color:#555;margin-bottom:5px}.enter-btn{color:#fff;cursor:pointer;background:#036;border:none;border-radius:10px;margin-top:35px;padding:15px 35px;font-size:20px;transition:all .3s}.enter-btn:hover{color:#000;background:#f4b400}*{box-sizing:border-box;margin:0;padding:0}.dashboard{background:#eef3fb;min-height:100vh;padding:40px}.dashboard-header{text-align:center;margin-bottom:50px}.dashboard-header h1{color:#036;margin-bottom:10px;font-size:42px}.dashboard-header h2{color:#1565c0;margin-bottom:10px;font-size:28px}.dashboard-header p{color:#555;font-size:20px}.dashboard-title{text-align:center;color:#036;margin-bottom:40px;font-size:36px}.cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.card{background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;padding:30px;transition:all .3s;display:flex;box-shadow:0 10px 25px #0000001f}.card:hover{transform:translateY(-8px);box-shadow:0 18px 35px #0003}.card h2{color:#036;margin-bottom:12px;font-size:30px}.card h3{color:#1565c0;margin-bottom:15px;font-size:26px}.card p{color:#555;margin-bottom:25px;font-size:20px;line-height:1.6}.card button{cursor:pointer;border:none;border-radius:10px;width:100%;padding:15px;font-size:20px;transition:all .3s}.available{color:#fff;background:#036}.available:hover{background:#1565c0}.disabled{color:#666;cursor:not-allowed;background:#cfcfcf}@media (width<=768px){.dashboard{padding:20px}.dashboard-header h1{font-size:36px}.dashboard-header h2{font-size:24px}.dashboard-title{font-size:30px}.card{padding:20px}.card h2{font-size:24px}.card h3{font-size:22px}.card p{font-size:18px}}body{background:#eef4ff;margin:0;font-family:Arial,Helvetica,sans-serif}.experiment-container{width:90%;max-width:1200px;margin:30px auto}.experiment-header{text-align:center;margin-bottom:30px}.experiment-header h1{color:#036;margin-bottom:10px}.experiment-header h2{color:#1565c0;margin-bottom:10px}.card{background:#fff;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 4px 12px #00000026}.card h2{color:#036;border-bottom:2px solid #1565c0;padding-bottom:10px}.card h3{color:#1565c0}.card p,.card li{text-align:justify;font-size:17px;line-height:1.8}.equation{text-align:center;background:#e8f1ff;border-left:6px solid #1565c0;margin:20px 0;padding:20px;font-size:22px;font-weight:700}.code-box{color:#0f8;white-space:pre-wrap;text-align:left;background:#1e1e1e;border-radius:12px;margin-top:20px;padding:20px;font-family:Consolas,monospace;font-size:15px;line-height:1.6;overflow-x:auto}.navbar{color:#fff;z-index:1000;background:linear-gradient(135deg,#036,#1565c0);justify-content:space-between;align-items:center;padding:10px 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 15px #0000004d}.navbar-logo{letter-spacing:1px;text-shadow:2px 2px 4px #0003;font-size:22px;font-weight:700}.navbar-logo a{color:#fff;text-decoration:none;transition:all .3s}.navbar-logo a:hover{color:#eef3fb}.navbar-menu{gap:40px;margin:0;padding:0;list-style:none;display:flex}.navbar-menu li{font-size:18px;font-weight:500}.navbar-menu a{color:#eef3fb;text-decoration:none;transition:all .3s;position:relative}.navbar-menu a:after{content:"";background-color:#f4b400;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.navbar-menu a:hover:after{width:100%}.navbar-menu a:hover{color:#f4b400}.simulation-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;display:grid}.input-group{flex-direction:column;display:flex}.input-group label{color:#036;margin-bottom:8px;font-weight:700}.input-group input,.input-group select{border:2px solid #1565c0;border-radius:8px;padding:12px;font-size:16px}.run-btn{color:#fff;cursor:pointer;background:#036;border:none;border-radius:10px;width:100%;margin-top:35px;padding:15px;font-size:20px;transition:all .3s}.run-btn:hover{background:#1565c0}.result-card{background:#f4f9ff;border-left:5px solid #1565c0;border-radius:10px;margin-top:30px;padding:20px;box-shadow:0 4px 12px #00000026}.result-card h3{color:#036;margin-bottom:15px}.result-card p{margin:8px 0;font-size:18px}