*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#08111f;font-family:Arial,sans-serif}.app{display:flex}.sidebar{background:#101827;flex-direction:column;gap:20px;width:240px;height:100vh;padding:20px;display:flex;position:fixed}.sidebar h2{color:#22c55e}.sidebar a{color:#fff;border-radius:10px;padding:10px;text-decoration:none}.sidebar a:hover{background:#22c55e}.content{width:100%;margin-left:240px;padding:30px}.page{min-height:100vh}.hero-card,.result-card,.card{background:#1e293b;border-radius:15px;margin-top:20px;padding:20px}.form{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}input,select{border:none;border-radius:8px;width:220px;padding:12px}button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;padding:12px 20px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.card{text-align:center}.output-box{background:#0f172a;border-radius:10px;margin-top:15px;padding:15px}.card{cursor:pointer;transition:all .3s}.card:hover{background:#22c55e;transform:scale(1.05)}.result-card{margin-top:25px}.output-box{background:#0f172a;border-left:4px solid #22c55e;border-radius:12px;margin-bottom:15px;padding:15px}.output-box h2{color:#22c55e;margin-bottom:10px}.output-box ul{padding-left:20px}.output-box li{margin-bottom:8px}.home-container{align-items:center;gap:25px;margin-top:30px;display:flex}.home-image{border-radius:20px;width:500px;box-shadow:0 0 20px #22c55e4d}.about-grid{align-items:center;gap:25px;margin-top:20px;display:flex}.about-image{border-radius:20px;width:450px}.small-image{object-fit:cover;border-radius:15px;width:300px;height:200px}.small-image:hover{transition:all .3s;transform:scale(1.05)}.home-container{justify-content:space-between;align-items:center;gap:30px;display:flex}.home-image{object-fit:cover;border-radius:20px;width:500px;height:350px}.gallery{flex-wrap:wrap;gap:20px;margin-top:30px;display:flex}.gallery img{object-fit:cover;border-radius:15px;width:300px;height:220px;transition:all .3s}.gallery img:hover{transform:scale(1.05)}